Update app.py

app.py

@@ -739,52 +739,36 @@ h3 {
 
 
 
-def custom_likert_slider(question_data):
-    """نمایش سوال لیکرت با اسلایدر نقطه‌ای و لیبل‌های سفارشی"""
+def likert_slider(question_data):
+    """نمایش سوال لیکرت با اسلایدر در 7 نقطه (یا 5 نقطه)"""
     question = question_data["question"]
     key = question_data["key"]
-    points = question_data["scale"]
+    points = question_data["scale"]  # 7 یا 5 نقطه
     labels = question_data.get("labels", ["کمترین", "بیشترین"])  # لیبل‌های پیش‌فرض
     
     # مقدار پیش‌فرض (وسط طیف)
     default_value = st.session_state.get(key, (points + 1) // 2)
     
-    # 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;">
-            <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; direction: rtl;">
-            پاسخ انتخاب‌شده: <strong><span id="output_{key}">{default_value}</span></strong>
-        </div>
-    </div>
-
-    <script>
-    function updateSlider(key) {{
-        const value = parseInt(document.getElementById(key).value);
-        document.getElementById('output_' + key).innerText = value;
-
-        // ارسال مقدار به Streamlit
-        window.parent.postMessage({{
-            type: 'streamlit:setComponentValue',
-            key: key,
-            value: value
-        }}, '*');
-    }}
-    </script>
-    """
+    # نمایش سوال و اسلایدر
+    st.markdown(f"<p style='font-size:16px; margin-bottom:5px;'>{question}</p>", unsafe_allow_html=True)
     
-    # نمایش کامپوننت
-    components.html(html, height=150)
+    value = st.slider(
+        "",
+        min_value=1,
+        max_value=points,
+        value=default_value,
+        step=1,
+        key=f"slider_{key}",
+        format="%d"
+    )
     
-    # مقدار نهایی را به صورت موقت در session_state ذخیره کن
-    return default_value
+    # نمایش پاسخ انتخاب‌شده
+    st.markdown(f"<p style='text-align:center; color:#6a0dad; font-weight:bold;'>پاسخ شما: {value}</p>", unsafe_allow_html=True)
+
+    # ذخیره مقادیر اسلایدر در session_state
+    st.session_state[key] = value
+
+    return value
 
 
 def save_likert_answers():
@@ -793,6 +777,7 @@ def save_likert_answers():
         if "distributive" in key or "procedural" in key or "informational" in key:  # انتخاب کلیدهای مربوط به سوالات
             st.session_state[key] = st.session_state.get(key, None)
 
+
 def create_ride_map():
     """ایجاد نقشه سفر با Folium - نسخه اصلاح شده با مناطق عمومی"""
     # نقاط تقریبی برای مناطق عمومی جنوب و غرب تهران
@@ -1346,7 +1331,7 @@ def random_likert_questions():
     # نمایش تمام سوالات این گروه در یک صفحه
     for question in current_group['questions']:
         # دریافت مقدار اسلایدر و ذخیره آن
-        answer = custom_likert_slider(question)
+        answer = likert_slider(question)
         st.session_state[question["key"]] = answer  # ذخیره مقدار اسلایدر در session_state
 
     # دکمه ادامه/اتمام