Update app.py

app.py

@@ -738,8 +738,11 @@ 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"]
@@ -749,7 +752,7 @@ def custom_likert_slider(question_data):
     default_value = (points + 1) // 2
     current_value = st.session_state.get(key, default_value)
     
-    # HTML و JavaScript برای اسلایدر با دکمه تأیید
+    # 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>
@@ -757,42 +760,33 @@ def custom_likert_slider(question_data):
             <span>{2}</span>
             <span>{3}</span>
         </div>
-        <input type="range" id="{0}" min="1" max="{4}" step="1" value="{5}"
+        <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}')">
         <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>
+        <input type="hidden" id="hidden_{0}" name="hidden_{0}" value="{5}">
     </div>
 
     <script>
     function updateSlider(key) {{
-        const slider = document.getElementById(key);
+        const slider = document.getElementById('slider_' + key);
         const value = parseInt(slider.value);
         document.getElementById('output_' + key).innerText = 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();
+        document.getElementById('hidden_' + key).value = value; // به‌روزرسانی مقدار مخفی
+        localStorage.setItem(key, value); // ذخیره در localStorage
     }}
 
     window.addEventListener('load', () => {{
         const key = '{0}';
         const savedValue = localStorage.getItem(key);
         if (savedValue) {{
-            document.getElementById(key).value = 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;
         }}
     }});
@@ -800,22 +794,25 @@ def custom_likert_slider(question_data):
     """.format(key, question, labels[0], labels[1], points, current_value)
     
     # رندر کامپوننت HTML
-    components.html(html, height=200)  # افزایش ارتفاع برای نمایش دکمه
+    components.html(html, height=150)
     
-    # دریافت مقدار از فرم یا 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)
+    # فرم برای دریافت مقدار
+    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)
     
     # برای دیباگ: نمایش مقدار فعلی
     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():