Update app.py

app.py

@@ -461,6 +461,51 @@ 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;
+}
+
+/* نقطه‌های اسلایدر */
+.stSlider > div > div > div > div > div > div {
+    width: 16px !important;
+    height: 16px !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;
+}
+
+/* متن دو طرف اسلایدر */
+.slider-labels {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 10px;
+    font-family: 'B Nazanin' !important;
+    font-size: 14px !important;
+    color: #6A0DAD;
+}
+
+/* دکمه ادامه برای سوالات لیکرت */
+.likert-continue-btn {
+    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;
+}
+
     /* استایل تضمینی برای رادیو باتن‌ها - نسخه نهایی */
 .stRadio > div > div > div > div > div > label,
 .stRadio > div > div > div > div > label,
@@ -861,6 +906,43 @@ def save_to_sheet(data):
         st.error(f"خطا در ذخیره‌سازی: {str(e)}")
         return False 
 
+def create_likert_question(question, key, scale_type="5point"):
+    """نمایش سوال لیکرت با اسلایدر نقطه‌ای 7 قسمتی"""
+    
+    # تعریف لیبل‌های دو طرف بر اساس نوع مقیاس
+    if scale_type == "5point":
+        left_label = "کاملاً مخالفم"
+        right_label = "کاملاً موافقم"
+    else:  # 7-point scale
+        left_label = "کاملاً مخالفم"
+        right_label = "کاملاً موافقم"
+    
+    st.markdown(f"<p style='font-size:16px; margin-bottom:10px;'>{question}</p>", unsafe_allow_html=True)
+    
+    # ایجاد اسلایدر با 7 نقطه
+    value = st.slider(
+        label="",
+        min_value=1,
+        max_value=7,
+        value=4,  # مقدار پیش‌فرض وسط
+        step=1,
+        key=key,
+        label_visibility="collapsed"
+    )
+    
+    # نمایش متن دو طرف اسلایدر
+    st.markdown(
+        f"""
+        <div class="slider-labels">
+            <span>{left_label}</span>
+            <span>{right_label}</span>
+        </div>
+        """,
+        unsafe_allow_html=True
+    )
+    
+    return value
+
 # ========== بخش‌های فرم ==========
 
 def welcome_page():
@@ -1038,7 +1120,7 @@ def attention_check1():
 
 
 def random_likert_questions():
-    """نمایش تصادفی سوالات لیکرت"""
+    """نمایش تصادفی سوالات لیکرت با اسلایدر جدید"""
     if 'all_questions' not in st.session_state:
         # تعریف تمام سوالات با نوع مقیاس و لیبل مربوطه
         st.session_state.all_questions = [
@@ -1073,8 +1155,8 @@ def random_likert_questions():
         st.markdown("""
         <div style="background-color: #f8f9fa; padding: 15px; border-radius: 10px; margin-bottom: 20px;">
             <p style="font-weight: bold;">راهنمای پاسخگویی:</p>
-            <p>لطفا موافقت خود را با سوالات زیر طبق گزینه‌ها اعلام کنید.</p>
-            <p>با کلیک روی هر گزینه پاسخ شما انتخاب خواهد شد. لطفا با صبوری و بررسی سوالات را پاسخ دهید و تا بارگزاری سوال بعدی کمی صبر کنید.</p>
+            <p>لطفا موافقت خود را با سوالات زیر با حرکت دادن اسلایدر نقطه‌ای اعلام کنید.</p>
+            <p>سمت چپ: کمترین میزان موافقت | سمت راست: بیشترین میزان موافقت</p>
         </div>
         """, unsafe_allow_html=True)
     
@@ -1083,17 +1165,7 @@ def random_likert_questions():
         
         # نمایش سوال attention_check2 به صورت خاص
         if q["scale"] == "attention":
-
-            st.markdown("""
-            <style>
-                /* تضمین رنگ متن برای تمام سطوح */
-                .st-ec, .st-ed, .st-ee, .st-ef, .st-eg, .st-eh, .st-ei, .st-ej {
-                    color: black !important;
-                }
-            </style>
-            """, unsafe_allow_html=True)
-            st.markdown("###  سوال")
-
+            st.markdown("### سوال")
             answer = st.radio(
                 "حاصل ۵ × ۳ به اضافه ۲ چقدر می‌شود؟",
                 ["1", "13", "15", "17", "دیگر"],
@@ -1110,13 +1182,15 @@ def random_likert_questions():
                 else:
                     st.warning("لطفاً یک گزینه را انتخاب کنید")
         else:
-            # نمایش سوالات لیکرت به صورت معمول
+            # نمایش سوالات لیکرت با اسلایدر جدید
             answer = create_likert_question(q["question"], q["key"], q["scale"])
             
             if answer:
-                st.session_state.current_question_index += 1
-                time.sleep(0.5)
-                st.rerun()
+                st.session_state[q["key"]] = answer
+                if st.button("ادامه", key=f"continue_{q['key']}"):
+                    st.session_state.current_question_index += 1
+                    time.sleep(0.5)
+                    st.rerun()
     else:
         st.session_state.current_page = "explanation_questions"
         st.rerun()
@@ -1329,12 +1403,6 @@ def main():
     user_agent = st.query_params.get("user_agent", [""])[0]
     st.session_state.is_desktop = "mobile" not in user_agent.lower()
 
-
-    # اینجا می‌توانید از is_desktop برای تعیین اینکه نمایشگر موبایل اعمال شود، استفاده کنید
-    if st.session_state.is_desktop:
-        # اطمینان از نمایش همان حالت موبایل برای همه دستگاه‌ها
-        st.session_state.is_desktop = False
-    
     if 'current_page' not in st.session_state:
         st.session_state.current_page = "welcome"
         st.session_state.scenario_type = random.choice(["control", "input", "counterfactual"])
@@ -1342,8 +1410,14 @@ def main():
         st.session_state.user_contact = None
         st.session_state.demographic_data = None
         st.session_state.price_accepted = 0
+        st.session_state.attention_check1 = None
+        st.session_state.attention_check2 = None
+
+    # اضافه کردن متغیرهای جدید برای سوالات لیکرت
+    if 'all_questions' not in st.session_state:
+        st.session_state.all_questions = []
+        st.session_state.current_question_index = 0
 
-        
     pages = {
         "welcome": welcome_page,
         "scenario_explanation": scenario_explanation,
@@ -1351,8 +1425,8 @@ def main():
         "attention_check1": attention_check1,
         "random_likert_questions": random_likert_questions,
         "explanation_questions": explanation_questions,
-        "demographic": demographic_form,  # دموگرافیک قبل از کانتکت
-        "contact": user_contact,         # کانتکت در انتها
+        "demographic": demographic_form,
+        "contact": user_contact,
         "thank_you": thank_you_page
     }