Update app.py

app.py

@@ -674,31 +674,30 @@ h3 {
 """, unsafe_allow_html=True)
 
 # ========== توابع اصلی ==========
-def custom_likert_slider(question, key, points=7):
-    # تعریف گزینه‌ها
-    options = {
-        5: ["کاملاً مخالفم", "مخالفم", "خنثی", "موافقم", "کاملاً موافقم"],
-        7: ["کاملاً مخالفم", "نسبتاً مخالفم", "کمی مخالفم", "خنثی", "کمی موافقم", "نسبتاً موافقم", "کاملاً موافقم"]
-    }
-    labels = options.get(points, options[7])
-
-    # بررسی و تعیین مقدار پیش‌فرض
-    raw_value = st.session_state.get(key)
-    default_value = raw_value if isinstance(raw_value, int) else (points + 1) // 2
-
+def custom_likert_slider(question, key, points=7, labels=None):
+    # تعیین لیبل‌های پیش‌فرض اگر ارائه نشده باشند
+    if not labels:
+        labels = {
+            5: ["کاملاً مخالفم", "کاملاً موافقم"],
+            7: ["کاملاً مخالفم", "کاملاً موافقم"]
+        }.get(points, ["کمترین", "بیشترین"])
+    
+    # مقدار پیش‌فرض (وسط طیف)
+    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 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;">
-            {''.join(f'<span style="flex: 1; text-align: center;">{label}</span>' for label in labels)}
+            <span>{labels[0]}</span>
+            <span>{labels[1]}</span>
         </div>
         <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;">
+        <div style="text-align: center; margin-top: 10px; direction: rtl;">
             پاسخ انتخاب‌شده: <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>
 
@@ -706,7 +705,6 @@ def custom_likert_slider(question, key, points=7):
     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({{
@@ -717,11 +715,11 @@ def custom_likert_slider(question, key, points=7):
     }}
     </script>
     """
-
+    
     # نمایش کامپوننت
-    components.html(html, height=180)
-
-    # مقدار نهایی (از session_state)
+    components.html(html, height=150)
+    
+    # مقدار نهایی
     return st.session_state.get(key, default_value)
     
 def create_ride_map():