Update app.py

app.py

@@ -3,6 +3,7 @@ import folium
 from streamlit_folium import folium_static
 import streamlit.components.v1 as components
 from datetime import datetime
+import textwrap
 import gspread
 from google.oauth2.service_account import Credentials
 import os
@@ -1232,7 +1233,7 @@ def random_likert_questions():
         {
             "title": "سری اول سؤالات",
             "key": "distributive",
-            "guide": """
+            "guide": textwrap.dedent("""
                 <h4 class="warning">راهنمای پاسخ به سری اول:</h4>
                 <p class="little">
                     در این بخش، با یک سری سؤال درمورد قیمتی که در صفحه اطلاعات سفر و در زیر نقشه دیدید، مواجه خواهید شد. در زیر سوالات طیفی قرار دارد: <br>
@@ -1240,7 +1241,7 @@ def random_likert_questions():
                     - سمت راست (۷): کاملاً منصفانه، معقول یا قابل قبول<br>
                     لطفاً با دقت عدد مناسب را بین ۱ تا ۷ را با زدن دکمه + و – جعبه زیر طیف انتخاب نمایید. بدین گونه شما انتخاب خواهید کرد که چقدر قیمت به نظرتان منصفانه بوده. چقدر با توجه به شرایط منطقی بوده و چقدر قابل قبول بوده.
                 </p>
-            """,
+            """),
             "questions": [
                 {
                     "key": "distributive_1", 
@@ -1272,7 +1273,7 @@ def random_likert_questions():
         {
             "title": "سری دوم سؤالات", 
             "key": "procedural",
-            "guide": """
+            "guide": textwrap.dedent("""
                 <h4 class="warning">راهنمای پاسخ به سری دوم:</h4>
                 <p class="little">
                     در این بخش با یک سری جمله خبری درمورد فرآیند و رویه قیمت‌گذاری رهیار مواجه خواهید شد. در زیر جملات یک طیف قرار دارد:<br>
@@ -1280,7 +1281,7 @@ def random_likert_questions():
                     - سمت راست (۷): کاملاً موافقم<br>
                     لطفاً نظر خود را با انتخاب عدد مناسب بیان کنید.
                 </p>
-            """,
+            """),
             "questions": [
                 {"key": "procedural_1", "question": "فرآیند و رویه قیمت‌گذاری رهیار قابل قبول است", "scale": 7, "labels": ["کاملاً مخالفم", "کاملاً موافقم"]}, 
                 {"key": "procedural_2", "question": "فرآیند و رویه قیمت‌گذاری رهیار منصفانه است", "scale": 7, "labels": ["کاملاً مخالفم", "کاملاً موافقم"]},
@@ -1290,7 +1291,7 @@ def random_likert_questions():
         {
             "title": "سری سوم سؤالات",
             "key": "informational",
-            "guide": """
+            "guide": textwrap.dedent("""
                 <h4 class="warning">راهنمای پاسخ به سری سوم:</h4>
                 <p class="little">
                      در این بخش، با یک سری سؤال درمورد توضیحاتی که در صفحه اطلاعات سفر و در زیر نقشه درمورد قیمت به شما ارائه شد، مواجه خواهید شد. در زیر سوالات طیفی قرار دارد: <br>
@@ -1298,7 +1299,7 @@ def random_likert_questions():
                     - سمت راست (۷): خیلی زیاد<br>
                     لطفاً با دقت عدد مناسب را بین ۱ تا ۷ را با زدن دکمه + و – جعبه زیر طیف انتخاب نمایید. بدین گونه شما انتخاب خواهید کرد که از هیچ مقدار تا خیلی زیاد به چه مقدار به شما توضیح با ویژگی‌های سوال ارائه شده است.
                 </p>
-            """,
+            """),
             "questions": [
                 {"key": "informational_1", "question": "تا چه حد رهیار دلایل تعیین قیمت را به صورت صادقانه توضیح داد؟", "scale": 7, "labels": ["هیچ", "خیلی زیاد"]},
                 {"key": "informational_2", "question": "تا چه حد رهیار عوامل مؤثر بر تعیین قیمت را به طور کامل شرح داد؟", "scale": 7, "labels": ["هیچ", "خیلی زیاد"]},
@@ -1308,34 +1309,34 @@ def random_likert_questions():
             ]
         }
     ]
-
-    # مقداردهی اولیه
+# مقداردهی اولیه
     if 'current_likert_group' not in st.session_state:
         st.session_state.current_likert_group = 0
     
     current_group = question_groups[st.session_state.current_likert_group]
     
+    
     st.markdown(f"## {current_group['title']}")
+    
+    # نمایش راهنما فقط اگر کلید guide وجود داشته باشد
     if 'guide' in current_group:
-        st.markdown(f"""
-        <div class="guide-text" style="
-            display: flex; 
-            flex-direction: column; 
-            align-items: center; 
-            background-color: #f0f2f6; 
-            border-radius: 10px; 
-            padding: 15px; 
-            gap: 10px;
-            font-size: 5px !important;
-        ">
-            <div style="flex: 1; font-size: inherit !important;">
-                {current_group['guide']}
-                <p class="little">
-                    اگر از پاسخ‌هایتان مطمئن هستید، روی دکمه «ادامه» کلیک کنید.
-                </p>
+        st.markdown("""
+            <div class="guide-text" style="
+                display: flex; 
+                flex-direction: column; 
+                align-items: center; 
+                background-color: #f0f2f6; 
+                border-radius: 10px; 
+                padding: 15px; 
+                gap: 10px;
+            ">
+                <div style="flex: 1;">
+                    {guide}
+                </div>
             </div>
-        </div>
-        """, unsafe_allow_html=True)
+            """.format(guide=current_group['guide']),
+            unsafe_allow_html=True
+        )
     
     # نمایش تمام سوالات این گروه
     for question in current_group['questions']: