Update app.py

app.py

@@ -739,7 +739,7 @@ h3 {
 
 # ========== توابع اصلی ==========
 def custom_likert_slider(question_data):
-    """نمایش سوال لیکرت با اسلایدر نقطه‌ای و لیبل‌های سفارشی"""
+    """نمایش سوال لیکرت با اسلایدر نقطه‌ای و لیبل‌های سفارشی با دکمه تأیید"""
     question = question_data["question"]
     key = question_data["key"]
     points = question_data["scale"]
@@ -749,7 +749,7 @@ def custom_likert_slider(question_data):
     default_value = (points + 1) // 2
     current_value = st.session_state.get(key, default_value)
     
-    # HTML و JavaScript برای اسلایدر با استفاده از str.format
+    # HTML و JavaScript برای اسلایدر با دکمه تأیید
     html = """
     <div id="container_{0}" style="direction: ltr; font-family: 'B Nazanin'; margin-bottom: 30px;">
         <label style="font-size: 16px; font-weight: bold; display: block; text-align: right;">{1}</label>
@@ -764,6 +764,8 @@ def custom_likert_slider(question_data):
         <div style="text-align: center; margin-top: 10px; direction: rtl;">
             پاسخ انتخاب‌شده: <strong><span id="output_{0}">{5}</span></strong>
         </div>
+        <button id="confirm_{0}" style="background-color: #6a0dad; color: white; border: none; border-radius: 8px; padding: 8px 16px; margin-top: 10px; cursor: pointer;"
+                onclick="confirmValue('{0}')">تأیید</button>
     </div>
 
     <script>
@@ -771,17 +773,19 @@ def custom_likert_slider(question_data):
         const slider = document.getElementById(key);
         const value = parseInt(slider.value);
         document.getElementById('output_' + key).innerText = value;
-        
-        window.sliderValues = window.sliderValues || {{}};
-        window.sliderValues[key] = value;
-        
-        try {{
-            window.parent.postMessage({{type: 'streamlit:setComponentValue', key: "{0}", value: value}}, '*');
-        }} catch (e) {{
-            console.error('Error sending message to Streamlit:', e);
-        }}
-        
-        localStorage.setItem(key, value);
+        localStorage.setItem(key, value); // ذخیره موقت در localStorage
+    }}
+
+    function confirmValue(key) {{
+        const value = parseInt(document.getElementById(key).value);
+        // ارسال مقدار به Streamlit با یک متغیر مخفی
+        const hiddenInput = document.createElement('input');
+        hiddenInput.type = 'hidden';
+        hiddenInput.name = 'slider_value_' + key;
+        hiddenInput.value = value;
+        document.getElementById('container_' + key).appendChild(hiddenInput);
+        // کلیک کردن روی یک دکمه مخفی در Streamlit برای دریافت مقدار
+        window.parent.document.querySelector('[data-testid="stButton"] > button').click();
     }}
 
     window.addEventListener('load', () => {{
@@ -790,24 +794,28 @@ def custom_likert_slider(question_data):
         if (savedValue) {{
             document.getElementById(key).value = savedValue;
             document.getElementById('output_' + key).innerText = savedValue;
-            window.parent.postMessage({{type: 'streamlit:setComponentValue', key: "{0}", value: parseInt(savedValue)}}, '*');
         }}
     }});
     </script>
     """.format(key, question, labels[0], labels[1], points, current_value)
     
     # رندر کامپوننت HTML
-    components.html(html, height=150)
+    components.html(html, height=200)  # افزایش ارتفاع برای نمایش دکمه
     
-    # خواندن مقدار از session_state
-    if key in st.session_state:
-        current_value = st.session_state[key]
+    # دریافت مقدار از فرم یا session_state
+    if st.session_state.get(f"slider_value_{key}", None) is not None:
+        current_value = st.session_state[f"slider_value_{key}"]
+        st.session_state[key] = current_value  # ذخیره در session_state با کلید اصلی
     else:
         current_value = st.session_state.get(key, default_value)
     
     # برای دیباگ: نمایش مقدار فعلی
     st.write(f"مقدار فعلی برای {key}: {current_value}")
     
+    # دکمه مخفی برای دریافت مقدار (فعال می‌شه با کلیک روی دکمه تأیید)
+    if st.button("دریافت مقدار", key=f"hidden_btn_{key}", type="primary", help="این دکمه توسط JavaScript فعال می‌شه"):
+        pass  # این فقط برای دریافت مقدار از hidden input استفاده می‌شه
+    
     return current_value
     
 def create_ride_map():