Update app.py

app.py

@@ -561,63 +561,149 @@ hardcoded_prompt_2 = "Create a vibrant poster of Nebraska with beautiful weather
 hardcoded_prompt_3 = "Create a high-energy scene of a DJ performing on a large stage with vibrant lights, colorful lasers, a lively dancing crowd, and various electronic equipment in the background."
 
 
-
-
 with gr.Blocks(theme='rawrsor1/Everforest') as demo:
     with gr.Row():
-        with gr.Column(scale=2):
-            chatbot = gr.Chatbot([], elem_id="chatbot", bubble_full_width=False)
-
-        with gr.Column(scale=1):
-            gr.Markdown("<h1>Weather</h1>", elem_id="weather-sponsored-section")
+        with gr.Column():
+            chatbot = gr.Chatbot([], elem_id="RADAR:Channel 94.1", bubble_full_width=False)
+            choice = gr.Radio(label="Select Style", choices=["Details", "Conversational"], value="Conversational")
+            
+            chat_input = gr.Textbox(show_copy_button=True, interactive=True, show_label=False, label="ASK Radar !!!")
+            chat_msg = chat_input.submit(add_message, [chatbot, chat_input], [chatbot, chat_input])
+            bot_msg = chat_msg.then(bot, [chatbot, choice], [chatbot, gr.Audio(interactive=False, autoplay=True)])
+            bot_msg.then(lambda: gr.Textbox(value="", interactive=True, placeholder="Ask Radar!!!...", show_label=False), None, [chat_input])
+            chatbot.like(print_like_dislike, None, None)
+            clear_button = gr.Button("Clear")
+            clear_button.click(fn=clear_textbox, inputs=None, outputs=chat_input)
+            # audio_input = gr.Audio(sources=["microphone"], streaming=True, type='numpy')
+            # audio_input.stream(transcribe_function, inputs=[state, audio_input], outputs=[state, chat_input], api_name="SAMLOne_real_time")
+        
+        with gr.Column():
             weather_output = gr.HTML(value=fetch_local_weather())
-        with gr.Column(scale=1):
-            gr.Markdown("<h2>Sponsored</h2>", elem_id="image-markdown")
-            image_output_1 = gr.Image(value=generate_image(hardcoded_prompt_1), width=300, height=300)
-            image_output_2 = gr.Image(value=generate_image(hardcoded_prompt_2), width=300, height=300)
-            image_output_3 = gr.Image(value=generate_image(hardcoded_prompt_3), width=300, height=300)
+            news_output = gr.HTML(value=fetch_local_news())
+            #gr.Markdown("<h1>Suggested Events</h1>", elem_id="events-markdown")
+            news_output = gr.HTML(value=fetch_local_events())
+        with gr.Column():
+            gr.Markdown("<h1>Sponsored</h1>", elem_id="image-markdown")
+                image_output_1 = gr.Image(value=generate_image(hardcoded_prompt_1), width=200, height=200)
+                image_output_2 = gr.Image(value=generate_image(hardcoded_prompt_2), width=200, height=200)
+                image_output_3 = gr.Image(value=generate_image(hardcoded_prompt_3), width=200, height=200)
 
+
+
+
+            
     def setup_ui():
         state = gr.State()
         with gr.Row():
-                with gr.Column(scale=1):
-                  gr.Markdown("<h1>Select Style</h1>", elem_id="prompt-markdown")
-                  choice = gr.Radio(label="Select Style", choices=["Details", "Conversational"], value="Conversational")
+            with gr.Column():
+              gr.Markdown("<h1>Select Style</h1>", elem_id="prompt-markdown")
+              choice = gr.Radio(label="Select Style", choices=["Details", "Conversational"], value="Conversational")
+            with gr.Column():  # Larger scale for the right column
+                gr.Markdown("<h1>Ask Radar !!!</h1>", elem_id="query-markdown")
+
+                #chat_input = gr.Textbox(show_copy_button=True, interactive=True, show_label=False, label="ASK Radar !!!")
+                #chat_msg = chat_input.submit(add_message, [chatbot, chat_input], [chatbot, chat_input])
+                # bot_msg = chat_msg.then(bot, [chatbot, choice], [chatbot, gr.Audio(interactive=False, autoplay=True)])
+                # bot_msg.then(lambda: gr.Textbox(value="", interactive=True, placeholder="Ask Radar!!!...", show_label=False), None, [chat_input])
+                # chatbot.like(print_like_dislike, None, None)
+                # clear_button = gr.Button("Clear")
+                # clear_button.click(fn=clear_textbox, inputs=None, outputs=chat_input)
+        
+            with gr.Column():  # Smaller scale for the left column
+                gr.Markdown("<h1>Talk to RADAR</h1>", elem_id="voice-markdown")
+                audio_input = gr.Audio(sources=["microphone"], streaming=True, type='numpy')
+                audio_input.stream(transcribe_function, inputs=[state, audio_input], outputs=[state, chat_input], api_name="SAMLOne_real_time")
+
+        with gr.Row():
+            with gr.Column():
+                gr.Markdown("<h1>Map</h1>", elem_id="location-markdown")
+                location_output = gr.HTML()
+                bot_msg.then(show_map_if_details, [chatbot, choice], [location_output, location_output])
+        
+            # do not uncomment
+            # with gr.Column():
+                # gr.Markdown("<h1>Listen to the audio</h1>", elem_id="audio-markdown")
+                # audio_output = gr.Audio()
+                # bot_msg_audio = bot_msg.then(lambda history: generate_audio_elevenlabs(history[-1][1]), chatbot, audio_output)
+        with gr.Row():   
+            
+            # with gr.Column():
+            #     gr.Markdown("<h1>Suggested Events</h1>", elem_id="events-markdown")
+            #     news_output = gr.HTML(value=fetch_local_events())
+                     
+            # with gr.Column():
+                
+
+    setup_ui() 
+demo.queue()
+demo.launch(share=True)
+
+
+
+
+
+
+
+
+
+
+
+
+# with gr.Blocks(theme='rawrsor1/Everforest') as demo:
+#     with gr.Row():
+#         with gr.Column(scale=2):
+#             chatbot = gr.Chatbot([], elem_id="chatbot", bubble_full_width=False)
+
+#         with gr.Column(scale=1):
+#             gr.Markdown("<h1>Weather</h1>", elem_id="weather-sponsored-section")
+#             weather_output = gr.HTML(value=fetch_local_weather())
+#         with gr.Column(scale=1):
+#             gr.Markdown("<h2>Sponsored</h2>", elem_id="image-markdown")
+#             image_output_1 = gr.Image(value=generate_image(hardcoded_prompt_1), width=300, height=300)
+#             image_output_2 = gr.Image(value=generate_image(hardcoded_prompt_2), width=300, height=300)
+#             image_output_3 = gr.Image(value=generate_image(hardcoded_prompt_3), width=300, height=300)
+
+#     def setup_ui():
+#         state = gr.State()
+#         with gr.Row():
+#                 with gr.Column(scale=1):
+#                   gr.Markdown("<h1>Select Style</h1>", elem_id="prompt-markdown")
+#                   choice = gr.Radio(label="Select Style", choices=["Details", "Conversational"], value="Conversational")
     
-                with gr.Column(scale=2):  # Larger scale for the right column
-                    gr.Markdown("<h1>Ask Radar !!!</h1>", elem_id="query-markdown")
-                    chat_input = gr.Textbox(show_copy_button=True, interactive=True, show_label=False, label="ASK Radar !!!")
-                    chat_msg = chat_input.submit(add_message, [chatbot, chat_input], [chatbot, chat_input])
-                    bot_msg = chat_msg.then(bot, [chatbot, choice], [chatbot, gr.Audio(interactive=False, autoplay=True)])
-                    bot_msg.then(lambda: gr.Textbox(value="", interactive=True, placeholder="Ask Radar!!!...", show_label=False), None, [chat_input])
-                    chatbot.like(print_like_dislike, None, None)
-                    clear_button = gr.Button("Clear")
-                    clear_button.click(fn=clear_textbox, inputs=None, outputs=chat_input)
+#                 with gr.Column(scale=2):  # Larger scale for the right column
+#                     gr.Markdown("<h1>Ask Radar !!!</h1>", elem_id="query-markdown")
+#                     chat_input = gr.Textbox(show_copy_button=True, interactive=True, show_label=False, label="ASK Radar !!!")
+#                     chat_msg = chat_input.submit(add_message, [chatbot, chat_input], [chatbot, chat_input])
+#                     bot_msg = chat_msg.then(bot, [chatbot, choice], [chatbot, gr.Audio(interactive=False, autoplay=True)])
+#                     bot_msg.then(lambda: gr.Textbox(value="", interactive=True, placeholder="Ask Radar!!!...", show_label=False), None, [chat_input])
+#                     chatbot.like(print_like_dislike, None, None)
+#                     clear_button = gr.Button("Clear")
+#                     clear_button.click(fn=clear_textbox, inputs=None, outputs=chat_input)
     
-                with gr.Column(scale=1):
-                    gr.Markdown("<h1>Talk to RADAR</h1>", elem_id="voice-markdown")
-                    audio_input = gr.Audio(sources=["microphone"], streaming=True, type='numpy')
-                    audio_input.stream(transcribe_function, inputs=[state, audio_input], outputs=[state, chat_input], api_name="SAMLOne_real_time")
+#                 with gr.Column(scale=1):
+#                     gr.Markdown("<h1>Talk to RADAR</h1>", elem_id="voice-markdown")
+#                     audio_input = gr.Audio(sources=["microphone"], streaming=True, type='numpy')
+#                     audio_input.stream(transcribe_function, inputs=[state, audio_input], outputs=[state, chat_input], api_name="SAMLOne_real_time")
     
-        with gr.Row():
-                with gr.Column(scale=1):
-                    gr.Markdown("<h1>Map</h1>", elem_id="location-markdown")
-                    location_output = gr.HTML()
-                    bot_msg.then(show_map_if_details, [chatbot, choice], [location_output, location_output])
+#         with gr.Row():
+#                 with gr.Column(scale=1):
+#                     gr.Markdown("<h1>Map</h1>", elem_id="location-markdown")
+#                     location_output = gr.HTML()
+#                     bot_msg.then(show_map_if_details, [chatbot, choice], [location_output, location_output])
     
-        with gr.Row():
-                with gr.Column(scale=1):
-                    gr.Markdown("<h1>Suggested Events</h1>", elem_id="events-markdown")
-                    events_output = gr.HTML(value=fetch_local_events())
+#         with gr.Row():
+#                 with gr.Column(scale=1):
+#                     gr.Markdown("<h1>Suggested Events</h1>", elem_id="events-markdown")
+#                     events_output = gr.HTML(value=fetch_local_events())
     
-                with gr.Column(scale=1):
-                    gr.Markdown("<h1>Omaha Today Headlines</h1>", elem_id="news-markdown")
-                    news_output = gr.HTML(value=fetch_local_news())
+#                 with gr.Column(scale=1):
+#                     gr.Markdown("<h1>Omaha Today Headlines</h1>", elem_id="news-markdown")
+#                     news_output = gr.HTML(value=fetch_local_news())
     
-    setup_ui()
+#     setup_ui()
 
-demo.queue()
-demo.launch(share=True)
+# demo.queue()
+# demo.launch(share=True)