Update app.py

app.py

@@ -738,8 +738,6 @@ h3 {
 """, unsafe_allow_html=True)
 
 # ========== توابع اصلی ==========
-
-
 def custom_likert_slider(question_data):
     """Custom Likert-style question with circles and labels."""
     question = question_data["question"]
@@ -747,21 +745,22 @@ def custom_likert_slider(question_data):
     scale = question_data["scale"]
     labels = question_data.get("labels", ["کمترین", "بیشترین"])  # Default labels
     
-    # Default value (middle of the scale)
-    default_value = st.session_state.get(key, (scale + 1) // 2)
+    # مقدار پیش‌فرض فقط برای بار اول (اگر هیچ مقداری در session_state وجود نداشته باشد)
+    if key not in st.session_state:
+        st.session_state[key] = (scale + 1) // 2  # مقدار میانی به عنوان پیش‌فرض
     
-    # HTML and CSS for custom Likert scale with radio buttons (styled as circles)
+    # HTML و JavaScript برای دکمه‌های رادیویی
     html = f"""
     <div style="direction: ltr; font-family: 'B Nazanin'; margin-bottom: 30px;">
         <label style="font-size: 16px; font-weight: bold; display: block; text-align: center;">{question}</label>
         <div style="display: flex; justify-content: center; align-items: center; gap: 10px; margin: 10px 0;">
             <span>{labels[0]}</span>
             <div style="display: flex; gap: 10px;">
-                <input type="radio" id="radio_{key}_1" name="{key}" value="1" style="width: 30px; height: 30px;" {'checked' if default_value == 1 else ''} onclick="updateSlider(1, '{key}')">
-                <input type="radio" id="radio_{key}_2" name="{key}" value="2" style="width: 30px; height: 30px;" {'checked' if default_value == 2 else ''} onclick="updateSlider(2, '{key}')">
-                <input type="radio" id="radio_{key}_3" name="{key}" value="3" style="width: 30px; height: 30px;" {'checked' if default_value == 3 else ''} onclick="updateSlider(3, '{key}')">
-                <input type="radio" id="radio_{key}_4" name="{key}" value="4" style="width: 30px; height: 30px;" {'checked' if default_value == 4 else ''} onclick="updateSlider(4, '{key}')">
-                <input type="radio" id="radio_{key}_5" name="{key}" value="5" style="width: 30px; height: 30px;" {'checked' if default_value == 5 else ''} onclick="updateSlider(5, '{key}')">
+                <input type="radio" id="radio_{key}_1" name="{key}" value="1" style="width: 30px; height: 30px;" {'checked' if st.session_state[key] == 1 else ''} onclick="updateSlider(1, '{key}')">
+                <input type="radio" id="radio_{key}_2" name="{key}" value="2" style="width: 30px; height: 30px;" {'checked' if st.session_state[key] == 2 else ''} onclick="updateSlider(2, '{key}')">
+                <input type="radio" id="radio_{key}_3" name="{key}" value="3" style="width: 30px; height: 30px;" {'checked' if st.session_state[key] == 3 else ''} onclick="updateSlider(3, '{key}')">
+                <input type="radio" id="radio_{key}_4" name="{key}" value="4" style="width: 30px; height: 30px;" {'checked' if st.session_state[key] == 4 else ''} onclick="updateSlider(4, '{key}')">
+                <input type="radio" id="radio_{key}_5" name="{key}" value="5" style="width: 30px; height: 30px;" {'checked' if st.session_state[key] == 5 else ''} onclick="updateSlider(5, '{key}')">
             </div>
             <span>{labels[1]}</span>
         </div>
@@ -769,22 +768,34 @@ def custom_likert_slider(question_data):
 
     <script>
     function updateSlider(value, key) {{
-        // Send the value back to Streamlit
+        // ارسال مقدار به Streamlit
         window.parent.postMessage({{
             type: 'streamlit:setComponentValue',
             key: key,
-            value: value
+            value: parseInt(value)  // تبدیل به عدد صحیح
         }}, '*');
     }}
+
+    // دریافت پیام از Streamlit برای به‌روزرسانی session_state
+    window.addEventListener('message', function(event) {{
+        if (event.data.type === 'streamlit:render') {{
+            // به‌روزرسانی دکمه‌های رادیویی بر اساس مقدار session_state
+            let value = {st.session_state[key]};
+            document.querySelector(`#radio_{key}_${value}`).checked = true;
+        }}
+    }});
     </script>
     """
     
-    # Render the HTML and JavaScript in the Streamlit app
+    # رندر HTML و JavaScript
     components.html(html, height=200)
 
-    # Return the value stored in session state, initially set to default value
-    slider_value = st.session_state.get(key, default_value)
-    return slider_value
+    # مدیریت پیام‌های دریافتی از JavaScript
+    if f"{key}_component" in st.session_state:
+        st.session_state[key] = st.session_state[f"{key}_component"]
+
+    # بازگرداندن مقدار ذخیره‌شده در session_state
+    return st.session_state[key]
     
 def create_ride_map():
     """ایجاد نقشه سفر با Folium - نسخه اصلاح شده ب�� مناطق عمومی"""