Update app.py

app.py

@@ -773,20 +773,19 @@ body, .stApp {
 """, unsafe_allow_html=True)
 
 # ========== توابع اصلی ==========
+import streamlit as st
+import streamlit.components.v1 as components
+
 def enhanced_likert_scale(question_data):
-    """لیکرت اسکیل با محدوده 0 تا scale و استفاده از Flask برای مدیریت انتخاب‌ها"""
+    """لیکرت اسکیل با HTML/CSS و مدیریت انتخاب با st.session_state"""
     question = question_data["question"]
     key = question_data["key"]
     scale = question_data["scale"]
     labels = question_data.get("labels", ["کاملاً مخالفم", "کاملاً موافقم"])
     
-    # دریافت مقدار فعلی از سرور Flask
-    try:
-        response = requests.get(f"http://localhost:5000/get_selection/{key}")
-        current_value = response.json().get('value', 0)
-    except Exception as e:
-        st.error(f"خطا در ارتباط با سرور: {e}")
-        current_value = 0
+    # مقداردهی اولیه با st.session_state
+    if key not in st.session_state:
+        st.session_state[key] = 0
 
     # نمایش سوال
     st.markdown(f"<div style='text-align:right; font-weight:bold; margin-bottom:15px; direction: rtl;'>{question}</div>", 
@@ -818,6 +817,7 @@ def enhanced_likert_scale(question_data):
             position: relative;
             top: -9px;
             cursor: pointer;
+            transition: background-color 0.2s;
         }}
         .likert-dot.active {{
             background: #6a0dad;
@@ -863,7 +863,8 @@ def enhanced_likert_scale(question_data):
         <div class="likert-line">
     """
 
-    # اضافه کردن نقاط فقط برای مقادیر 1 تا scale
+    # اضافه کردن نقاط با جاوااسکریپت برای مدیریت انتخاب
+    current_value = st.session_state.get(key, 0)
     for i in range(1, scale + 1):
         value = i
         active_class = "active" if current_value == value else ""
@@ -879,28 +880,31 @@ def enhanced_likert_scale(question_data):
     <script>
         window.addEventListener('message', function(event) {
             if (event.data.type === 'update_selection') {
-                fetch('http://localhost:5000/update_selection', {
-                    method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({ key: event.data.key, value: event.data.value })
-                }).then(response => response.json()).then(data => {
-                    if (data.status === 'success') {
-                        document.querySelectorAll('.likert-dot').forEach(dot => dot.classList.remove('active'));
-                        let dots = document.querySelectorAll('.likert-dot');
-                        dots[event.data.value - 1].classList.add('active');
-                    }
-                });
+                // به‌روزرسانی st.session_state از طریق Streamlit
+                parent.window.parent.postMessage({
+                    type: 'streamlit_set_component_value',
+                    value: event.data.value
+                }, '*');
+                // به‌روزرسانی ظاهر نقاط
+                document.querySelectorAll('.likert-dot').forEach(dot => dot.classList.remove('active'));
+                let dots = document.querySelectorAll('.likert-dot');
+                dots[event.data.value - 1].classList.add('active');
             }
         });
     </script>
     """
     
-    # نمایش کامپوننت HTML
-    components.html(scale_html, height=60)
+    # نمایش کامپوننت HTML و دریافت مقدار انتخاب‌شده
+    components.html(scale_html, height=60, width=600)
+
+    # به‌روزرسانی st.session_state با مقدار برگشتی
+    if 'streamlit_component_value' in st.session_state and st.session_state['streamlit_component_value'] is not None:
+        st.session_state[key] = st.session_state['streamlit_component_value']
+        del st.session_state['streamlit_component_value']
 
     # نمایش پاسخ انتخاب‌شده
-    if current_value != 0:
-        st.markdown(f"<p style='text-align:right; color:#6a0dad; direction: rtl;'>پاسخ شما: {current_value}</p>", 
+    if st.session_state[key] != 0:
+        st.markdown(f"<p style='text-align:right; color:#6a0dad; direction: rtl;'>پاسخ شما: {st.session_state[key]}</p>", 
                     unsafe_allow_html=True)
     else:
         st.markdown(f"<p style='text-align:right; color:#6a0dad; direction: rtl;'>پاسخ شما: هنوز انتخاب نشده</p>", 
@@ -925,7 +929,7 @@ def enhanced_likert_scale(question_data):
     <div class="likert-separator"></div>
     """, unsafe_allow_html=True)
 
-    return current_value
+    return st.session_state.get(key)
     
 def create_ride_map():
     """ایجاد نقشه سفر با Folium - نسخه اصلاح شده با مناطق عمومی"""