Update app.py

app.py

@@ -739,7 +739,7 @@ h3 {
 
 # ========== توابع اصلی ==========
 def enhanced_likert_scale(question_data):
-    """لیکرت اسکیل فقط با فیچرهای Streamlit و دکمه‌های دایره‌ای تو یه ردیف"""
+    """لیکرت اسکیل با st.radio و دکمه‌های دایره‌ای تو یه ردیف"""
     question = question_data["question"]
     key = question_data["key"]
     scale = question_data["scale"]
@@ -749,7 +749,7 @@ def enhanced_likert_scale(question_data):
     if key not in st.session_state:
         st.session_state[key] = None
     
-    # استایل‌دهی سفارشی برای دکمه‌های Streamlit
+    # استایل‌دهی سفارشی برای دکمه‌های radio
     st.markdown(
         f"""
         <style>
@@ -775,7 +775,7 @@ def enhanced_likert_scale(question_data):
                 color: #666666 !important;
             }}
             /* استایل ردیف دکمه‌ها */
-            .likert-buttons {{
+            .stRadio > div {{
                 display: flex !important;
                 justify-content: center !important;
                 gap: 4px !important;
@@ -784,8 +784,8 @@ def enhanced_likert_scale(question_data):
                 padding: 0 !important;
                 align-items: center !important;
             }}
-            /* استایل دکمه‌های Streamlit */
-            div[data-testid="stButton"] > button[key^="streamlit-btn-{key}-"] {{
+            /* استایل دکمه‌های radio */
+            .stRadio > div > label > div > div > div {{
                 width: 20px !important;
                 height: 20px !important;
                 border-radius: 50% !important;
@@ -798,26 +798,23 @@ def enhanced_likert_scale(question_data):
                 box-shadow: none !important;
                 outline: none !important;
                 line-height: 1 !important;
+                display: flex !important;
+                align-items: center !important;
+                justify-content: center !important;
             }}
-            div[data-testid="stButton"] > button[key^="streamlit-btn-{key}-"]:hover {{
+            .stRadio > div > label > div > div > div:hover {{
                 background: #e0e0e0 !important;
             }}
-            div[data-testid="stButton"] > button[key^="streamlit-btn-{key}-"]:focus,
-            div[data-testid="stButton"] > button[key^="streamlit-btn-{key}-"]:active {{
-                background: black !important;
-                color: white !important;
-            }}
-            /* استایل دکمه انتخاب‌شده */
-            div[data-testid="stButton"] > button[key="streamlit-btn-{key}-{st.session_state[key] if st.session_state[key] else 'none'}"] {{
+            .stRadio > div > label > div > div > div[data-baseweb="radio"] input:checked ~ div {{
                 background: black !important;
                 color: white !important;
             }}
             /* ریسپانسیو کردن */
             @media (max-width: 600px) {{
-                .likert-buttons {{
+                .stRadio > div {{
                     gap: 2px !important;
                 }}
-                div[data-testid="stButton"] > button[key^="streamlit-btn-{key}-"] {{
+                .stRadio > div > label > div > div > div {{
                     width: 18px !important;
                     height: 18px !important;
                     font-size: 12px !important;
@@ -827,12 +824,11 @@ def enhanced_likert_scale(question_data):
                 }}
             }}
             /* حذف استایل‌های پیش‌فرض Streamlit */
-            div[data-testid="stButton"] > button {{
+            .stRadio > div > label > div > div > div {{
                 border: none !important;
                 box-shadow: none !important;
                 outline: none !important;
                 background: transparent !important;
-                border-radius: 50% !important;
             }}
         </style>
         """,
@@ -842,24 +838,23 @@ def enhanced_likert_scale(question_data):
     # نمایش سوال
     st.markdown(f'<div class="likert-container"><div class="likert-question">{question}</div>', unsafe_allow_html=True)
     
-    # نمایش لیبل‌ها و دکمه‌ها تو یه ردیف
+    # نمایش لیبل‌ها
     st.markdown('<div class="likert-labels">', unsafe_allow_html=True)
     st.markdown(f'<span style="text-align:right">{labels[0]}</span>', unsafe_allow_html=True)
     
-    # دکمه‌ها تو یه ردیف با st.columns
-    st.markdown('<div class="likert-buttons">', unsafe_allow_html=True)
-    cols = st.columns(scale)
-    for i in range(scale):
-        with cols[i]:
-            value = scale - i  # 7 تا 1
-            symbol = "•" if st.session_state[key] == value else "○"
-            if st.button(
-                symbol,
-                key=f"streamlit-btn-{key}-{value}",
-                help=str(value)
-            ):
-                st.session_state[key] = value
-                st.rerun()
+    # دکمه‌ها با st.radio
+    options = [str(i) for i in range(1, scale + 1)]
+    symbols = ["○"] * scale
+    selected_index = options.index(str(st.session_state.get(key, 1))) if st.session_state.get(key) else 0
+    value = st.radio(
+        "",
+        options=options,
+        format_func=lambda x: "•" if options.index(x) == selected_index else "○",
+        key=f"radio-{key}",
+        index=selected_index,
+        horizontal=True
+    )
+    st.session_state[key] = int(value)
     
     st.markdown('</div>', unsafe_allow_html=True)
     st.markdown(f'<span style="text-align:left">{labels[1]}</span>', unsafe_allow_html=True)
@@ -874,6 +869,7 @@ def enhanced_likert_scale(question_data):
     st.markdown('</div>', unsafe_allow_html=True)
     
     return st.session_state.get(key)
+  
     
 def create_ride_map():
     """ایجاد نقشه سفر با Folium - نسخه اصلاح شده با مناطق عمومی"""