carlostellocba/admin-edu-space
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(i18n & ux): auditoria, traduccion completa, correcciones ux y gestion de idioma en perfil

Browse Source
This commit is contained in:
Carlos Tello
2026-09-02 23:45:13 -03:00
parent 3d4e9992f8
commit d1d4be0428
31 changed files with 2356 additions and 488 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/templates/auth/login.html
+34 -20
View File
@@ -1,42 +1,54 @@
<!DOCTYPE html>
<html lang="en">
<html lang="{{ session.language or request.accept_languages.best_match(['es', 'en']) or 'es' }}">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login - Edu-Space Admin</title>
<title>{% trans %}Login - Edu-Space Admin{% endtrans %}</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css" rel="stylesheet">
<style>
body {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
font-family: system-ui, -apple-system, sans-serif;
}
.login-card {
background: rgba(255, 255, 255, 0.95);
background: rgba(30, 41, 59, 0.95);
border: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
border-radius: 20px;
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5);
max-width: 450px;
width: 100%;
color: #f8fafc;
}
.logo-section {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
border-radius: 20px 20px 0 0;
padding: 2rem;
text-align: center;
color: white;
position: relative;
}
.lang-switch {
position: absolute;
top: 1rem;
right: 1rem;
}
</style>
</head>
<body>
<div class="login-card">
<div class="logo-section">
<div class="lang-switch">
{% include 'partials/language_switcher.html' %}
</div>
<i class="bi bi-building" style="font-size: 3rem;"></i>
<h3 class="mt-3">Edu-Space Admin</h3>
<p class="mb-0">Classroom Management System</p>
<h3 class="mt-3 mb-1 fw-bold">Edu-Space Admin</h3>
<p class="mb-0 text-white-50 small">{% trans %}Classroom Management System{% endtrans %}</p>
</div>
<div class="p-4">
@@ -55,10 +67,10 @@
{{ form.hidden_tag() }}
<div class="mb-3">
<label for="email" class="form-label">{{ form.email.label.text }}</label>
<label for="email" class="form-label small text-secondary">{{ form.email.label.text }}</label>
<div class="input-group">
<span class="input-group-text"><i class="bi bi-envelope"></i></span>
{{ form.email(class="form-control", placeholder="Enter your email") }}
<span class="input-group-text bg-dark border-secondary text-secondary"><i class="bi bi-envelope"></i></span>
<input type="email" class="form-control bg-dark border-secondary text-white" id="email" name="email" value="{{ form.email.data or '' }}" required placeholder="{% trans %}Enter your email{% endtrans %}">
</div>
{% for error in form.email.errors %}
<div class="text-danger small mt-1">{{ error }}</div>
@@ -66,10 +78,10 @@
</div>
<div class="mb-3">
<label for="password" class="form-label">{{ form.password.label.text }}</label>
<label for="password" class="form-label small text-secondary">{{ form.password.label.text }}</label>
<div class="input-group">
<span class="input-group-text"><i class="bi bi-lock"></i></span>
{{ form.password(class="form-control", placeholder="Enter your password") }}
<span class="input-group-text bg-dark border-secondary text-secondary"><i class="bi bi-lock"></i></span>
<input type="password" class="form-control bg-dark border-secondary text-white" id="password" name="password" required placeholder="{% trans %}Enter your password{% endtrans %}">
</div>
{% for error in form.password.errors %}
<div class="text-danger small mt-1">{{ error }}</div>
@@ -78,18 +90,20 @@
<div class="mb-3 form-check">
{{ form.remember_me(class="form-check-input") }}
{{ form.remember_me.label(class="form-check-label") }}
<label class="form-check-label text-secondary small" for="remember_me">{{ form.remember_me.label.text }}</label>
</div>
<div class="d-grid">
{{ form.submit(class="btn btn-primary btn-lg") }}
<button type="submit" class="btn btn-primary btn-lg fw-semibold">
<i class="bi bi-box-arrow-in-right me-1"></i> {{ form.submit.label.text }}
</button>
</div>
</form>
<div class="text-center mt-3">
<small class="text-muted">
<i class="bi bi-shield-lock"></i>
Secure Login • All access is logged
<div class="text-center mt-4">
<small class="text-secondary">
<i class="bi bi-shield-lock me-1"></i>
{% trans %}Secure Login • All access is logged{% endtrans %}
</small>
</div>
</div>