Update app.py

app.py

@@ -201,65 +201,46 @@ custom_css = """
 }
 """
 
-# Interfaz de Gradio
-with gr.Blocks(theme=theme, css=custom_css) as demo:
-    gr.Markdown(description)
-
-    # Botón de cerrar sesión
-    gr.HTML(
-        """
-        <button onclick="logout()" class="logout-button">Cerrar sesión</button>
-        <script>
-        """ + clear_auth_js + """
-        </script>
-        """
-    )
-
-    # Fila para centrar la imagen
-    with gr.Row():
-        with gr.Column(equal_height=True):
-            gr.Image(
-                "https://www.labattaglia.com.ar/images/about_me_pic2.jpg", 
-                label="", 
-                show_label=False,
-                container=False,
-                elem_id="image-container"
-            )
-
-    # Fila para seleccionar idioma, referencia y generar voz
-    with gr.Row():
-        with gr.Column(scale=2):
-            language_selector = gr.Dropdown(label="Idioma", choices=supported_languages)
-            reference_audio = gr.Dropdown(label="Audio de referencia", choices=reference_audios)
-            input_text = gr.Textbox(label="Texto a sintetizar", placeholder="Escribe aquí el texto que quieres convertir a voz...")
-            generate_button = gr.Button("Generar voz", variant="primary")
-
-        with gr.Column(scale=1):
-            generated_audio = gr.Audio(label="Audio generado", interactive=False)
-            metrics_output = gr.Textbox(label="Métricas", value="Tiempo de generación: -- segundos\nFactor de tiempo real: --")
-
-    # Configuración del botón para generar voz
-    generate_button.click(
-        predict,
-        inputs=[input_text, language_selector, reference_audio],
-        outputs=[generated_audio, metrics_output]
-    )
-
-# Formulario de inicio de sesión personalizado (en español)
-login_form = """
-<div class="login-container">
-    <h1>Bienvenido al sintetizador de voz de Pedro Labattaglia</h1>
-    <p>Por favor, introduzca sus credenciales para acceder.</p>
-    <form id="login-form">
-        <input type="text" id="username" name="username" placeholder="Usuario" required>
-        <input type="password" id="password" name="password" placeholder="Contraseña" required>
-        <button type="submit">Iniciar sesión</button>
-    </form>
-</div>
-"""
+# Modificar la parte del formulario de inicio de sesión
+def custom_auth(username, password):
+    if (username, password) in [("Pedro Labattaglia", "PL2024"), ("Invitado", "PLTTS2024")]:
+        return True
+    return False
+
+iface = gr.Interface(
+    fn=predict,
+    inputs=[
+        gr.Textbox(label="Texto a sintetizar", placeholder="Escribe aquí el texto que quieres convertir a voz..."),
+        gr.Dropdown(label="Idioma", choices=supported_languages),
+        gr.Dropdown(label="Audio de referencia", choices=reference_audios)
+    ],
+    outputs=[
+        gr.Audio(label="Audio generado"),
+        gr.Textbox(label="Métricas")
+    ],
+    title="Sintetizador de voz de Pedro Labattaglia",
+    description=description,
+    theme=theme,
+    css=custom_css,
+    allow_flagging="never"
+)
+
+# Crear una nueva interfaz para el inicio de sesión
+login_iface = gr.Interface(
+    fn=custom_auth,
+    inputs=[
+        gr.Textbox(label="Usuario", placeholder="Ingrese su nombre de usuario"),
+        gr.Textbox(label="Contraseña", type="password", placeholder="Ingrese su contraseña")
+    ],
+    outputs=gr.Textbox(visible=False),
+    title="Bienvenido al sintetizador de voz de Pedro Labattaglia",
+    description="Por favor, introduzca sus credenciales para acceder.",
+    theme=theme,
+    css=custom_css
+)
+
+# Combinar las interfaces
+demo = gr.TabbedInterface([login_iface, iface], ["Login", "Sintetizador"])
 
 if __name__ == "__main__":
-    demo.launch(
-        auth=[("Pedro Labattaglia", "PL2024"), ("Invitado", "PLTTS2024")],
-        auth_message=login_form
-    )
+    demo.launch()