Update app.py

app.py

@@ -17,6 +17,20 @@ st.set_page_config(layout="wide", page_title="راهیار - تحلیل انصا
 SHEET_ID = "1mmdWAyOCYq4yXMgP53Duq712AnlqZWLkfIo76JqM7wM"
 SHEET_NAME = "Condition1"
 
+
+if 'component_values' not in st.session_state:
+    st.session_state.component_values = {}
+
+def handle_component_message():
+    messages = st.session_state.get('_component_messages', [])
+    for message in messages:
+        if message['type'] == 'streamlit:setComponentValue':
+            st.session_state.component_values[message['key']] = message['value']
+            st.session_state[message['key']] = message['value']
+            st.rerun()
+
+handle_component_message()
+
 # ========== استایل‌های سفارشی یکپارچه ==========
 st.markdown("""
 <style>    
@@ -743,7 +757,7 @@ def custom_likert_slider(question_data):
     question = question_data["question"]
     key = question_data["key"]
     points = question_data["scale"]
-    labels = question_data.get("labels", ["کمترین", "بیشترین"])  # لیبل‌های پیش‌فرض
+    labels = question_data.get("labels", ["کمترین", "بیشترین"])
     
     # مقدار پیش‌فرض (وسط طیف)
     default_value = st.session_state.get(key, (points + 1) // 2)
@@ -776,14 +790,21 @@ def custom_likert_slider(question_data):
             value: value
         }}, '*');
     }}
+    
+    // اضافه کردن event listener برای ذخیره مقدار هنگام تغییر
+    document.getElementById("{key}").addEventListener("change", function() {{
+        updateSlider("{key}");
+    }});
     </script>
     """
     
     # نمایش کامپوننت
     components.html(html, height=150)
     
-    # مقدار نهایی
-    return st.session_state.get(key, default_value)
+    # بررسی اگر مقدار در session_state وجود دارد
+    if key in st.session_state:
+        return st.session_state[key]
+    return default_value
     
 def create_ride_map():
     """ایجاد نقشه سفر با Folium - نسخه اصلاح شده با مناطق عمومی"""
@@ -1282,10 +1303,11 @@ def random_likert_questions():
     </div>
     """, unsafe_allow_html=True)
     
-    # نمایش تمام سوالات این گروه در یک صفحه
     for question in current_group['questions']:
         answer = custom_likert_slider(question)
-        st.session_state.answers[question["key"]] = answer 
+        # ذخیره پاسخ در session_state
+        st.session_state[question["key"]] = answer
+        st.session_state.answers[question["key"]] = answer
 
     
     # دکمه ادامه/اتمام
@@ -1497,13 +1519,21 @@ def main():
     user_agent = st.query_params.get("user_agent", [""])[0]
     st.session_state.is_desktop = "mobile" not in user_agent.lower()
 
-
+    
     if st.session_state.is_desktop:
         # اطمینان از نمایش همان حالت موبایل برای همه دستگاه‌ها
         st.session_state.is_desktop = False
 
-    if 'answers' not in st.session_state:
-        st.session_state.answers = {}
+    # مدیریت وضعیت اسلایدرها
+    if 'component_values' not in st.session_state:
+        st.session_state.component_values = {}
+    
+    # دریافت مقادیر از کامپوننت‌های HTML
+    component_values = st.session_state.get('component_values', {})
+    for key, value in component_values.items():
+        st.session_state[key] = value
+        if 'answers' in st.session_state:
+            st.session_state.answers[key] = value
     
     if 'current_page' not in st.session_state:
         st.session_state.current_page = "welcome"