Update app.py

app.py

@@ -738,8 +738,8 @@ h3 {
 """, unsafe_allow_html=True)
 
 # ========== توابع اصلی ==========
-def custom_likert_slider(question_data):
-    """Custom Likert-style question that correctly captures user selection"""
+def enhanced_likert_scale(question_data):
+    """نسخه نهایی لیکرت اسکیل با ذخیره خودکار پاسخ"""
     question = question_data["question"]
     key = question_data["key"]
     scale = question_data["scale"]
@@ -748,56 +748,50 @@ def custom_likert_slider(question_data):
     # مقدار پیش‌فرض از session_state یا وسط مقیاس
     default_value = st.session_state.get(key, (scale + 1) // 2)
     
-    # مقدار انتخاب شده کاربر (اگر وجود دارد)
-    selected_value = st.session_state.get(f"selected_{key}", default_value)
-    
-    # HTML و JavaScript برای کامپوننت سفارشی
-    html = f"""
-    <div style="direction: ltr; font-family: 'B Nazanin'; margin-bottom: 30px;">
-        <label style="font-size: 16px; font-weight: bold; display: block; text-align: center;">{question}</label>
-        <div style="display: flex; justify-content: center; align-items: center; gap: 10px; margin: 10px 0;">
-            <span>{labels[0]}</span>
-            <div style="display: flex; gap: 10px;">
-                {"".join([
-                    f'<input type="radio" id="radio_{key}_{i}" name="{key}" value="{i}" style="width: 30px; height: 30px;" '
-                    f'{"checked" if selected_value == i else ""} '
-                    f'onclick="updateSelection({i}, \'{key}\')">'
-                    for i in range(1, scale + 1)
-                ])}
-            </div>
-            <span>{labels[1]}</span>
-        </div>
-        <p id="display_{key}" style='text-align:center; color:#6a0dad; font-weight:bold;'>
-            پاسخ شما: {selected_value}
-        </p>
+    # استایل‌دهی
+    st.markdown(f"""
+    <style>
+        .likert-btn {{
+            width: 40px !important;
+            height: 40px !important;
+            border-radius: 50% !important;
+            padding: 0 !important;
+            margin: 0 5px !important;
+            min-width: 40px !important;
+        }}
+        .likert-selected {{
+            background-color: #6a0dad !important;
+            color: white !important;
+        }}
+    </style>
+    <p style="font-size:16px; font-weight:bold; text-align:center; margin-bottom:10px;">{question}</p>
+    <div style="display:flex; justify-content:space-between; margin-bottom:5px;">
+        <span>{labels[0]}</span>
+        <span>{labels[1]}</span>
     </div>
-
-    <script>
-    function updateSelection(value, key) {{
-        // نمایش مقدار انتخاب شده
-        document.getElementById("display_" + key).innerHTML = "پاسخ شما: " + value;
-        
-        // ارسال مقدار به Streamlit
-        window.parent.postMessage({{
-            type: 'streamlit:setComponentValue',
-            key: key,
-            value: value
-        }}, '*');
-        
-        // ذخیره در session
-        window.parent.postMessage({{
-            type: 'streamlit:setSessionState',
-            key: "selected_" + key,
-            value: value
-        }}, '*');
-    }}
-    </script>
-    """
+    """, unsafe_allow_html=True)
+    
+    # ایجاد دکمه‌های دایره‌ای
+    cols = st.columns(scale)
+    selected = default_value
+    
+    for i in range(scale):
+        with cols[i]:
+            if st.button(
+                str(i+1),
+                key=f"{key}_btn_{i+1}",
+                on_click=lambda v=i+1: st.session_state.update({key: v})
+            ):
+                selected = i+1
     
-    components.html(html, height=200)
+    # نمایش مقدار انتخاب شده
+    st.markdown(f"""
+    <p style='text-align:center; color:#6a0dad; font-weight:bold; margin-top:10px;'>
+        پاسخ شما: {st.session_state.get(key, selected)}
+    </p>
+    """, unsafe_allow_html=True)
     
-    # بازگرداندن مقدار انتخاب شده کاربر
-    return selected_value
+    return st.session_state.get(key, selected)
     
 def create_ride_map():
     """ایجاد نقشه سفر با Folium - نسخه اصلاح شده با مناطق عمومی"""
@@ -1208,105 +1202,42 @@ def attention_check1():
             st.warning("لطفاً یک گزینه را انتخاب کنید")
 
 def random_likert_questions():
-    """نمایش سوالات لیکرت به ترتیب مشخص با اسلایدر سفارشی"""
-    # تعریف گروه‌های سوالات با لیبل‌های سفارشی
+    """نمایش سوالات لیکرت با تابع پیشرفته"""
     question_groups = [
         {
             "title": "عدالت توزیعی",
             "key": "distributive",
             "questions": [
-                {
-                    "key": "distributive_1", 
-                    "question": "قیمتی که به شما ارائه شد، چگونه بود؟",
-                    "scale": 7,
-                    "labels": ["کاملاً نامنصفانه", "کاملاً منصفانه"]  # لیبل‌های سفارشی برای این سوال
-                },
-                {
-                    "key": "distributive_2", 
-                    "question": "قیمتی که به شما ارائه شد، چگونه بود؟",
-                    "scale": 7,
-                    "labels": ["کاملاً غیرمعقول", "کاملاً معقول"]
-                },
-                {
-                    "key": "distributive_3", 
-                    "question": "قیمتی که به شما ارائه شد، چگونه بود؟",
-                    "scale": 7,
-                    "labels": ["کاملاً غیرقابل قبول", "کاملاً قابل قبول"]
-                }
-            ]
-        },
-        {
-            "title": "سوال توجه",
-            "key": "attention_check",
-            "questions": [
-                {"key": "attention_check2", "question": "تا چه مقدار با دقت به سوالات پاسخ می‌دهید؟", "scale": 7,"labels": ["خیلی کم", "خیلی زیاد"]} 
+                {"key": "distributive_1", "question": "قیمت ارائه شده چقدر منصفانه بود؟", "scale": 5, "labels": ["کاملاً نامنصفانه", "کاملاً منصفانه"]},
+                {"key": "distributive_2", "question": "قیمت ارائه شده چقدر معقول بود؟", "scale": 5, "labels": ["کاملاً غیرمعقول", "کاملاً معقول"]},
+                {"key": "distributive_3", "question": "قیمت ارائه شده چقدر قابل قبول بود؟", "scale": 5, "labels": ["کاملاً غیرقابل قبول", "کاملاً قابل قبول"]}
             ]
         },
         {
             "title": "عدالت رویه‌ای", 
             "key": "procedural",
             "questions": [
-                {"key": "procedural_1", "question": ".فرآیند و رویه قیمت‌گذاری پلتفرم قابل قبول است", "scale": 7, "labels": ["کاملاً مخالفم", "کاملاً موافقم"]}, 
-                {"key": "procedural_2", "question": ".فرآیند و رویه قیمت‌گذاری پلتفرم منصفانه است", "scale": 7, "labels": ["کاملاً مخالفم", "کاملاً موافقم"]},
-                {"key": "procedural_3", "question": ".فرآیند و رویه قیمت‌گذاری پلتفرم معقول است", "scale": 7, "labels": ["کاملاً مخالفم", "کاملاً موافقم"]}
-            ]
-        },
-        {
-            "title": "عدالت اطلاعاتی",
-            "key": "informational",
-            "questions": [
-                {"key": "informational_1", "question": "تا چه حد رهیار دلایل تعیین قیمت را به صورت صادقانه توضیح داد؟", "scale": 7, "labels": ["هیچ", "خیلی زیاد"]},
-                {"key": "informational_2", "question": "تا چه حد رهیار عوامل مؤثر بر تعیین قیمت را به طور کامل شرح داد؟", "scale": 7, "labels": ["هیچ", "خیلی زیاد"]},
-                {"key": "informational_3", "question": "تا چه حد دلایل ارائه‌شده توسط رهیار برای تعیین قیمت منطقی و قابل قبول بود؟", "scale": 7, "labels": ["هیچ", "خیلی زیاد"]},
-                {"key": "informational_4", "question": "تا چه حد توضیحات درباره تعیین قیمت بلافاصله و در زمان مناسب نمایش داده شد؟", "scale": 7, "labels": ["هیچ", "خیلی زیاد"]},
-                {"key": "informational_5", "question": "تا چه حد توضیحات رهیار درباره تعیین قیمت، متناسب با شرایط سفر شما بود؟", "scale": 7, "labels": ["هیچ", "خیلی زیاد"]}
+                {"key": "procedural_1", "question": "رویه قیمت‌گذاری چقدر قابل قبول است؟", "scale": 5, "labels": ["کاملاً غیرقابل قبول", "کاملاً قابل قبول"]},
+                {"key": "procedural_2", "question": "رویه قیمت‌گذاری چقدر منصفانه است؟", "scale": 5, "labels": ["کاملاً نامنصفانه", "کاملاً منصفانه"]}
             ]
         }
     ]
 
-
     # مقداردهی اولیه
     if 'current_likert_group' not in st.session_state:
         st.session_state.current_likert_group = 0
     
-    # دریافت گروه جاری
     current_group = question_groups[st.session_state.current_likert_group]
     
-    # نمایش عنوان گروه
-    st.markdown("""
-    <style>
-        .guide-text p {
-            font-size: 14px !important;
-        }
-    </style>
-    """, unsafe_allow_html=True)
-    st.markdown("""    
-    <div class="guide-text" style="display: flex; flex-direction: column; align-items: center; background-color: #f0f2f6; border-radius: 10px; padding: 20px; gap: 15px;">
-        <div style="flex: 1;">
-            <h3>راهنمای پاسخ:</h3>
-            <p>برای پاسخ به سوالات، با یک طیف کشویی مواجه خواهید شد.</p>
-            <p>در این طیف 7 نقطه وجود دارد:
-                <br>- سمت چپ: کمترین مقدار
-                <br>- سمت راست: بیشترین مقدار
-            </p>
-            <p>نقطه روی کشو را جابجا کنید و در مقداری که پاسخ شماست متوقف شوید.</p>
-            <p>پاسخ شما زیر طیف نمایش داده خواهد شد.</p>
-            <p>اگر از پاسخ‌هایتان مطمئن هستید، روی دکمه «ادامه» کلیک کنید.</p>
-        </div>
-    </div>
-    """, unsafe_allow_html=True)
+    st.markdown(f"### {current_group['title']}")
     
-    # نمایش تمام سوالات این گروه در یک صفحه
+    # نمایش همه سوالات گروه جاری
     for question in current_group['questions']:
-        answer = custom_likert_slider(question)
-        st.session_state.answers[question["key"]] = answer 
-
-    
+        answer = enhanced_likert_scale(question)
+        st.session_state[question["key"]] = answer  # ذخیره پاسخ با کلید اصلی
+        
     # دکمه ادامه/اتمام
-    button_label = "ادامه به گروه بعدی" if st.session_state.current_likert_group < len(question_groups)-1 else "اتمام پرسشنامه"
-    
-    if st.button(button_label):
-        # رفتن به گروه بعدی یا صفحه پایانی
+    if st.button("ادامه" if st.session_state.current_likert_group < len(question_groups)-1 else "اتمام"):
         if st.session_state.current_likert_group < len(question_groups) - 1:
             st.session_state.current_likert_group += 1
             st.rerun()