Update app.py

app.py

@@ -772,8 +772,10 @@ body, .stApp {
 """, unsafe_allow_html=True)
 
 # ========== توابع اصلی ==========
+import streamlit as st
+
 def enhanced_likert_scale(question_data):
-    """لیکرت اسکیل با محدوده 0 تا scale و عدم نمایش نقطه برای 0"""
+    """لیکرت اسکیل با دکمه‌های رادیویی Streamlit و بدون HTML"""
     question = question_data["question"]
     key = question_data["key"]
     scale = question_data["scale"]
@@ -784,100 +786,44 @@ def enhanced_likert_scale(question_data):
         st.session_state[key] = 0
 
     # نمایش سوال
-    st.markdown(f"<div style='text-align:center; font-weight:bold; margin-bottom:15px;'>{question}</div>", 
+    st.markdown(f"<div style='text-align:right; font-weight:bold; margin-bottom:15px;'>{question}</div>", 
                 unsafe_allow_html=True)
 
-    # ایجاد خط و نقاط با HTML/CSS
-    scale_html = f"""
-    <style>
-        @font-face {{
-            font-family: 'Vazir';
-            src: url('https://cdn.fontcdn.ir/Font/Persian/Vazir/Vazir-Bold.woff2') format('woff2');
-        }}
-        .likert-line {{
-            width: 80%;
-            height: 2px;
-            background: #6a0dad;
-            margin: 0 auto;
-            position: relative;
-            display: flex;
-            justify-content: space-between;
-            direction: rtl;
-        }}
-        .likert-dot {{
-            width: 18px;
-            height: 18px;
-            border-radius: 50%;
-            background: white;
-            border: 2px solid #6a0dad;
-            position: relative;
-            top: -9px;
-        }}
-        .likert-dot.active {{
-            background: #6a0dad;
-        }}
-        .likert-labels {{
-            width: 80%;
-            margin: 5px auto 15px;
-            display: flex;
-            justify-content: space-between;
-            direction: rtl;
-            font-size: 14px;
-            font-family: 'Vazir', sans-serif;
-            font-weight: bold;
-            color: #6a0dad;
-        }}
-        .separator-line {{
-            width: 80%;
-            height: 2px;
-            background: #6a0dad;
-            margin: 20px auto;
-        }}
-        @media (max-width: 768px) {{
-            .likert-line {{
-                width: 90%;
-            }}
-            .likert-labels {{
-                width: 90%;
-            }}
-        }}
-    </style>
-    
-    <div>
-        <div class="likert-labels">
-            <span>{labels[0]}</span>
-            <span>{labels[1]}</span>
-        </div>
-        <div class="likert-line">
-    """
-
-    # اضافه کردن نقاط فقط برای مقادیر 1 تا scale
-    current_value = st.session_state.get(key, 0)
-    for i in range(1, scale+1):
-        value = i # مقادیر از 1 تا scale
-        active_class = "active" if current_value == value else ""
-        scale_html += f"<div class='likert-dot {active_class}'></div>"
-    
-    scale_html += "</div></div>"
+    # ایجاد گزینه‌های لیکرت (1 تا scale)
+    options = [str(i) for i in range(1, scale + 1)]  # گزینه‌ها: "1", "2", ..., "scale"
     
-    # نمایش کامپوننت HTML
-    components.html(scale_html, height=60)
-
-    # ورودی عددی با محدوده 0 تا scale (0 قابل انتخاب است)
-    value = st.number_input(
-        "پاسخ شما (از 1 تا 7):",
-        min_value=0,  # 0 مجاز است
-        max_value=scale,
-        value=st.session_state.get(key, 0),
-        step=1,
-        key=f"{key}_input",
-        placeholder="0 (پاسخ نداده) یا 1-7",
-        format="%d",
-        on_change=lambda: st.session_state.update({key: st.session_state[f"{key}_input"]})
-    )
+    # نمایش برچسب‌ها و دکمه‌های رادیویی در یک ردیف
+    col1, col2, col3 = st.columns([1, 3, 1])
+    with col1:
+        st.markdown(f"<span style='font-size:14px; font-weight:bold; color:#6a0dad;'>{labels[0]}</span>", 
+                    unsafe_allow_html=True)
+    with col2:
+        value = st.radio(
+            "",
+            options,
+            horizontal=True,
+            key=f"{key}_radio",
+            index=None,  # هیچ گزینه‌ای به طور پیش‌فرض انتخاب نشده
+            label_visibility="collapsed"  # مخفی کردن لیبل پیش‌فرض
+        )
+        # ذخیره مقدار انتخاب‌شده در session_state
+        if value is not None:
+            st.session_state[key] = int(value)
+        else:
+            st.session_state[key] = 0
+    with col3:
+        st.markdown(f"<span style='font-size:14px; font-weight:bold; color:#6a0dad;'>{labels[1]}</span>", 
+                    unsafe_allow_html=True)
+
+    # نمایش پاسخ انتخاب‌شده
+    if st.session_state[key] != 0:
+        st.markdown(f"<p style='text-align:right; color:#6a0dad;'>پاسخ شما: {st.session_state[key]}</p>", 
+                    unsafe_allow_html=True)
+    else:
+        st.markdown(f"<p style='text-align:right; color:#6a0dad;'>پاسخ شما: هنوز انتخاب نشده</p>", 
+                    unsafe_allow_html=True)
 
     # خط جداکننده بنفش
-    # خط جداکننده بنفش - تعریف استایل و HTML با هم
     st.markdown("""
     <style>
         .likert-separator {