Update app.py

app.py

@@ -740,7 +740,7 @@ h3 {
 
 # ========== توابع اصلی ==========
 def custom_likert_slider(question_data):
-    """نمایش سوال لیکرت با اسلایدر و طیف رنگی Plotly"""
+    """نمایش سوال لیکرت با طیف رنگی Plotly و بدون اسلایدر قابل مشاهده"""
     question = question_data["question"]
     key = question_data["key"]
     points = question_data["scale"]
@@ -751,38 +751,28 @@ def custom_likert_slider(question_data):
     
     st.markdown(f"**{question}**")
     
-    # ایجاد اسلایدر عددی
-    selected = st.slider(
-        "انتخاب شدت",
-        min_value=0,
-        max_value=points-1,
-        value=default_value,
-        step=1,
-        key=f"slider_{key}",
-        label_visibility="collapsed"
-    )
-    
-    # ذخیره فوری مقدار در session_state
-    st.session_state.answers[key] = selected
-    st.session_state[key] = selected
+    # ایجاد یک container برای نمایش طیف
+    container = st.container()
     
     # نمایش طیف با رنگ بنفش روی گزینه انتخاب‌شده
     fig = go.Figure()
     
     positions = list(range(points))
+    
+    # اضافه کردن نقاط به نمودار
     fig.add_trace(go.Scatter(
         x=positions,
         y=[0]*points,
         mode='markers+text',
         marker=dict(
-            size=25,
-            color=['#d1c4e9' if i != selected else '#6a0dad' for i in positions],
+            size=30,
+            color=['#d1c4e9' if i != st.session_state.answers.get(key, default_value) else '#6a0dad' for i in positions],
             line=dict(width=2, color='#6a0dad')
         ),
-        text=labels if len(labels) == points else positions,
+        text=labels if len(labels) == points else [str(i+1) for i in positions],
         textposition="top center",
         textfont=dict(size=14)
-    ))
+    )
     
     # خط اتصال نقاط
     fig.add_trace(go.Scatter(
@@ -793,11 +783,12 @@ def custom_likert_slider(question_data):
         hoverinfo='none'
     ))
     
+    # تنظیمات layout
     fig.update_layout(
         xaxis=dict(
             tickmode='array',
             tickvals=positions,
-            ticktext=labels if len(labels) == points else positions,
+            ticktext=labels if len(labels) == points else [str(i+1) for i in positions],
             showgrid=False,
             zeroline=False,
             range=[-0.5, points-0.5]
@@ -806,17 +797,42 @@ def custom_likert_slider(question_data):
         margin=dict(l=20, r=20, t=40, b=20),
         height=150,
         showlegend=False,
-        hovermode=False
+        hovermode=False,
+        clickmode='event+select'
     )
     
-    st.plotly_chart(fig, use_container_width=True, config={'staticPlot': True})
+    # نمایش نمودار در container
+    with container:
+        selected_point = st.plotly_chart(
+            fig, 
+            use_container_width=True, 
+            config={'staticPlot': False},
+            key=f"plot_{key}"
+        )
     
-    # نمایش انتخاب
-    selected_label = labels[selected] if len(labels) > selected else str(selected+1)
-    st.markdown(f"<p style='text-align:center; color:#6a0dad; font-weight:bold;'>پاسخ شما: <strong>{selected_label}</strong></p>", 
-                unsafe_allow_html=True)
+    # استفاده از st.slider مخفی برای مدیریت انتخاب
+    selected_value = st.slider(
+        "",
+        min_value=0,
+        max_value=points-1,
+        value=st.session_state.answers.get(key, default_value),
+        step=1,
+        key=f"hidden_slider_{key}",
+        label_visibility="collapsed"
+    )
+    
+    # ذخیره مقدار انتخاب شده
+    st.session_state.answers[key] = selected_value
+    st.session_state[key] = selected_value
+    
+    # نمایش انتخاب کاربر
+    selected_label = labels[selected_value] if len(labels) > selected_value else str(selected_value+1)
+    st.markdown(
+        f"<p style='text-align:center; color:#6a0dad; font-weight:bold;'>پاسخ شما: <strong>{selected_label}</strong></p>", 
+        unsafe_allow_html=True
+    )
     
-    return selected
+    return selected_value
     
 def create_ride_map():
     """ایجاد نقشه سفر با Folium - نسخه اصلاح شده با مناطق عمومی"""