Update app.py

app.py

@@ -773,10 +773,8 @@ body, .stApp {
 """, unsafe_allow_html=True)
 
 # ========== توابع اصلی ==========
-import streamlit as st
-
 def enhanced_likert_scale(question_data):
-    """لیکرت اسکیل با دکمه‌های سفارشی HTML و مدیریت انتخاب با فرم Streamlit"""
+    """لیکرت اسکیل با HTML/CSS ساده و مدیریت انتخاب با st.session_state"""
     question = question_data["question"]
     key = question_data["key"]
     scale = question_data["scale"]
@@ -791,6 +789,7 @@ def enhanced_likert_scale(question_data):
                 unsafe_allow_html=True)
 
     # HTML و CSS برای نمایش خط و نقاط
+    current_value = st.session_state.get(key, 0)
     scale_html = f"""
     <style>
         @font-face {{
@@ -856,30 +855,55 @@ def enhanced_likert_scale(question_data):
     """
 
     # اضافه کردن نقاط
-    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 ""
         scale_html += f"""
-        <div class='likert-dot {active_class}' id='dot-{key}-{value}'></div>
+        <div class='likert-dot {active_class}' id='dot-{key}-{value}'
+             onclick='this.closest("form").querySelector(`input[value="${{value}}"]').checked = true; this.closest("form").querySelector("button[type=submit]").click();'>
+        </div>
         """
     
     scale_html += "</div></div>"
-    st.markdown(scale_html, unsafe_allow_html=True)
 
     # فرم برای ثبت انتخاب
     with st.form(key=f"{key}_form", clear_on_submit=True):
+        scale_html += f"""
+        <input type="radio" name="likert_radio" value="1" style="display: none;" {"checked" if current_value == 1 else ""}>
+        """
+        for i in range(2, scale + 1):
+            value = i
+            scale_html += f"""
+            <input type="radio" name="likert_radio" value="{value}" style="display: none;" {"checked" if current_value == value else ""}>
+            """
+        scale_html += '<button type="submit" style="display: none;">Submit</button>'
+        components.html(scale_html, height=60)
+
         selected_option = st.radio(
             "",
             options=list(range(1, scale + 1)),
             index=current_value - 1 if current_value > 0 else None,
             label_visibility="collapsed",
-            horizontal=True,
             key=f"{key}_radio"
         )
         if st.form_submit_button("ثبت", use_container_width=True):
             st.session_state[key] = selected_option
 
+    # جاوااسکریپت برای به‌روزرسانی ظاهر نقاط
+    st.markdown(
+        f"""
+        <script>
+            document.querySelectorAll('.likert-dot').forEach(dot => {{
+                dot.addEventListener('click', function() {{
+                    document.querySelectorAll('.likert-dot').forEach(d => d.classList.remove('active'));
+                    this.classList.add('active');
+                }});
+            }});
+        </script>
+        """,
+        unsafe_allow_html=True
+    )
+
     # نمایش پاسخ انتخاب‌شده
     if st.session_state[key] != 0:
         st.markdown(f"<p style='text-align:right; color:#6a0dad; direction: rtl;'>پاسخ شما: {st.session_state[key]}</p>", 
@@ -907,7 +931,7 @@ def enhanced_likert_scale(question_data):
         [data-testid="stRadio"] > div {
             display: none !important;
         }
-        /* تنظیم دکمه ثبت */
+        /* مخفی کردن دکمه ثبت */
         [data-testid="stFormSubmitButton"] {
             display: none !important;
         }
@@ -915,24 +939,6 @@ def enhanced_likert_scale(question_data):
     <div class="likert-separator"></div>
     """, unsafe_allow_html=True)
 
-    # جاوااسکریپت برای شبیه‌سازی کلیک روی دکمه‌های رادیویی
-    st.markdown(
-        f"""
-        <script>
-            document.querySelectorAll('.likert-dot').forEach(dot => {{
-                dot.addEventListener('click', function() {{
-                    const value = this.id.split('-').pop();
-                    document.querySelector(`input[type="radio"][value="${{value}}"]`).click();
-                    document.querySelector('[data-testid="stFormSubmitButton"] button').click();
-                    document.querySelectorAll('.likert-dot').forEach(d => d.classList.remove('active'));
-                    this.classList.add('active');
-                }});
-            }});
-        </script>
-        """,
-        unsafe_allow_html=True
-    )
-
     return st.session_state.get(key)
     
 def create_ride_map():