Update app.py

app.py

@@ -675,36 +675,56 @@ h3 {
 
 # ========== توابع اصلی ==========
 def custom_likert_slider(question, key, points=7):
+    # تعریف گزینه‌ها
     options = {
         5: ["کاملاً مخالفم", "مخالفم", "خنثی", "موافقم", "کاملاً موافقم"],
         7: ["کاملاً مخالفم", "نسبتاً مخالفم", "کمی مخالفم", "خنثی", "کمی موافقم", "نسبتاً موافقم", "کاملاً موافقم"]
     }
-    labels = options.get(points)
-    default_value = (points + 1) // 2
-
-    st.markdown(f"<div style='font-family: B Nazanin; direction: rtl; font-size: 16px; font-weight: bold;'>{question}</div>", unsafe_allow_html=True)
-
-    st.markdown(
-        f"""
-        <div style='display: flex; justify-content: space-between; font-size: 12px; direction: rtl; margin-bottom: -10px;'>
-            {''.join(f"<span>{label}</span>" for label in labels)}
+    labels = options.get(points, options[7])
+    
+    # مقدار پیش‌فرض از session_state یا نقطه میانی
+    default_value = st.session_state.get(key, (points + 1) // 2)
+    
+    # HTML و JavaScript
+    html = f"""
+    <div id="container_{key}" style="direction: rtl; font-family: 'B Nazanin'; margin-bottom: 30px;">
+        <label style="font-size: 16px; font-weight: bold;">{question}</label>
+        <div style="display: flex; justify-content: space-between; font-size: 12px; margin-bottom: 5px;">
+            {''.join(f'<span style="flex: 1; text-align: center;">{label}</span>' for label in labels)}
         </div>
-        """, unsafe_allow_html=True
-    )
-
-    # اسلایدر واقعی Streamlit (قابل ذخیره‌سازی)
-    value = st.slider(
-        label=" ",
-        min_value=1,
-        max_value=points,
-        value=default_value,
-        step=1,
-        key=key
-    )
-
-    st.markdown(f"<p style='text-align: center; color: #6a0dad;'>پاسخ شما: <strong>{value}</strong></p>", unsafe_allow_html=True)
-
-    return value
+        <input type="range" id="{key}" min="1" max="{points}" step="1" value="{default_value}"
+               style="width: 100%; height: 10px; accent-color: #6a0dad; margin-bottom: 15px;"
+               oninput="updateSlider('{key}')">
+        <div style="text-align: center; margin-top: 10px;">
+            پاسخ انتخاب‌شده: <strong><span id="output_{key}">{default_value}</span></strong>
+            <span id="label_{key}" style="color: #6a0dad; margin-right: 5px;">({labels[default_value-1]})</span>
+        </div>
+    </div>
+    
+    <script>
+    function updateSlider(key) {{
+        const value = parseInt(document.getElementById(key).value);
+        document.getElementById('output_' + key).innerText = value;
+        document.getElementById('label_' + key).innerText = '(' + {json.dumps(labels)}[value-1] + ')';
+        
+        // ارسال مقدار به Streamlit
+        window.parent.postMessage({{
+            type: 'streamlit:setComponentValue',
+            key: key,
+            value: value
+        }}, '*');
+    }}
+    </script>
+    """
+    
+    # نمایش کامپوننت و دریافت مقدار
+    selected_value = components.html(html, height=180, key=key)
+    
+    # ذخیره مقدار در session_state
+    if selected_value is not None:
+        st.session_state[key] = selected_value
+    
+    return selected_value
     
 def create_ride_map():
     """ایجاد نقشه سفر با Folium - نسخه اصلاح شده با مناطق عمومی"""
@@ -1099,7 +1119,8 @@ def attention_check1():
             st.warning("لطفاً یک گزینه را انتخاب کنید")
 
 def random_likert_questions():
-    """نمایش سوالات لیکرت با استایل زیبا و مقدار قابل ذخیره‌سازی"""
+    """نمایش سوالات لیکرت به ترتیب مشخص با اسلایدر سفارشی"""
+    # تعریف گروه‌های سوالات
     question_groups = [
         {
             "title": "عدالت توزیعی",
@@ -1139,39 +1160,36 @@ def random_likert_questions():
         }
     ]
 
+    # مقداردهی اولیه
     if 'current_likert_group' not in st.session_state:
         st.session_state.current_likert_group = 0
-        st.session_state.answers = st.session_state.get('answers', {})
-
+    
+    # دریافت گروه جاری
     current_group = question_groups[st.session_state.current_likert_group]
-
+    
+    # نمایش عنوان گروه
     st.markdown(f"## {current_group['title']}")
     st.markdown("---")
-
-    all_answered = True
+    
+    # نمایش تمام سوالات این گروه در یک صفحه
     for question in current_group['questions']:
-        value = custom_likert_slider(
+        answer = custom_likert_slider(
             question=question["question"],
             key=question["key"],
             points=question["scale"]
         )
-        if value:
-            st.session_state.answers[question["key"]] = value
-        else:
-            all_answered = False
-
-    button_label = "ادامه به گروه بعدی" if st.session_state.current_likert_group < len(question_groups) - 1 else "اتمام پرسشنامه"
+    
+    # دکمه ادامه/اتمام
+    button_label = "ادامه به گروه بعدی" if st.session_state.current_likert_group < len(question_groups)-1 else "اتمام پرسشنامه"
     
     if st.button(button_label):
-        if all_answered:
-            if st.session_state.current_likert_group < len(question_groups) - 1:
-                st.session_state.current_likert_group += 1
-                st.rerun()
-            else:
-                st.session_state.current_page = "explanation_questions"
-                st.rerun()
+        # رفتن به گروه بعدی یا صفحه پایانی
+        if st.session_state.current_likert_group < len(question_groups) - 1:
+            st.session_state.current_likert_group += 1
+            st.rerun()
         else:
-            st.warning("لطفاً به تمام سوالات این بخش پاسخ دهید.")
+            st.session_state.current_page = "explanation_questions"
+            st.rerun()
         
 
 def explanation_questions():