Marcos12886 commited on
Commit
2fc4b9d
1 Parent(s): ddc8cbd

Update app.py

Browse files

Cambiar botón a español. Chatbot ocupando más pantalla.

Files changed (1) hide show
  1. app.py +9 -4
app.py CHANGED
@@ -141,7 +141,7 @@ my_theme = gr.themes.Soft(
141
  shadow_spread='*button_shadow_active'
142
  )
143
 
144
- with gr.Blocks(theme=my_theme) as demo:
145
  with gr.Column(visible=True) as inicial:
146
  gr.HTML(
147
  """
@@ -196,7 +196,7 @@ with gr.Blocks(theme=my_theme) as demo:
196
  "<p style='text-align: left'>Sabemos que la paternidad puede suponer un gran desafío. Nuestra misión es brindarles a todos los padres unas herramientas de última tecnología que los ayuden a navegar esos primeros meses de vida tan cruciales en el desarrollo de sus pequeños.</p>"
197
  "<h4 style='text-align: left; font-size: 1.5em;'>¿Qué ofrece Iremia?</h4>"
198
  "<p style='text-align: left'>Chatbot: Pregunta a nuestro asistente que te ayudará con cualquier duda que tengas sobre el cuidado de tu bebé.</p>"
199
- "<p style='text-align: left'>Analizador: Con nuestro modelo de inteligencia artificial somos capaces de predecir por qué tu hijo de menos de 2 años está llorando.</p>"
200
  "<p style='text-align: left'>Monitor: Nuestro monitor no es como otros que hay en el mercado, ya que es capaz de reconocer si un sonido es un llanto del bebé o no; y si está llorando, predice automáticamente la causa. Dándote la tranquilidad de saber siempre qué pasa con tu pequeño, ahorrándote tiempo y horas de sueño.</p>"
201
  )
202
  boton_inicial = gr.Button("¡Prueba nuestros modelos!")
@@ -209,14 +209,18 @@ with gr.Blocks(theme=my_theme) as demo:
209
  retry_btn=None, # Botón de reintentar desactivado
210
  undo_btn=None, # Botón de deshacer desactivado
211
  clear_btn="Limpiar 🗑️", # Botón de limpiar mensajes
 
212
  autofocus=True, # Enfocar automáticamente el campo de entrada de texto
213
  fill_height=True, # Rellenar el espacio verticalmente
214
  )
215
  with gr.Row(): # Fila para los botones de cambio de pestaña
216
  with gr.Column(): # Columna para el botón del predictor
217
- boton_predictor = gr.Button("Predictor") # Botón para cambiar a la pestaña del predictor
 
218
  with gr.Column(): # Columna para el botón del monitor
219
- boton_monitor = gr.Button("Monitor") # Botón para cambiar a la pestaña del monitor
 
 
220
  with gr.Column(visible=False) as pag_predictor: # Columna para la pestaña del predictor
221
  gr.Markdown("<h2>Predictor</h2>") # Título de la pestaña del predictor
222
  gr.Markdown("<h4 style='text-align: center; font-size: 1.5em'>Descubre por qué tu bebé está llorando</h4>") # Descripción de la pestaña del predictor
@@ -262,6 +266,7 @@ with gr.Blocks(theme=my_theme) as demo:
262
  )
263
  volver.click(cambiar_pestaña, outputs=[pag_monitor, chatbot]) # Botón para volver a la pestaña del chatbot
264
  boton_inicial.click(cambiar_pestaña, outputs=[inicial, chatbot]) # Botón para cambiar a la pestaña inicial
 
265
  boton_predictor.click(cambiar_pestaña, outputs=[chatbot, pag_predictor]) # Botón para cambiar a la pestaña del predictor
266
  boton_monitor.click(cambiar_pestaña, outputs=[chatbot, pag_monitor]) # Botón para cambiar a la pestaña del monitor
267
  demo.launch(share=True) # Lanzar la interfaz gráfica
 
141
  shadow_spread='*button_shadow_active'
142
  )
143
 
144
+ with gr.Blocks(theme=my_theme, fill_height=True, fill_width=True) as demo:
145
  with gr.Column(visible=True) as inicial:
146
  gr.HTML(
147
  """
 
196
  "<p style='text-align: left'>Sabemos que la paternidad puede suponer un gran desafío. Nuestra misión es brindarles a todos los padres unas herramientas de última tecnología que los ayuden a navegar esos primeros meses de vida tan cruciales en el desarrollo de sus pequeños.</p>"
197
  "<h4 style='text-align: left; font-size: 1.5em;'>¿Qué ofrece Iremia?</h4>"
198
  "<p style='text-align: left'>Chatbot: Pregunta a nuestro asistente que te ayudará con cualquier duda que tengas sobre el cuidado de tu bebé.</p>"
199
+ "<p style='text-align: left'>Predictor: Con nuestro modelo de inteligencia artificial somos capaces de predecir por qué tu bebé está llorando.</p>"
200
  "<p style='text-align: left'>Monitor: Nuestro monitor no es como otros que hay en el mercado, ya que es capaz de reconocer si un sonido es un llanto del bebé o no; y si está llorando, predice automáticamente la causa. Dándote la tranquilidad de saber siempre qué pasa con tu pequeño, ahorrándote tiempo y horas de sueño.</p>"
201
  )
202
  boton_inicial = gr.Button("¡Prueba nuestros modelos!")
 
209
  retry_btn=None, # Botón de reintentar desactivado
210
  undo_btn=None, # Botón de deshacer desactivado
211
  clear_btn="Limpiar 🗑️", # Botón de limpiar mensajes
212
+ submit_btn="Enviar", # Botón de enviar mensaje
213
  autofocus=True, # Enfocar automáticamente el campo de entrada de texto
214
  fill_height=True, # Rellenar el espacio verticalmente
215
  )
216
  with gr.Row(): # Fila para los botones de cambio de pestaña
217
  with gr.Column(): # Columna para el botón del predictor
218
+ gr.Markdown("<h2>Predictor</h2>") # Título de la pestaña del chatbot
219
+ boton_predictor = gr.Button("Probar predictor") # Botón para cambiar a la pestaña del predictor
220
  with gr.Column(): # Columna para el botón del monitor
221
+ gr.Markdown("<h2>Monitor</h2>") # Título de la pestaña del chatbot
222
+ boton_monitor = gr.Button("Probar monitor") # Botón para cambiar a la pestaña del monitor
223
+ boton_volver_inicio = gr.Button("Volver al inicio") # Botón para volver a la pestaña inicial
224
  with gr.Column(visible=False) as pag_predictor: # Columna para la pestaña del predictor
225
  gr.Markdown("<h2>Predictor</h2>") # Título de la pestaña del predictor
226
  gr.Markdown("<h4 style='text-align: center; font-size: 1.5em'>Descubre por qué tu bebé está llorando</h4>") # Descripción de la pestaña del predictor
 
266
  )
267
  volver.click(cambiar_pestaña, outputs=[pag_monitor, chatbot]) # Botón para volver a la pestaña del chatbot
268
  boton_inicial.click(cambiar_pestaña, outputs=[inicial, chatbot]) # Botón para cambiar a la pestaña inicial
269
+ boton_volver_inicio.click(cambiar_pestaña, outputs=[chatbot, inicial]) # Botón para volver a la pestaña inicial desde el chatbot
270
  boton_predictor.click(cambiar_pestaña, outputs=[chatbot, pag_predictor]) # Botón para cambiar a la pestaña del predictor
271
  boton_monitor.click(cambiar_pestaña, outputs=[chatbot, pag_monitor]) # Botón para cambiar a la pestaña del monitor
272
  demo.launch(share=True) # Lanzar la interfaz gráfica