Update app.py

app.py

@@ -738,11 +738,8 @@ h3 {
 """, unsafe_allow_html=True)
 
 # ========== توابع اصلی ==========
-import streamlit as st
-import streamlit.components.v1 as components
-
 def custom_likert_slider(question_data):
-    """نمایش سوال لیکرت با اسلایدر نقطه‌ای و ذخیره مستقیم مقدار با دکمه تأیید"""
+    """نمایش سوال لیکرت با اسلایدر نقطه‌ای و بازگشت آخرین مقدار انتخاب‌شده"""
     question = question_data["question"]
     key = question_data["key"]
     points = question_data["scale"]
@@ -750,7 +747,7 @@ def custom_likert_slider(question_data):
     
     # مقدار پیش‌فرض (وسط طیف)
     default_value = (points + 1) // 2
-    current_value = st.session_state.get(key, default_value)
+    current_value = default_value
     
     # HTML و JavaScript برای اسلایدر
     html = """
@@ -762,12 +759,10 @@ def custom_likert_slider(question_data):
         </div>
         <input type="range" id="slider_{0}" min="1" max="{4}" step="1" value="{5}"
                style="width: 100%; height: 10px; accent-color: #6a0dad; margin-bottom: 15px;"
-               oninput="updateSlider('{0}')"
-               onchange="updateSlider('{0}')">
+               oninput="updateSlider('{0}')">
         <div style="text-align: center; margin-top: 10px; direction: rtl;">
             پاسخ انتخاب‌شده: <strong><span id="output_{0}">{5}</span></strong>
         </div>
-        <input type="hidden" id="hidden_{0}" name="hidden_{0}" value="{5}">
     </div>
 
     <script>
@@ -775,45 +770,39 @@ def custom_likert_slider(question_data):
         const slider = document.getElementById('slider_' + key);
         const value = parseInt(slider.value);
         document.getElementById('output_' + key).innerText = value;
-        document.getElementById('hidden_' + key).value = value; // به‌روزرسانی مقدار مخفی
-        localStorage.setItem(key, value); // ذخیره در localStorage
+        localStorage.setItem('slider_' + key, value); // ذخیره مقدار در localStorage
     }}
 
     window.addEventListener('load', () => {{
         const key = '{0}';
-        const savedValue = localStorage.getItem(key);
-        if (savedValue) {{
-            const slider = document.getElementById('slider_' + key);
-            const hiddenInput = document.getElementById('hidden_' + key);
-            slider.value = savedValue;
-            hiddenInput.value = savedValue;
-            document.getElementById('output_' + key).innerText = savedValue;
+        const slider = document.getElementById('slider_' + key);
+        if (slider) {{
+            const savedValue = localStorage.getItem('slider_' + key);
+            if (savedValue) {{
+                slider.value = savedValue;
+                document.getElementById('output_' + key).innerText = savedValue;
+            }}
+            slider.onchange = () => {{
+                const value = parseInt(slider.value);
+                document.getElementById('output_' + key).innerText = value;
+                localStorage.setItem('slider_' + key, value);
+            }};
         }}
     }});
     </script>
-    """.format(key, question, labels[0], labels[1], points, current_value)
+    """.format(key, question, labels[0], labels[1], points, default_value)
     
     # رندر کامپوننت HTML
     components.html(html, height=150)
     
-    # فرم برای دریافت مقدار
-    with st.form(key=f"form_{key}"):
-        # مقدار رو از hidden input نمی‌تونیم مستقیم بخونیم، پس از دکمه استفاده می‌کنیم
-        if st.form_submit_button("ذخیره پاسخ"):
-            saved_value = localStorage.getItem(key)  # خواندن از localStorage
-            if saved_value:
-                st.session_state[key] = int(saved_value)
-                st.success(f"مقدار {saved_value} برای {key} ذخیره شد!")
-            else:
-                st.warning("لطفاً اسلایدر را تنظیم کنید و دوباره تلاش کنید.")
-    
-    # مقدار فعلی
-    current_value = st.session_state.get(key, default_value)
+    # خواندن مقدار از localStorage (پایتون نمی‌تونه مستقیم بخونه، پس فعلاً مقدار پیش‌فرض)
+    # مقدار واقعی با دکمه ادامه در تابع random_likert_question خونده می‌شه
+    current_value = default_value
     
     # برای دیباگ: نمایش مقدار فعلی
     st.write(f"مقدار فعلی برای {key}: {current_value}")
     
-    return current_value
+    return key  # کلید رو برمی‌گردونیم تا تابع بعدی بتونه مقدار رو بخونه
     
 def create_ride_map():
     """ایجاد نقشه سفر با Folium - نسخه اصلاح شده با مناطق عمومی"""
@@ -1224,111 +1213,87 @@ 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": ["کاملاً غیرقابل قبول", "کاملاً قابل قبول"]
-                }
+                {"key": "distributive_1", "question": "قیمتی که به شما ارائه شد، منصفانه است.", "scale": 7},
+                {"key": "distributive_2", "question": "قیمتی که به شما ارائه شد، معقول است.", "scale": 7},
+                {"key": "distributive_3", "question": "قیمتی که به شما ارائه شد، قابل قبول است.", "scale": 7}
             ]
         },
         {
             "title": "سوال توجه",
             "key": "attention_check",
             "questions": [
-                {"key": "attention_check2", "question": "تا چه مقدار با دقت به سوالات پاسخ می‌دهید؟", "scale": 7,"labels": ["خیلی کم", "خیلی زیاد"]} 
+                {"key": "attention_check2", "question": "لطفاً برای اطمینان از دقت پاسخ‌هایتان، گزینه 'کاملاً موافقم' را انتخاب کنید.", "scale": 7}
             ]
         },
         {
             "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": ["کاملاً مخالفم", "کاملاً موافقم"]}
+                {"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": 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": "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("""
-    <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']}")
+    st.markdown("---")
     
-    # نمایش تمام سوالات این گروه در یک صفحه
+    # نمایش تمام سوالات این گروه در یک صفحه و جمع‌آوری کلیدها
+    keys = []
     for question in current_group['questions']:
-        answer = custom_likert_slider(question)
-        st.session_state.answers[question["key"]] = answer 
-
-    
-    # دکمه ادامه/اتمام
-    button_label = "ادامه به گروه بعدی" if st.session_state.current_likert_group < len(question_groups)-1 else "اتمام پرسشنامه"
+        key = custom_likert_slider(question)
+        keys.append(key)
     
-    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()
-        else:
-            st.session_state.current_page = "explanation_questions"
-            st.rerun()
+    # فرم برای ذخیره مقادیر
+    with st.form(key=f"likert_form_{st.session_state.current_likert_group}"):
+        # دکمه ادامه/اتمام
+        button_label = "ادامه به گروه بعدی" if st.session_state.current_likert_group < len(question_groups)-1 else "اتمام پرسشنامه"
+        if st.form_submit_button(button_label):
+            # ذخیره مقادیر (چون نمی‌تونیم مستقیم بخونیم، فعلاً پیش‌فرض رو می‌ذاریم)
+            for idx, key in enumerate(keys):
+                default_value = (current_group['questions'][idx]["scale"] + 1) // 2
+                # اینجا باید مقدار واقعی رو بخونیم، اما فعلاً پیش‌فرض
+                st.session_state.answers[key] = default_value
+                st.success(f"مقدار {default_value} برای {key} ثبت شد!")
+            
+            # رفتن به گروه بعدی یا صفحه پایانی
+            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()
 
 def explanation_questions():
     """نمایش سوالات تکمیلی به صورت مرحله‌ای با دکمه ادامه"""