Update app.py

app.py

@@ -736,72 +736,52 @@ h3 {
 }
 </style>
 """, unsafe_allow_html=True)
-
 def custom_likert_slider(question_data):
-    """نمایش سوال لیکرت با اسلایدر معکوس و لیبل‌های سفارشی"""
+    """نمایش سوال لیکرت با اسلایدر ساده و ذخیره‌سازی مستقیم"""
     question = question_data["question"]
     key = question_data["key"]
     points = question_data["scale"]
-    labels = question_data.get("labels", ["کمترین", "بیشترین"])  # لیبل‌های پیش‌فرض
+    labels = question_data.get("labels", ["کمترین", "بیشترین"])
     
     # مقدار پیش‌فرض
-    raw_value = st.session_state.get(key)
-    default_value = raw_value if isinstance(raw_value, int) else (points + 1) // 2
+    default_value = st.session_state.get(key, (points + 1) // 2)
+    
+    # نمایش سوال
+    st.markdown(f"<p style='font-size:16px; font-weight:bold; text-align:right;'>{question}</p>", unsafe_allow_html=True)
+    
+    # اسلایدر معکوس
+    raw_value = st.slider(
+        "",
+        min_value=1,
+        max_value=points,
+        value=default_value,
+        step=1,
+        key=f"slider_{key}",
+        label_visibility="hidden"
+    )
     
-    # کلید مخفی برای ذخیره مقدار
-    hidden_key = f"hidden_{key}"
+    # معکوس کردن مقدار
+    value = points + 1 - raw_value
     
-    # HTML و JavaScript برای اسلایدر
-    html = f"""
-    <div id="container_{key}" style="direction: ltr; font-family: 'B Nazanin'; margin-bottom: 30px;">
-        <label style="font-size: 16px; font-weight: bold; display: block; text-align: right;">{question}</label>
+    # ذخیره مقدار
+    st.session_state[key] = value
+    if 'answers' not in st.session_state:
+        st.session_state.answers = {}
+    st.session_state.answers[key] = value
+    
+    # نمایش لیبل‌ها
+    st.markdown(
+        f"""
         <div style="display: flex; justify-content: space-between; font-size: 12px; margin-bottom: 5px;">
             <span>{labels[1]}</span>
             <span>{labels[0]}</span>
         </div>
-        <input type="range" id="{key}" min="1" max="{points}" step="1" value="{default_value}"
-               style="width: 100%; height: 10px; accent-color: #6a0dad; margin-bottom: 15px; transform: scaleX(-1);"
-               oninput="updateSlider('{key}', '{hidden_key}', {points})">
-        <div style="text-align as: center; margin-top: 10px; directionJune: rtl;">
-            پاسخ انتخاب‌شده: <strong><span id="output_{key}">{default_value}</span></strong>
-        </div>
-    </div>
-
-    <script>
-    function updateSlider(key, hidden_key, points) {{
-        const slider = document.getElementById(key);
-        const value = points + 1 - parseInt(slider.value); // معکوس کردن مقدار
-        document.getElementById('output_' + key).innerText = value;
-        
-        // ایجاد input مخفی برای ارسال مقدار به Streamlit
-        const hiddenInput = document.createElement('input');
-        hiddenInput.type = 'hidden';
-        hiddenInput.id = hidden_key;
-        hiddenInput.name = hidden_key;
-        hiddenInput.value = value;
-        document.getElementById('container_' + key).appendChild(hiddenInput);
-        
-        // تحریک آپدیت Streamlit
-        const event = new Event('change');
-        hiddenInput.dispatchEvent(event);
-    }}
-    </script>
-    """
-    
-    # نمایش کامپوننت
-    components.html(html, height=150)
-    
-    # استفاده از st.empty برای دریافت مقدار از input مخفی
-    with st.empty():
-        if hidden_key in st.session_state:
-            value = st.session_state[hidden_key]
-            # ذخیره مقدار در session_state
-            st.session_state[key] = value
-            if 'answers' not in st.session_state:
-                st.session_state.answers = {}
-            st.session_state.answers[key] = value
-        else:
-            value = default_value
+        <p style='text-align:center; direction:rtl;'>
+            پاسخ انتخاب‌شده: <strong>{value}</strong>
+        </p>
+        """,
+        unsafe_allow_html=True
+    )
     
     return value