File size: 7,678 Bytes
4885161
f2dc27c
410aaa4
 
eaa20c8
 
 
f2dc27c
ff650b2
410aaa4
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9e4fd36
 
 
 
 
 
1dc293c
9e4fd36
 
 
 
 
 
 
 
410aaa4
 
ff650b2
 
 
 
 
 
 
9e4fd36
eaa20c8
410aaa4
9e4fd36
6a9817c
410aaa4
 
 
ff650b2
 
 
 
 
 
 
 
 
 
410aaa4
 
 
9e4fd36
410aaa4
 
eaa20c8
9e4fd36
98e7849
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
eaa20c8
98e7849
 
 
 
 
 
 
 
 
 
 
 
 
 
9e4fd36
 
 
eaa20c8
9e4fd36
 
 
 
 
 
98e7849
 
9e4fd36
 
 
 
 
98e7849
 
9e4fd36
 
 
 
 
eaa20c8
 
ff650b2
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
# modules/ui/views/landing_view.py
import gradio as gr
import os
from pathlib import Path
from ...database.sql_db import store_application_request
from datetime import datetime
import uuid

##########################################################
def get_asset_path(filename, asset_type='img_logo'):
    """
    Obtiene la ruta completa de un asset
    
    Args:
        filename (str): Nombre del archivo
        asset_type (str): Tipo de asset ('img_logo', 'img_social-media', etc.)
    
    Returns:
        str: Ruta completa al asset
    """
    current_dir = Path(__file__).parent.parent  # sube a /modules/ui
    asset_path = current_dir / 'assets' / asset_type / filename
    return str(asset_path)

def create_landing_view():
    """Crea la vista de landing con tres columnas y header"""
    # Para el logo
    logo_path = get_asset_path('Logo_300x300.png', 'img_logo')
    # Para iconos de social media.
    social_icon_path = get_asset_path('twitter.png', 'img_social-media')
    
    with gr.Blocks(
        css="""
            #header-logo {text-align: center; padding: 2rem 0;}
            #header-logo img {max-width: 200px; height: auto;}
            .container {max-width: 1200px; margin: 0 auto;}
            .gr-form {border: 1px solid #e0e0e0; padding: 20px; border-radius: 8px;}
        """
    ) as view:
        # Header con logo
        with gr.Column(elem_id="header-logo"):
            gr.Image(
                value=logo_path,
                label=None,
                show_label=False,
                container=False,
                height=200
            )
            #gr.Markdown("# Bienvenido a AIdeaText")
        
        with gr.Row(elem_classes="container"):
            # Primera columna - Tabs de Login y Registro (50%)
            with gr.Column(scale=1):
                with gr.Tabs() as tabs:
                    # Tab de Login
                    with gr.TabItem("Iniciar Sesión", elem_classes="gr-form"):
                        with gr.Column():
                            username = gr.Textbox(
                                label="Usuario",
                                placeholder="Ingrese su usuario"
                            )
                            password = gr.Textbox(
                                label="Contraseña",
                                type="password",
                                placeholder="Ingrese su contraseña"
                            )
                            login_button = gr.Button(
                                "Ingresar",
                                variant="primary",
                                scale=0
                            )
                            login_message = gr.Markdown()

                    # Tab de Registro
                    with gr.TabItem("Solicitud de Acceso", elem_classes="gr-form"):
                        with gr.Column():
                            name = gr.Textbox(
                                label="Nombre Completo",
                                placeholder="Ej: Juan Pérez"
                            )
                            email = gr.Textbox(
                                label="Correo Electrónico",
                                placeholder="[email protected]"
                            )
                            institution = gr.Textbox(
                                label="Institución",
                                placeholder="Universidad, Colegio, Empresa, etc."
                            )
                            role = gr.Dropdown(
                                choices=[
                                    "Estudiante",
                                    "Profesor",
                                    "Investigador",
                                    "Otro"
                                ],
                                label="Rol",
                                value="Estudiante"
                            )
                            reason = gr.TextArea(
                                label="¿Por qué te interesa usar AIdeaText?",
                                placeholder="Describe brevemente tu interés en la plataforma...",
                                lines=4
                            )
                            register_button = gr.Button(
                                "Enviar Solicitud",
                                variant="secondary",
                                scale=0
                            )
                            register_message = gr.Markdown()

                            def handle_registration(name, email, institution, role, reason):
                                try:
                                    if not all([name, email, institution, role, reason]):
                                        return gr.Markdown("❌ Todos los campos son obligatorios")
                                    
                                    if "@" not in email or "." not in email:
                                        return gr.Markdown("❌ El correo electrónico no es válido")

                                    success = store_application_request(
                                        name=name,
                                        email=email,
                                        institution=institution,
                                        current_role=role,
                                        desired_role=role,
                                        reason=reason
                                    )

                                    if success:
                                        return gr.Markdown("✅ Solicitud enviada correctamente. Te contactaremos pronto.")
                                    else:
                                        return gr.Markdown("❌ Error al enviar la solicitud. Por favor, intenta nuevamente.")

                                except Exception as e:
                                    return gr.Markdown(f"❌ Error: {str(e)}")

                            register_button.click(
                                fn=handle_registration,
                                inputs=[name, email, institution, role, reason],
                                outputs=register_message
                            )
            
            # Segunda columna - Videos (50%)
            with gr.Column(scale=1):
                with gr.Tabs():
                    with gr.TabItem("Introducción"):
                        gr.Markdown("""
                        ### ¿Qué es AIdeaText?
                        AIdeaText es una avanzada aplicación web diseñada para mejorar las habilidades de redacción 
                        y comprensión lectora a través del análisis visual de textos potenciado por distintas tecnologías 
                        de inteligencia artificial.
                        """)
                    
                    with gr.TabItem("Tutorial"):
                        gr.Markdown("""
                        ### Cómo usar AIdeaText
                        Aprende a utilizar todas las funcionalidades de AIdeaText
                        para mejorar tu escritura académica.
                        """)
                        
                    with gr.TabItem("Ejemplos"):
                        gr.Markdown("""
                        ### Ejemplos de Uso
                        Mira ejemplos prácticos de cómo AIdeaText puede ayudarte
                        en tus tareas de escritura.
                        """)

    # Mantener la funcionalidad de navegación existente
    start_button = gr.Button(visible=False)
    
    return view, login_button