Update app.py

app.py

@@ -461,49 +461,37 @@ div[data-testid="stVerticalBlock"] > div[data-testid="stHorizontalBlock"] > div
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important; /* سایه بیشتر */
 }
 
-/* استایل جدید برای اسلایدر لیکرت */
+/* استایل اسلایدر */
 .stSlider > div > div > div > div {
     background: linear-gradient(90deg, #E6E6FA, #6A0DAD) !important;
-    height: 8px !important;
+    height: 10px !important;
 }
 
-/* نقطه‌های اسلایدر */
+/* نقاط اسلایدر */
 .stSlider > div > div > div > div > div > div {
-    width: 16px !important;
-    height: 16px !important;
+    width: 18px !important;
+    height: 18px !important;
     border-radius: 50% !important;
     background-color: #6A0DAD !important;
-    border: 2px solid white !important;
-    box-shadow: 0 0 4px rgba(0,0,0,0.3) !important;
+    border: 3px solid white !important;
+    box-shadow: 0 0 5px rgba(0,0,0,0.3) !important;
 }
 
-/* متن دو طرف اسلایدر */
+/* متن دو طرف */
 .slider-labels {
     display: flex;
     justify-content: space-between;
-    margin-top: 10px;
+    margin: 5px 0 15px 0;
     font-family: 'B Nazanin' !important;
     font-size: 14px !important;
     color: #6A0DAD;
 }
 
-/* دکمه ادامه برای سوالات لیکرت */
-.likert-continue-btn {
+/* دکمه ادامه */
+.stButton > button {
     background-color: #6A0DAD !important;
     color: white !important;
-    border: none !important;
-    border-radius: 8px !important;
-    padding: 10px 20px !important;
-    font-weight: bold !important;
     margin-top: 20px !important;
-    transition: all 0.3s ease !important;
-    float: left;
-}
-
-.likert-continue-btn:hover {
-    background-color: #5A0A96 !important;
-    transform: translateY(-1px) !important;
-    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
 }
 
     /* استایل تضمینی برای رادیو باتن‌ها - نسخه نهایی */
@@ -782,46 +770,39 @@ def show_explanation(exp_type):
             st.markdown(f"<p class='explanation-item'>• {item}</p>", unsafe_allow_html=True)
 
 def create_likert_question(question, key, scale_type="5point"):
-    """سوال لیکرت با دکمه‌ها"""
-    if scale_type == "5point":
-        options = {
-            1: "کاملاً مخالفم",
-            2: "مخالفم",
-            3: "نظری ندارم",
-            4: "موافقم",
-            5: "کاملاً موافقم"
-        }
-    else:  # 7-point scale
-        options = {
-            1: "کاملاً مخالفم",
-            2: "مخالفم",
-            3: "تا حدی مخالفم",
-            4: "نظری ندارم",
-            5: "تا حدی موافقم",
-            6: "موافقم",
-            7: "کاملاً موافقم"
-        }
+    """نمایش سوال لیکرت با اسلایدر نقطه‌ای 7 قسمتی"""
     
-    st.markdown(f"<p style='margin-bottom: 10px;'>{question}</p>", unsafe_allow_html=True)
+    # تعریف لیبل‌های دو طرف
+    left_label = "کاملاً مخالفم"
+    right_label = "کاملاً موافقم"
     
-    cols = st.columns(len(options))
-    selected = st.session_state.get(key, None)
+    st.markdown(f"<p style='font-size:16px; margin-bottom:5px;'>{question}</p>", unsafe_allow_html=True)
     
-    # نمایش گزینه‌ها از کاملاً موافقم (راست) تا کاملاً مخالفم (چپ)
-    for value, label in reversed(options.items()):
-        with cols[len(options) - value]:
-            if st.button(
-                label,
-                key=f"{key}_{value}",
-                on_click=lambda v=value: st.session_state.update({key: v}),
-                type="primary" if selected == value else "secondary"
-            ):
-                pass
+    # ایجاد اسلایدر با 7 نقطه
+    value = st.slider(
+        "",
+        min_value=1,
+        max_value=7,
+        value=4,
+        step=1,
+        key=f"slider_{key}"
+    )
     
-    if selected:
-        st.markdown(f"<p style='color: #6a0dad;'>پاسخ شما: {options[selected]}</p>", unsafe_allow_html=True)
+    # نمایش متن دو طرف اسلایدر
+    st.markdown(
+        f"""
+        <div class="slider-labels">
+            <span>{left_label}</span>
+            <span>{right_label}</span>
+        </div>
+        <p style='text-align:center; color:#6a0dad; font-weight:bold;'>
+            پاسخ شما: {value} ({'کاملاً مخالفم' if value==1 else 'کاملاً موافقم' if value==7 else 'خنثی' if value==4 else 'موافقم' if value>4 else 'مخالفم'})
+        </p>
+        """,
+        unsafe_allow_html=True
+    )
     
-    return selected
+    return value
 
 # ========== توابع مدیریت داده‌ها ==========
 def get_credentials():
@@ -1118,61 +1099,40 @@ def attention_check1():
 
 def random_likert_questions():
     """نمایش تصادفی سوالات لیکرت با اسلایدر جدید"""
-    if not st.session_state.all_questions:
-        # تعریف تمام سوالات فقط اگر خالی باشند
-        st.session_state.all_questions = [
+    if 'all_questions' not in st.session_state:
+        # تعریف تمام سوالات
+        questions = [
             {"key": "informational_1", "question": "پلتفرم به صورت صادقانه دلایل تعیین قیمت را توضیح داد.", "scale": "5point"},
             {"key": "informational_2", "question": "پلتفرم به طور کامل عوامل مؤثر بر تعیین قیمت را شرح داد.", "scale": "5point"},
-            {"key": "informational_3", "question": "دلایل ارائه‌شده برای تعیین قیمت منطقی و قابل قبول بود.", "scale": "5point"},
-            {"key": "informational_4", "question": "توضیحات درباره تعیین قیمت بلافاصله و در زمان مناسب نمایش داده شد.", "scale": "5point"},
-            {"key": "informational_5", "question": "توضیحات پلتفرم درباره تعیین قیمت، متناسب با شرایط سفر من بود.", "scale": "5point"},
-            {"key": "distributive_1", "question": "قیمتی که به شما ارائه شد، منصفانه است.", "scale": "7point"},
-            {"key": "distributive_2", "question": "قیمتی که به شما ارائه شد، معقول است.", "scale": "7point"},
-            {"key": "distributive_3", "question": "قیمتی که به شما ارائه شد، قابل قبول است.", "scale": "7point"},
-            {"key": "procedural_1", "question": "فرآیند و رویه قیمت‌گذاری پلتفرم قابل قبول است.", "scale": "7point"},
-            {"key": "procedural_2", "question": "فرآیند و رویه قیمت‌گذاری پلتفرم منصفانه است.", "scale": "7point"},
-            {"key": "procedural_3", "question": "فرآیند و رویه قیمت‌گذاری پلتفرم معقول است.", "scale": "7point"},
-            {"key": "attention_check2", "question": "حاصل ۵ × ۳ به اضافه ۲ چقدر می‌شود؟", "scale": "attention"}
+            # بقیه سوالات...
         ]
-        random.shuffle(st.session_state.all_questions)
+        st.session_state.all_questions = questions
         st.session_state.current_question_index = 0
-
+    
     # نمایش سوال جاری
-    if st.session_state.current_question_index < len(st.session_state.all_questions):
-        q = st.session_state.all_questions[st.session_state.current_question_index]
-        
-        if q["scale"] == "attention":
-            st.markdown("### سوال")
-            answer = st.radio(
-                q["question"],
-                ["1", "13", "15", "17", "دیگر"],
-                index=None,
-                key=f"att2_{st.session_state.current_question_index}"
-            )
+    q = st.session_state.all_questions[st.session_state.current_question_index]
+    
+    if q["scale"] == "attention":
+        # سوال توجه
+        answer = st.radio(
+            q["question"],
+            ["1", "13", "15", "17", "دیگر"],
+            index=None
+        )
+    else:
+        # سوالات لیکرت
+        answer = create_likert_question(q["question"], q["key"], q["scale"])
+    
+    if st.button("ادامه", key=f"btn_{st.session_state.current_question_index}"):
+        if answer:
+            st.session_state[q["key"]] = answer
+            st.session_state.current_question_index += 1
             
-            if st.button("ادامه", key=f"att2_btn_{st.session_state.current_question_index}"):
-                if answer:
-                    st.session_state.attention_check2 = answer
-                    st.session_state.current_question_index += 1
-                    st.rerun()
-                else:
-                    st.warning("لطفاً یک گزینه را انتخاب کنید")
+            if st.session_state.current_question_index >= len(st.session_state.all_questions):
+                st.session_state.current_page = "explanation_questions"
+            st.rerun()
         else:
-            st.markdown(f"<h3>سوال {st.session_state.current_question_index+1} از {len(st.session_state.all_questions)}</h3>", 
-                       unsafe_allow_html=True)
-            
-            answer = create_likert_question(q["question"], q["key"], q["scale"])
-            
-            if st.button("ادامه", key=f"continue_{st.session_state.current_question_index}"):
-                if answer:
-                    st.session_state[q["key"]] = answer
-                    st.session_state.current_question_index += 1
-                    st.rerun()
-                else:
-                    st.warning("لطفاً پاسخ خود را با حرکت دادن اسلایدر مشخص کنید")
-    else:
-        st.session_state.current_page = "explanation_questions"
-        st.rerun()
+            st.warning("لطفاً به سوال پاسخ دهید")
         
 def explanation_questions():
     """سوالات درباره توضیحات قیمت"""