duplicate

Paused

App Files Files Community

GSMEthesis commited on May 15, 2025

Commit

2d68c07

verified ·

1 Parent(s): f6004b5

Update app.py

Browse files

Files changed (1) hide show

app.py +11 -11

app.py CHANGED Viewed

@@ -786,6 +786,9 @@ def enhanced_likert_scale(question_data):
     st.markdown(f"<div style='text-align:center; font-weight:bold; margin-bottom:15px;'>{question}</div>",
                 unsafe_allow_html=True)
     # ایجاد کامپوننت تعاملی با JavaScript
     scale_html = f"""
     <!DOCTYPE html>
@@ -830,12 +833,6 @@ def enhanced_likert_scale(question_data):
                 font-weight: bold;
                 color: #6a0dad;
             }}
-            .separator-line {{
-                width: 100%;
-                height: 2px;
-                background: #6a0dad;
-                margin: 20px 0;
-            }}
         </style>
     </head>
     <body>
@@ -879,10 +876,13 @@ def enhanced_likert_scale(question_data):
                     dot.classList.add('active');
                     // ارسال مقدار به Streamlit
-                    parent.window.streamlitBridge.setComponentValue({{
                         key: key,
                         value: i
-                    }});
                 }});
                 line.appendChild(dot);
@@ -900,10 +900,10 @@ def enhanced_likert_scale(question_data):
     """
     # نمایش کامپوننت و دریافت مقدار
-    value = components.html(scale_html, height=120, key=f"{key}_component")
-    # به روز رسانی مقدار در session_state اگر مقدار جدید دریافت شده باشد
-    if value and isinstance(value, dict) and value.get("key") == key:
         st.session_state[key] = value["value"]
         st.experimental_rerun()

     st.markdown(f"<div style='text-align:center; font-weight:bold; margin-bottom:15px;'>{question}</div>",
                 unsafe_allow_html=True)
+    # ایجاد یک کلید منحصر به فرد برای کامپوننت
+    component_key = f"{key}_component"
     # ایجاد کامپوننت تعاملی با JavaScript
     scale_html = f"""
     <!DOCTYPE html>
                 font-weight: bold;
                 color: #6a0dad;
             }}
         </style>
     </head>
     <body>
                     dot.classList.add('active');
                     // ارسال مقدار به Streamlit
+                    window.parent.postMessage({{
+                        isStreamlitMessage: true,
+                        type: 'streamlit:setComponentValue',
+                        api: "1.0",
                         key: key,
                         value: i
+                    }}, "*");
                 }});
                 line.appendChild(dot);
     """
     # نمایش کامپوننت و دریافت مقدار
+    value = components.html(scale_html, height=120)
+    # گوش دادن به پیام‌های از کامپوننت
+    if isinstance(value, dict) and value.get("key") == key:
         st.session_state[key] = value["value"]
         st.experimental_rerun()