Update app.py

app.py

@@ -739,70 +739,46 @@ h3 {
 
 # ========== توابع اصلی ==========
 def custom_likert_slider(question_data):
-    """نمایش سوال لیکرت با اسلایدر سفارشی و دیباگ کامل"""
+    """نمایش سوال لیکرت با اسلایدر استاندارد Streamlit"""
     question = question_data["question"]
     key = question_data["key"]
     points = question_data["scale"]
     labels = question_data.get("labels", ["کمترین", "بیشترین"])  # لیبل‌های پیش‌فرض
-    
+
     # مقدار پیش‌فرض (وسط طیف)
     default_value = (points + 1) // 2
-    
-    # مقدار فعلی از 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>
-        <div style="display: flex; justify-content: space-between; font-size: 12px; margin-bottom: 5px;">
+
+    # نمایش سوال
+    st.markdown(f"<p style='font-size:16px; margin-bottom:5px;'>{question}</p>", unsafe_allow_html=True)
+
+    # اسلایدر استاندارد Streamlit
+    value = st.slider(
+        "",
+        min_value=1,
+        max_value=points,
+        value=default_value,
+        step=1,
+        key=key,
+        format="%d"
+    )
+
+    # نمایش لیبل‌های دو طرف
+    st.markdown(
+        f"""
+        <div style='display: flex; justify-content: space-between; font-size: 12px; margin-bottom: 5px;'>
             <span>{labels[0]}</span>
             <span>{labels[1]}</span>
         </div>
-        <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}">{current_value}</span></strong>
-        </div>
-    </div>
-
-    <script>
-    function updateSlider(key) {{
-        const slider = document.getElementById(key);
-        const value = parseInt(slider.value);
-        document.getElementById('output_' + key).innerText = value;
-
-        // ارسال مقدار به Streamlit
-        window.parent.postMessage({{
-            type: 'streamlit:setComponentValue',
-            value: value,
-            key: key
-        }}, '*');
-        
-        // دیباگ: چاپ مقدار در کنسول مرورگر
-        console.log('Slider key: ' + key + ', Value: ' + value);
-    }}
+        <p style='text-align:center; color:#6a0dad; font-weight:bold;'>
+            پاسخ انتخاب‌شده: {value}
+        </p>
+        """,
+        unsafe_allow_html=True
+    )
 
-    // تنظیم مقدار اولیه
-    document.getElementById('{key}').value = {current_value};
-    document.getElementById('output_{key}').innerText = {current_value};
-    </script>
-    """
-    
-    # نمایش کامپوننت
-    components.html(html, height=150)
-    
-    # دریافت مقدار از Streamlit
-    component_value = st.session_state.get(key, default_value)
-    
-    # دیباگ: نمایش مقدار دریافت‌شده
-    st.write(f"Debug: مقدار دریافت‌شده برای {key}: {component_value}")
-    
     # ذخیره مقدار در session_state
-    st.session_state[key] = component_value
-    
-    return component_value
+    st.session_state[key] = value
+    return value
     
 def create_ride_map():
     """ایجاد نقشه سفر با Folium - نسخه اصلاح شده با مناطق عمومی"""
@@ -1224,7 +1200,7 @@ def random_likert_questions():
                     "key": "distributive_1", 
                     "question": "قیمتی که به شما ارائه شد، چگونه بود؟",
                     "scale": 7,
-                    "labels": ["کاملاً نامنصفانه", "کاملاً منصفانه"]
+                    "labels": ["کاملاً نامنصفانه", "کاملاً منصفانه"]  # لیبل‌های سفارشی برای این سوال
                 },
                 {
                     "key": "distributive_2", 
@@ -1244,7 +1220,7 @@ def random_likert_questions():
             "title": "سوال توجه",
             "key": "attention_check",
             "questions": [
-                {"key": "attention_check2", "question": "تا چه مقدار با دقت به سوالات پاسخ می‌دهید؟", "scale": 7, "labels": ["خیلی کم", "خیلی زیاد"]} 
+                {"key": "attention_check2", "question": "تا چه مقدار با دقت به سوالات پاسخ می‌دهید؟", "scale": 7,"labels": ["خیلی کم", "خیلی زیاد"]} 
             ]
         },
         {
@@ -1269,6 +1245,7 @@ def random_likert_questions():
         }
     ]
 
+
     # مقداردهی اولیه
     if 'current_likert_group' not in st.session_state:
         st.session_state.current_likert_group = 0
@@ -1304,17 +1281,12 @@ 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']]}")
-    
-    # دیباگ: نمایش کل session_state
-    st.write("Debug: کل session_state:", st.session_state)
+
     
     # دکمه ادامه/اتمام
     button_label = "ادامه به گروه بعدی" if st.session_state.current_likert_group < len(question_groups)-1 else "اتمام پرسشنامه"
     
     if st.button(button_label):
-        # بررسی مقادیر ذخیره‌شده قبل از رفتن به گروه بعدی
-        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