Update app.py

app.py

@@ -739,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", ["کمترین", "بیشترین"])  # لیبل‌های پیش‌فرض
     
     # مقدار پیش‌فرض (وسط طیف)
-    default_value = st.session_state.get(key, (points + 1) // 2)
+    default_value = (points + 1) // 2
     
-    # HTML و JavaScript
+    # مقدار فعلی از session_state
+    current_value = st.session_state.get(key, default_value)
+    
+    # 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>
@@ -756,34 +759,54 @@ 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}')">
+               oninput="updateSlider('{key}')" onchange="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({{
+        const message = {{
             type: 'streamlit:setComponentValue',
-            key: key,
-            value: value
-        }}, '*');
+            value: value,
+            key: key
+        }};
+        window.parent.postMessage(message, '*');
+        
+        // دیباگ: چاپ پیام ارسالی
+        console.log('Sending to Streamlit: ', JSON.stringify(message));
     }}
+
+    // تنظیم مقدار اولیه
+    document.getElementById('{key}').value = {current_value};
+    document.getElementById('output_{key}').innerText = {current_value};
     </script>
     """
     
-    # نمایش کامپوننت
-    components.html(html, height=150)
+    # نمایش کامپوننت با کلید منحصربه‌فرد
+    components.html(html, height=150, key=f"slider_{key}")
+    
+    # دریافت مقدار از Streamlit
+    component_value = st.session_state.get(key, default_value)
+    
+    # دیباگ: نمایش مقادیر
+    st.write(f"Debug: کلید: {key}")
+    st.write(f"Debug: مقدار پیش‌فرض: {default_value}")
+    st.write(f"Debug: مقدار دریافت‌شده: {component_value}")
+    st.write(f"Debug: مقدار در session_state[{key}]: {st.session_state.get(key, 'هیچ')}")
+    
+    # ذخیره مقدار
+    st.session_state[key] = component_value
     
-    # مقدار نهایی
-    return st.session_state.get(key, default_value)
+    return component_value
     
 def create_ride_map():
     """ایجاد نقشه سفر با Folium - نسخه اصلاح شده با مناطق عمومی"""
@@ -1205,7 +1228,7 @@ def random_likert_questions():
                     "key": "distributive_1", 
                     "question": "قیمتی که به شما ارائه شد، چگونه بود؟",
                     "scale": 7,
-                    "labels": ["کاملاً نامنصفانه", "کاملاً منصفانه"]  # لیبل‌های سفارشی برای این سوال
+                    "labels": ["کاملاً نامنصفانه", "کاملاً منصفانه"]
                 },
                 {
                     "key": "distributive_2", 
@@ -1225,7 +1248,7 @@ def random_likert_questions():
             "title": "سوال توجه",
             "key": "attention_check",
             "questions": [
-                {"key": "attention_check2", "question": "تا چه مقدار با دقت به سوالات پاسخ می‌دهید؟", "scale": 7,"labels": ["خیلی کم", "خیلی زیاد"]} 
+                {"key": "attention_check2", "question": "تا چه مقدار با دقت به سوالات پاسخ می‌دهید؟", "scale": 7, "labels": ["خیلی کم", "خیلی زیاد"]} 
             ]
         },
         {
@@ -1250,7 +1273,6 @@ def random_likert_questions():
         }
     ]
 
-
     # مقداردهی اولیه
     if 'current_likert_group' not in st.session_state:
         st.session_state.current_likert_group = 0
@@ -1286,12 +1308,23 @@ def random_likert_questions():
     for question in current_group['questions']:
         answer = custom_likert_slider(question)
         st.session_state.answers[question["key"]] = answer 
-
+        st.write(f"Debug: پاسخ ذخیره‌شده برای {question['key']}: {st.session_state.answers[question['key']]}")
+    
+    # دیباگ: نمایش تمام پاسخ‌های ذخیره‌شده
+    st.write("Debug: پاسخ‌های ذخیره‌شده تا الان:", st.session_state.answers)
     
     # دکمه ادامه/اتمام
     button_label = "ادامه به گروه بعدی" if st.session_state.current_likert_group < len(question_groups)-1 else "اتمام پرسشنامه"
     
     if st.button(button_label):
+        # ذخیره پاسخ‌ها قبل از رفتن به گروه بعدی
+        for question in current_group['questions']:
+            if question["key"] in st.session_state:
+                st.session_state.answers[question["key"]] = st.session_state[question["key"]]
+        
+        # دیباگ: نمایش پاسخ‌ها قبل از تغییر صفحه
+        st.write("Debug: پاسخ‌های ذخیره‌شده قبل از ادامه:", st.session_state.answers)
+        
         # رفتن به گروه بعدی یا صفحه پایانی
         if st.session_state.current_likert_group < len(question_groups) - 1:
             st.session_state.current_likert_group += 1