Update app.py

app.py

@@ -674,36 +674,55 @@ h3 {
 """, unsafe_allow_html=True)
 
 # ========== توابع اصلی ==========
-def custom_likert_slider(question, key, points=7, left_label="کم", right_label="زیاد"):
-    """
-    اسلایدر لیکرت سفارشی با فقط لیبل چپ و راست
-    """
-
-    # مقدار پیش‌فرض
-    default_value = st.session_state.get(key, (points + 1) // 2)
-
-    # نمایش سوال
-    st.markdown(f"<p style='font-size:16px; font-weight:bold; margin-bottom:8px;'>{question}</p>", 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
+
+    # 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>
+        <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>
 
-    # اسلایدر
-    value = st.slider(
-        label="",
-        min_value=1,
-        max_value=points,
-        value=default_value,
-        step=1,
-        key=key
-    )
+    <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>
+    """
 
-    # فقط لیبل چپ و راست
-    st.markdown(f"""
-    <div style='display: flex; justify-content: space-between; font-size: 13px; margin-top: -10px;'>
-        <span>{left_label}</span>
-        <span>{right_label}</span>
-    </div>
-    """, unsafe_allow_html=True)
+    # نمایش کامپوننت
+    components.html(html, height=180)
 
-    return value
+    # مقدار نهایی (از session_state)
+    return st.session_state.get(key, default_value)
     
 def create_ride_map():
     """ایجاد نقشه سفر با Folium - نسخه اصلاح شده با مناطق عمومی"""
@@ -1097,52 +1116,74 @@ def attention_check1():
             st.rerun()
         else:
             st.warning("لطفاً یک گزینه را انتخاب کنید")
-
 def random_likert_questions():
-    """نمایش سوالات لیکرت به ترتیب گروهی با اسلایدرهای سفارشی"""
-    
-def random_likert_questions():
-    """نمایش سوالات لیکرت به صورت مرحله‌ای"""
+    """نمایش سوالات لیکرت به ترتیب مشخص با اسلایدر سفارشی"""
+    # تعریف گروه‌های سوالات
     question_groups = [
         {
             "title": "عدالت توزیعی",
-            "left_label": "کاملاً مخالفم",
-            "right_label": "کاملاً موافقم",
+            "key": "distributive",
+            "questions": [
+                {"key": "distributive_1", "question": "قیمتی که به شما ارائه شد، منصفانه است.", "scale": 7},
+                {"key": "distributive_2", "question": "قیمتی که به شما ارائه شد، معقول است.", "scale": 7},
+                {"key": "distributive_3", "question": "قیمتی که به شما ارائه شد، قابل قبول است.", "scale": 7}
+            ]
+        },
+        {
+            "title": "سوال توجه",
+            "key": "attention_check",
             "questions": [
-                {"key": "distributive_1", "question": "قیمت منصفانه است.", "scale": 7},
-                {"key": "distributive_2", "question": "قیم�� معقول است.", "scale": 7},
+                {"key": "attention_check2", "question": "لطفاً برای اطمینان از دقت پاسخ‌هایتان، گزینه 'کاملاً موافقم' را انتخاب کنید.", "scale": 7}
             ]
         },
         {
-            "title": "شدت احساس",
-            "left_label": "خیلی کم",
-            "right_label": "خیلی زیاد",
+            "title": "عدالت رویه‌ای", 
+            "key": "procedural",
             "questions": [
-                {"key": "emotion_1", "question": "احساس رضایت داشتید؟", "scale": 7}
+                {"key": "procedural_1", "question": "فرآیند و رویه قیمت‌گذاری پلتفرم قابل قبول است.", "scale": 7},
+                {"key": "procedural_2", "question": "فرآیند و رویه قیمت‌گذاری پلتفرم منصفانه است.", "scale": 7},
+                {"key": "procedural_3", "question": "فرآیند و رویه قیمت‌گذاری پلتفرم معقول است.", "scale": 7}
+            ]
+        },
+        {
+            "title": "عدالت اطلاعاتی",
+            "key": "informational",
+            "questions": [
+                {"key": "informational_1", "question": "پلتفرم به صورت صادقانه دلایل تعیین قیمت را توضیح داد.", "scale": 5},
+                {"key": "informational_2", "question": "پلتفرم به طور کامل عوامل مؤثر بر تعیین قیمت را شرح داد.", "scale": 5},
+                {"key": "informational_3", "question": "دلایل ارائه‌شده برای تعیین قیمت منطقی و قابل قبول بود.", "scale": 5},
+                {"key": "informational_4", "question": "توضیحات درباره تعیین قیمت بلافاصله و در زمان مناسب نمایش داده شد.", "scale": 5},
+                {"key": "informational_5", "question": "توضیحات پلتفرم درباره تعیین قیمت، متناسب با شرایط سفر من بود.", "scale": 5}
             ]
         }
     ]
 
+    # مقداردهی اولیه
     if 'current_likert_group' not in st.session_state:
         st.session_state.current_likert_group = 0
-    if 'answers' not in st.session_state:
-        st.session_state.answers = {}
-
+    
+    # دریافت گروه جاری
     current_group = question_groups[st.session_state.current_likert_group]
-
-    st.markdown(f"### {current_group['title']}")
-
-    for q in current_group['questions']:
-        val = custom_likert_slider(
-            question=q["question"],
-            key=q["key"],
-            points=q["scale"],
-            left_label=current_group["left_label"],
-            right_label=current_group["right_label"]
+    
+    # نمایش عنوان گروه
+    st.markdown(f"## {current_group['title']}")
+    st.markdown("---")
+    
+    # نمایش تمام سوالات این گروه در یک صفحه
+    for question in current_group['questions']:
+        answer = custom_likert_slider(
+            question=question["question"],
+            key=question["key"],
+            points=question["scale"]
         )
-        st.session_state.answers[q["key"]] = val
+        st.session_state.answers[question["key"]] = answer 
 
-    if st.button("ادامه"):
+    
+    # دکمه ادامه/اتمام
+    button_label = "ادامه به گروه بعدی" if st.session_state.current_likert_group < len(question_groups)-1 else "اتمام پرسشنامه"
+    
+    if st.button(button_label):
+        # رفتن به گروه بعدی یا صفحه پایانی
         if st.session_state.current_likert_group < len(question_groups) - 1:
             st.session_state.current_likert_group += 1
             st.rerun()
@@ -1150,8 +1191,6 @@ def random_likert_questions():
             st.session_state.current_page = "explanation_questions"
             st.rerun()
 
-
-
 def explanation_questions():
     """نمایش سوالات تکمیلی به صورت مرحله‌ای با دکمه ادامه"""
     st.markdown("### 📋 سوالات تکمیلی")