Update app.py

app.py

@@ -749,20 +749,20 @@ def custom_likert_slider(question_data):
     default_value = (points + 1) // 2
     current_value = st.session_state.get(key, default_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>
+    # HTML و JavaScript برای اسلایدر با استفاده از str.format
+    html = """
+    <div id="container_{0}" style="direction: ltr; font-family: 'B Nazanin'; margin-bottom: 30px;">
+        <label style="font-size: 16px; font-weight: bold; display: block; text-align: right;">{1}</label>
         <div style="display: flex; justify-content: space-between; font-size: 12px; margin-bottom: 5px;">
-            <span>{labels[0]}</span>
-            <span>{labels[1]}</span>
+            <span>{2}</span>
+            <span>{3}</span>
         </div>
-        <input type="range" id="{key}" min="1" max="{points}" step="1" value="{current_value}"
+        <input type="range" id="{0}" min="1" max="{4}" step="1" value="{5}"
                style="width: 100%; height: 10px; accent-color: #6a0dad; margin-bottom: 15px;"
-               oninput="updateSlider('{key}')"
-               onchange="updateSlider('{key}')">
+               oninput="updateSlider('{0}')"
+               onchange="updateSlider('{0}')">
         <div style="text-align: center; margin-top: 10px; direction: rtl;">
-            پاسخ انتخاب‌شده: <strong><span id="output_{key}">{current_value}</span></strong>
+            پاسخ انتخاب‌شده: <strong><span id="output_{0}">{5}</span></strong>
         </div>
     </div>
 
@@ -776,11 +776,7 @@ def custom_likert_slider(question_data):
         window.sliderValues[key] = value;
         
         try {{
-            window.parent.postMessage({{
-                type: 'streamlit:setComponentValue',
-                key: "{key}",
-                value: value
-            }}, '*');
+            window.parent.postMessage({{type: 'streamlit:setComponentValue', key: "{0}", value: value}}, '*');
         }} catch (e) {{
             console.error('Error sending message to Streamlit:', e);
         }}
@@ -789,25 +785,21 @@ def custom_likert_slider(question_data):
     }}
 
     window.addEventListener('load', () => {{
-        const key = '{key}';
+        const key = '{0}';
         const savedValue = localStorage.getItem(key);
         if (savedValue) {{
             document.getElementById(key).value = savedValue;
             document.getElementById('output_' + key).innerText = savedValue;
-            window.parent.postMessage({{
-                type: 'streamlit:setComponentValue',
-                key: "{key}",
-                value: parseInt(savedValue)
-            }}, '*');
+            window.parent.postMessage({{type: 'streamlit:setComponentValue', key: "{0}", value: parseInt(savedValue)}}, '*');
         }}
-    });
+    }});
     </script>
-    """
+    """.format(key, question, labels[0], labels[1], points, current_value)
     
     # رندر کامپوننت HTML
     components.html(html, height=150)
     
-    # خواندن مقدار از localStorage یا session_state
+    # خواندن مقدار از session_state
     if key in st.session_state:
         current_value = st.session_state[key]
     else: