Spaces:

awacke1
/

RT-MLE

Sleeping

App Files Files Community

awacke1 commited on Oct 2, 2023

Commit

c4c0ccb

•

1 Parent(s): 9e301bd

Update app.py

Browse files

Files changed (1) hide show

app.py +19 -17

app.py CHANGED Viewed

@@ -16,15 +16,15 @@ def filter_by_keyword(df, keyword):
     return df[df.apply(lambda row: row.astype(str).str.contains(keyword).any(), axis=1)]
 # Function to generate HTML with textarea
-def generate_html_with_textarea(text_to_speak, row_idx):
     return f'''
     <!DOCTYPE html>
     <html>
     <head>
         <title>Read It Aloud</title>
         <script type="text/javascript">
-            function readAloud{row_idx}() {{
-                const text = document.getElementById("textArea{row_idx}").value;
                 const speech = new SpeechSynthesisUtterance(text);
                 window.speechSynthesis.speak(speech);
             }}
@@ -32,11 +32,11 @@ def generate_html_with_textarea(text_to_speak, row_idx):
     </head>
     <body>
         <h1>🔊 Read It Aloud</h1>
-        <textarea id="textArea{row_idx}" rows="10" cols="80">
     {text_to_speak}
         </textarea>
         <br>
-        <button onclick="readAloud{row_idx}()">🔊 Read Aloud</button>
     </body>
     </html>
     '''
@@ -75,18 +75,20 @@ with st.expander("Search by Common Terms 📚"):
                     all_html = ''.join(html_blocks)
                     components.html(all_html, width=1280, height=1024)
-    if st.button("Search 🕵️‍♀️"):
-        filtered_data = filter_by_keyword(data, search_keyword)
-        st.write(f"Filtered Dataset by '{search_keyword}' 📊")
-        st.dataframe(filtered_data)
-        if not filtered_data.empty:
-            html_blocks = []
-            for idx, row in filtered_data.iterrows():
-                question_text = row.get("question", "No question field")
-                documentHTML5 = generate_html_with_textarea(question_text, idx)
-                html_blocks.append(documentHTML5)
-            all_html = ''.join(html_blocks)
-            components.html(all_html, width=1280, height=1024)

     return df[df.apply(lambda row: row.astype(str).str.contains(keyword).any(), axis=1)]
 # Function to generate HTML with textarea
+def generate_html_with_textarea(text_to_speak):
     return f'''
     <!DOCTYPE html>
     <html>
     <head>
         <title>Read It Aloud</title>
         <script type="text/javascript">
+            function readAloud() {{
+                const text = document.getElementById("textArea").value;
                 const speech = new SpeechSynthesisUtterance(text);
                 window.speechSynthesis.speak(speech);
             }}
     </head>
     <body>
         <h1>🔊 Read It Aloud</h1>
+        <textarea id="textArea" rows="10" cols="80">
     {text_to_speak}
         </textarea>
         <br>
+        <button onclick="readAloud()">🔊 Read Aloud</button>
     </body>
     </html>
     '''
                     all_html = ''.join(html_blocks)
                     components.html(all_html, width=1280, height=1024)
+# Text input for search keyword
+search_keyword = st.text_input("Or, enter a keyword to filter data:")
+if st.button("Search 🕵️‍♀️"):
+    filtered_data = filter_by_keyword(data, search_keyword)
+    st.write(f"Filtered Dataset by '{search_keyword}' 📊")
+    st.dataframe(filtered_data)
+    if not filtered_data.empty:
+        html_blocks = []
+        for idx, row in filtered_data.iterrows():
+            question_text = row.get("question", "No question field")
+            documentHTML5 = generate_html_with_textarea(question_text)
+            html_blocks.append(documentHTML5)
+        all_html = ''.join(html_blocks)
+        components.html(all_html, width=1280, height=1024)