Update app.py

app.py

@@ -17,21 +17,6 @@ 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':
-            if 'answers' not in st.session_state:
-                st.session_state.answers = {}
-            st.session_state.component_values[message['key']] = message['value']
-            st.session_state[message['key']] = message['value']
-            st.session_state.answers[message['key']] = message['value']
-            st.rerun()
-
 # ========== استایل‌های سفارشی یکپارچه ==========
 st.markdown("""
 <style>    
@@ -754,16 +739,19 @@ h3 {
 
 # ========== توابع اصلی ==========
 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)
+    default_value = (points + 1) // 2
+    
+    # مقدار فعلی از session_state
+    current_value = st.session_state.get(key, default_value)
     
-    # HTML و JavaScript
+    # HTML و JavaScript برای اسلایدر
     html = f"""
     <div id="container_{key}" style="direction: ltr; font-family: 'B Nazanin'; margin-bottom: 30px;">
         <label style="font-size: 16px; font-weight: bold; display: block; text-align: right;">{question}</label>
@@ -771,41 +759,47 @@ def custom_likert_slider(question_data):
             <span>{labels[0]}</span>
             <span>{labels[1]}</span>
         </div>
-        <input type="range" id="{key}" min="1" max="{points}" step="1" value="{default_value}"
+        <input type="range" id="{key}" min="1" max="{points}" step="1" value="{current_value}"
                style="width: 100%; height: 10px; accent-color: #6a0dad; margin-bottom: 15px;"
                oninput="updateSlider('{key}')">
         <div style="text-align: center; margin-top: 10px; direction: rtl;">
-            پاسخ انتخاب‌شده: <strong><span id="output_{key}">{default_value}</span></strong>
+            پاسخ انتخاب‌شده: <strong><span id="output_{key}">{current_value}</span></strong>
         </div>
     </div>
 
     <script>
     function updateSlider(key) {{
-        const value = parseInt(document.getElementById(key).value);
+        const slider = document.getElementById(key);
+        const value = parseInt(slider.value);
         document.getElementById('output_' + key).innerText = value;
 
         // ارسال مقدار به Streamlit
         window.parent.postMessage({{
             type: 'streamlit:setComponentValue',
-            key: key,
-            value: value
+            value: value,
+            key: 'custom_' + key
         }}, '*');
+        
+        // به‌روزرسانی مقدار در input برای اطمینان
+        slider.value = value;
     }}
-    
-    // اضافه کردن event listener برای ذخیره مقدار هنگام تغییر
-    document.getElementById("{key}").addEventListener("change", function() {{
-        updateSlider("{key}");
-    }});
+
+    // تنظیم مقدار اولیه
+    document.getElementById('{key}').value = {current_value};
+    document.getElementById('output_{key}').innerText = {current_value};
     </script>
     """
     
     # نمایش کامپوننت
     components.html(html, height=150)
     
-    # بررسی اگر مقدار در session_state وجود دارد
-    if key in st.session_state:
-        return st.session_state[key]
-    return default_value
+    # دریافت مقدار از Streamlit
+    component_value = st.session_state.get(f"custom_{key}", current_value)
+    
+    # ذخیره مقدار در session_state
+    st.session_state[key] = component_value
+    
+    return component_value
     
 def create_ride_map():
     """ایجاد نقشه سفر با Folium - نسخه اصلاح شده با مناطق عمومی"""
@@ -1304,11 +1298,10 @@ def random_likert_questions():
     </div>
     """, unsafe_allow_html=True)
     
+    # نمایش تمام سوالات این گروه در یک صفحه
     for question in current_group['questions']:
         answer = custom_likert_slider(question)
-        # ذخیره پاسخ در session_state
-        st.session_state[question["key"]] = answer
-        st.session_state.answers[question["key"]] = answer
+        st.session_state.answers[question["key"]] = answer 
 
     
     # دکمه ادامه/اتمام
@@ -1520,21 +1513,13 @@ 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 '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 'answers' not in st.session_state:
+        st.session_state.answers = {}
     
     if 'current_page' not in st.session_state:
         st.session_state.current_page = "welcome"
@@ -1544,7 +1529,6 @@ def main():
         st.session_state.demographic_data = None
         st.session_state.price_accepted = 0
         st.session_state.attention_check1 = None
-        st.session_state.answers = {}
         
     pages = {
         "welcome": welcome_page,