Update app.py

app.py

@@ -757,38 +757,24 @@ def custom_likert_slider(question_data):
             <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}')">
+               style="width: 100%; height: 10px; accent-color: #6a0dad; margin-bottom: 15px;">
         <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>
     """
     
     # نمایش کامپوننت
     components.html(html, height=150)
     
     # مقدار نهایی
-    value = st.session_state.get(key, default_value)
-    
-    # ذخیره مقدار جدید در session_state
-    st.session_state[key] = value
-    
-    return value
+    return default_value
+
+
+def handle_submit(question_key, value):
+    """ذخیره مقدار نهایی اسلایدر پس از کلیک روی دکمه 'ادامه'"""
+    st.session_state[question_key] = value
+    st.write(f"مقدار انتخاب‌شده برای {question_key}: {value}")
 
 def create_ride_map():
     """ایجاد نقشه سفر با Folium - نسخه اصلاح شده با مناطق عمومی"""
@@ -1226,36 +1212,8 @@ def random_likert_questions():
                 }
             ]
         },
-        {
-            "title": "سوال توجه",
-            "key": "attention_check",
-            "questions": [
-                {"key": "attention_check2", "question": "تا چه مقدار با دقت به سوالات پاسخ می‌دهید؟", "scale": 7,"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": ["هیچ", "خیلی زیاد"]}
-            ]
-        }
     ]
 
-
     # مقداردهی اولیه
     if 'current_likert_group' not in st.session_state:
         st.session_state.current_likert_group = 0
@@ -1264,45 +1222,28 @@ def random_likert_questions():
     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"<h3>{current_group['title']}</h3>")
+
     # نمایش تمام سوالات این گروه در یک صفحه
     for question in current_group['questions']:
+        # دریافت مقدار اسلایدر و ذخیره آن
         answer = custom_likert_slider(question)
-        st.session_state.answers[question["key"]] = answer 
+        st.session_state[question["key"]] = answer  # ذخیره مقدار اسلایدر در session_state
 
-    
     # دکمه ادامه/اتمام
     button_label = "ادامه به گروه بعدی" if st.session_state.current_likert_group < len(question_groups)-1 else "اتمام پرسشنامه"
     
     if st.button(button_label):
+        # ذخیره مقدار اسلایدر نهایی پس از کلیک
+        for question in current_group['questions']:
+            handle_submit(question["key"], st.session_state[question["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.session_state.current_page = "thank_you"
             st.rerun()
 
 def explanation_questions():