Update app.py

app.py

@@ -738,25 +738,28 @@ h3 {
 """, unsafe_allow_html=True)
 
 # ========== توابع اصلی ==========
-
 def enhanced_likert_scale(question_data):
-    """لیکرت اسکیل با خط و نقاط - کاملاً واکنش‌گرا"""
+    """لیکرت اسکیل با محدوده 0 تا scale و عدم نمایش نقطه برای 0"""
     question = question_data["question"]
     key = question_data["key"]
     scale = question_data["scale"]
-    labels = question_data.get("labels", \["کاملاً مخالفم", "کاملاً موافقم"])
+    labels = question_data.get("labels", ["کاملاً مخالفم", "کاملاً موافقم"])
     
-    ```
+    # مقداردهی اولیه
     if key not in st.session_state:
-        st.session_state[key] = None
-    
+        st.session_state[key] = 0
+
     # نمایش سوال
     st.markdown(f"<div style='text-align:center; 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;
@@ -765,43 +768,36 @@ def enhanced_likert_scale(question_data):
             position: relative;
             display: flex;
             justify-content: space-between;
-            direction: rtl; /* تغییر جهت از راست به چپ */
+            direction: rtl;
         }}
         .likert-dot {{
-            width: 18px;  /* اندازه دکمه‌ها کوچک‌تر شد */
-            height: 18px; /* اندازه دکمه‌ها کوچک‌تر شد */
+            width: 18px;
+            height: 18px;
             border-radius: 50%;
             background: white;
             border: 2px solid #6a0dad;
             position: relative;
             top: -9px;
-            cursor: pointer;
-            display: flex;
-            align-items: center;
-            justify-content: center;
         }}
-        .likert-dot.selected {{
+        .likert-dot.active {{
             background: #6a0dad;
         }}
         .likert-labels {{
             width: 80%;
-            margin: 5px auto 20px;
+            margin: 5px auto 15px;
             display: flex;
             justify-content: space-between;
-            direction: rtl; /* جهت لیبل‌ها باید از راست به چپ باشد */
-        }}
-        .likert-value {{
-            text-align: center;
-            margin-top: 10px;
-            color: #6a0dad;
+            direction: rtl;
+            font-size: 14px;
+            font-family: 'Vazir', sans-serif;
             font-weight: bold;
+            color: #6a0dad;
         }}
-        /* مخفی کردن دکمه‌ها با اندازه کوچک */
-        .likert-button {{
-            visibility: hidden;
-            width: 12px;
-            height: 12px;
-            margin: 2px; /* فاصله کم بین دکمه‌ها */
+        .separator-line {{
+            width: 80%;
+            height: 2px;
+            background: #6a0dad;
+            margin: 20px auto;
         }}
         @media (max-width: 768px) {{
             .likert-line {{
@@ -813,57 +809,42 @@ def enhanced_likert_scale(question_data):
         }}
     </style>
     
-    <div class='likert-container'>
-        <div class='likert-labels'>
+    <div>
+        <div class="likert-labels">
             <span>{labels[1]}</span>
             <span>{labels[0]}</span>
         </div>
-        <div class='likert-line'>
+        <div class="likert-line">
     """
 
-    # اضافه کردن نقاط
-    for i in range(scale):
-        value = scale - i
-        is_selected = st.session_state.get(key) == value
-        scale_html += f"<div class='likert-dot {'selected' if is_selected else ''}' onclick='setLikertValue({value})'></div>"
-    
-    scale_html += "</div>"
-    
-    # نمایش مقدار انتخاب شده
-    if st.session_state.get(key):
-        scale_html += f"<div class='likert-value'>پاسخ شما: {st.session_state[key]}</div>"
+    # اضافه کردن نقاط فقط برای مقادیر 1 تا scale
+    current_value = st.session_state.get(key, 0)
+    for i in range(1, scale+1):
+        value = scale-i+1  # مقادیر از 1 تا scale
+        active_class = "active" if current_value == value else ""
+        scale_html += f"<div class='likert-dot {active_class}'></div>"
     
-    scale_html += "</div>"
-    
-    # تزریق JavaScript برای مدیریت کلیک
-    components.html(scale_html + """
-    <script>
-    function setLikertValue(value) {
-        const streamlitDoc = window.parent.document;
-        const buttons = streamlitDoc.querySelectorAll('button[data-testid="stButton"]'); // جستجوی دکمه‌ها در DOM
-        buttons.forEach(btn => {
-            if (btn.textContent.trim() === String(value)) {
-                btn.click();  // کلیک روی دکمه مورد نظر برای انتخاب مقدار
-            }
-        });
-    }
-    </script>
-    """, height=80)
-    
-    # دکمه‌های واقعی (مخفی و کوچک)
-    btn_cols = st.columns(scale)
-    for i in range(scale):
-        with btn_cols[i]:
-            value = scale - i
-            if st.button(
-                str(value),
-                key=f"{key}_btn_{value}",
-                type="primary" if st.session_state.get(key) == value else "secondary",
-                help="این دکمه‌ها مخفی هستند"  # پیام راهنما
-            ):
-                st.session_state[key] = value
-                st.rerun()
+    scale_html += "</div></div>"
     
+    # نمایش کامپوننت HTML
+    components.html(scale_html, height=60)
+
+    # ورودی عددی با محدوده 0 تا scale (0 قابل انتخاب است)
+    value = st.number_input(
+        "پاسخ شما (0 برای پاسخ ندادن، 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"]})
+    )
+
+    # خط جداکننده بنفش
+    st.markdown('<div class="separator-line"></div>', unsafe_allow_html=True)
+
     return st.session_state.get(key)
 
 def create_ride_map():
@@ -940,46 +921,6 @@ def show_explanation(exp_type):
             for item in explanations.get(exp_type, []):
                 st.markdown(f"<p class='explanation-item'>• {item}</p>", unsafe_allow_html=True)
 
-
-            
-
-def create_likert_question(question, key, scale_type="5point"):
-    """نمایش سوال لیکرت با اسلایدر نقطه‌ای"""
-    left_label = "کاملاً مخالفم" if scale_type == "7point" else "کاملاً مخالفم"
-    right_label = "کاملاً موافقم" if scale_type == "7point" else "کاملاً موافقم"
-    
-    st.markdown(f"<p style='font-size:16px; margin-bottom:5px;'>{question}</p>", unsafe_allow_html=True)
-    
-    max_value = 7 if scale_type == "7point" else 5
-    
-    # اضافه کردن attribute برای انتخاب استایل مناسب
-    slider_container = st.empty()
-    with slider_container:
-        st.markdown(f'<div data-testid="stSlider" data-discrete="{"seven-point" if scale_type=="7point" else "five-point"}">', unsafe_allow_html=True)
-        value = st.slider(
-            "",
-            min_value=1,
-            max_value=max_value,
-            value=(max_value+1)//2,
-            step=1,
-            key=f"slider_{key}"
-        )
-        st.markdown('</div>', 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==max_value else 'خنثی' if value==((max_value+1)//2) else 'موافقم' if value>((max_value+1)//2) else 'مخالفم'})
-        </p>
-        """,
-        unsafe_allow_html=True
-    )
-    return value
-
 # ========== توابع مدیریت داده‌ها ==========
     
 def get_credentials():
@@ -1119,7 +1060,7 @@ def scenario_explanation():
         <p> گوشی‌تان را از کیف درمی‌آورید. چشم‌تان به آیکون جدیدی می‌افتد؛ اپلیکیشنی به نام <strong>رهیار</strong> — نه اسنپ است و نه تپسی، اما خیلی شبیه آن‌هاست. رنگ بنفش جذابی دارد و شعارش توی ذهن‌تان می‌نشیند:  
         <br>«همراه سفرهای شما، راهی مطمئن، راهی روشن، رهیار»</p>
         <p>با کنجکاوی اپ را باز می‌کنید. ظاهر ساده و روانی دارد. فعلاً فقط گزینه‌ی «سفر معمولی» فعال است. خبری از امکانات اضافه مثل «سفر دو‌مسیـره»، «توقف در مسیر»، «اکوپلاس» یا «موتورسوار» نیست — اما خب، رهیار تازه‌کار است و قرار است توسعه پیدا کند!.</p>
-        <p>مبدأ و مقصد را انتخاب می‌کنید و با قیمت مواجه می‌شوید.</p>
+        <p>مبدأ و مقصد را انتخاب می‌کنید و با قیمت <strong>200 هزار تومان</strong> مواجه می‌شوید.</p>
         <p>با کلیک روی «ادامه»، اطلاعات سفر را مشاهده کنید 👇🏻</p>
     </div>
     """, unsafe_allow_html=True)
@@ -1245,7 +1186,7 @@ def random_likert_questions():
     """نمایش سوالات لیکرت با دکمه‌های دایره‌ای"""
     question_groups = [
         {
-            "title": "عدالت توزیعی",
+            "title": "سری اول سوالات",
             "key": "distributive",
             "questions": [
                 {
@@ -1269,14 +1210,14 @@ def random_likert_questions():
             ]
         },
         {
-            "title": "سوال توجه",
+            "title": "سری دوم سوالات",
             "key": "attention_check",
             "questions": [
                 {"key": "attention_check2", "question": "تا چه مقدار با دقت به سوالات پاسخ می‌دهید؟", "scale": 7, "labels": ["خیلی کم", "خیلی زیاد"]} 
             ]
         },
         {
-            "title": "عدالت رویه‌ای", 
+            "title": "سری سوم سوالات", 
             "key": "procedural",
             "questions": [
                 {"key": "procedural_1", "question": "فرآیند و رویه قیمت‌گذاری پلتفرم قابل قبول است", "scale": 7, "labels": ["کاملاً مخالفم", "کاملاً موافقم"]}, 
@@ -1285,7 +1226,7 @@ def random_likert_questions():
             ]
         },
         {
-            "title": "عدالت اطلاعاتی",
+            "title": "سری چهارم سوالات",
             "key": "informational",
             "questions": [
                 {"key": "informational_1", "question": "تا چه حد رهیار دلایل تعیین قیمت را به صورت صادقانه توضیح داد؟", "scale": 7, "labels": ["هیچ", "خیلی زیاد"]},
@@ -1303,7 +1244,20 @@ def random_likert_questions():
     
     current_group = question_groups[st.session_state.current_likert_group]
     
-    st.markdown(f"### {current_group['title']}")
+    st.markdown(f"## {current_group['title']}")
+    st.markdown("""    
+    <div class="guide-text" style="display: flex; flex-direction: column; align-items: center; background-color: #f0f2f6; border-radius: 10px; padding: 20px; gap: 15px;">
+        <div style="flex: 1;">
+            <h3>راهنمای پاسخ:</h3>
+            <p>برای پاسخ به سوالات، با با هفت نقطه بین دو سر طیف مواجه خواهید شد.</p>
+                <br>- سمت چپ: کمترین مقدار
+                <br>- سمت راست: بیشترین مقدار
+            </p>
+            <p>زیر طیف جعبه‌ای وجود دارد که مقدار پیش‌فرض آن صفر است. با زدن دکمه مثبت ومنفی کنار جعبه، این عدد را بین یک تا هفت تنظیم کنید تا میزان موافقت خود با جملات یا نزدیکی به دو سر طیف را انتخاب کنید.</p>
+            <p>اگر از پاسخ‌هایتان مطمئن هستید، روی دکمه «ادامه» کلیک کنید.</p>
+        </div>
+    </div>
+    """, unsafe_allow_html=True)
     
     # نمایش تمام سوالات این گروه
     for question in current_group['questions']:
@@ -1311,18 +1265,23 @@ def random_likert_questions():
         st.session_state.answers[question["key"]] = answer
     
     # دکمه ادامه/اتمام
-    button_label = "ادامه به گروه بعدی" if st.session_state.current_likert_group < len(question_groups)-1 else "اتمام پرسشنامه"
+    button_label = "ادامه" if st.session_state.current_likert_group < len(question_groups)-1 else "ادامه"
     
     if st.button(button_label):
-        # بررسی آیا همه سوالات این گروه پاسخ داده شده‌اند
+        # بررسی آیا همه سوالات این گروه پاسخ داده شده‌اند و هیچ کدام صفر نیستند
         all_answered = all(
             question["key"] in st.session_state.answers and 
             st.session_state.answers[question["key"]] is not None
             for question in current_group['questions']
         )
         
-        if not all_answered:
-            st.error("لطفاً به تمام سوالات این بخش پاسخ دهید قبل از ادامه")
+        has_zero = any(
+            st.session_state.answers.get(question["key"]) == 0
+            for question in current_group['questions']
+        )
+        
+        if not all_answered or has_zero:
+            st.error("لطفاً به تمام سوالات این بخش پاسخ دهید")
         else:
             if st.session_state.current_likert_group < len(question_groups) - 1:
                 st.session_state.current_likert_group += 1
@@ -1338,16 +1297,16 @@ def explanation_questions():
     # لیست سوالات به ترتیب نمایش
     questions = [
         {
-            "key": "trust",
-            "label": "آیا شما به تصمیم‌گیری‌هایی که توسط هوش مصنوعی انجام می‌شود اعتماد دارید؟",
-            "options": ["بله", "خیر", "نظری ندارم"],
+            "key": "price_increase",
+            "label": "در سناریوی کیس رهیار، آ��ا به نظر شما قیمت ارائه‌شده برای مسیر موردنظر، در مقایسه با قیمت‌های معمول برای همان مسیر یا مسیرهای مشابه، افزایش غیرمعمول یا نامتعارفی داشته است یا خیر؟ (با صرف‌نظر از تغییرات قیمتی ناشی از تورم یا نوسانات عمومی قیمت)‌",
+            "options": ["بله", "خیر", "مطمئن نیستم"],
             "required": True
         },
         {
             "key": "pricing_method",
-            "label": "به نظر شما پلتفرم قیمت را چگونه تعیین می‌کند؟",
+            "label": "به نظر شما رهیار چگونه قیمت‌های پویا و متغیر را اعمال می‌کند؟",
             "options": [
-                "به صورت دستی توسط تیم پلتفرم",
+                "به صورت دستی توسط تیم رهیار",
                 "به صورت خودکار توسط هوش مصنوعی و الگوریتم‌ها",
                 "ترکیبی از هر دو روش",
                 "نظری ندارم"
@@ -1355,9 +1314,9 @@ def explanation_questions():
             "required": True
         },
         {
-            "key": "price_increase",
-            "label": "آیا به نظر شما در این سفر افزایش قیمت نسبت به حالت طبیعی وجود داشته است؟",
-            "options": ["بله", "خیر", "مطمئن نیستم"],
+            "key": "trust",
+            "label": "در زندگی روزمره ممکن است با تصمیمات هوش مصنوعی مواجه شوید، مانند پیشنهاد مسیر برای اجتناب از ترافیک، ارائه دستور پخت بر اساس مواد غذایی، توصیه پوشش یا نکات ارائه برای جلسات کاری، پیشنهاد سهام برای سرمایه‌گذاری، یا معرفی افراد در برنامه‌های دوستیابی. فارغ از تصمیمات حیاتی (مثل تشخیص پزشکی یا احکام قضایی)، آیا به تصمیم‌گیری‌های هوش مصنوعی در این موارد روزمره اعتماد دارید؟",
+            "options": ["بله", "تا حدودی", "خیر", "نظری ندارم"],
             "required": True
         },
         {
@@ -1370,8 +1329,8 @@ def explanation_questions():
             "key": "explanation_type",
             "label": "اگر توضیحی دریافت کردید، این توضیح بیشتر به کدام مورد شباهت داشت؟",
             "options": [
-                "بر اساس عواملی که در قیمت‌گذاری لحاظ شده‌اند",
-                "شامل سناریوهای جایگزین که می‌توانستند قیمت متفاوتی ایجاد کنند",
+                "با توجه به عوامل مؤثر در تعیین قیمت و شدت تأثیر آن‌ها",
+                "به من اطلاع دادند که در صورت انتظار و درخواست سفر در شرایط متفاوتِ زمانی دیگر، ممکن است قیمت دیگری دریافت کنم",
                 "توضیحی دریافت نکردم"
             ],
             "required": False,
@@ -1426,7 +1385,7 @@ def demographic_form():
     st.markdown("### 📝 اطلاعات دموگرافیک")
     st.markdown("""
     <div>
-        <p>لطفاً اطلاعات زیر را صادقانه و به دقت وارد نمایید.</p>
+        <p>لطفاً اطلاعات زیر را صادقانه وارد نمایید.</p>
         <p>همانطور که گفته شد،این اطلاعات کاملاً محرمانه نزد محقق خواهد ماند و در جهت اهداف پژوهشی استفاده خواهد شد.</p>
     </div>
     """, unsafe_allow_html=True)
@@ -1518,7 +1477,7 @@ def thank_you_page():
     
     در صورت وجود هرگونه سوال، ابهام یا پیشنهاد می‌توانید با محقق تماس بگیرید:
     
-    ✉ ایمیل: maryam.ilka2000@gmail.com
+    ✉ایمیل: maryam.ilka2000@gmail.com
     """)
     st.balloons()