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

feat(sprint4): completar optimizador heuristico concurrente, integracion Spring Boot, correccion de login y fixes visuales

Browse Source
This commit is contained in:
Carlos Tello
2026-09-05 02:20:47 -03:00
parent dd93b8c07a
commit 69d545b718
17 changed files with 1021 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/templates/auth/login.html
+62 -6
View File
@@ -77,32 +77,61 @@
<span class="input-group-text bg-body-tertiary border-end-0 text-muted">
<i class="bi bi-lock"></i>
</span>
<input type="password" class="form-control border-start-0 ps-0" id="password" name="password"
<input type="password" class="form-control border-start-0 border-end-0 ps-0" id="password" name="password"
required placeholder="{% trans %}Enter your password{% endtrans %}">
<button class="btn btn-outline-secondary border-start-0 bg-body-tertiary text-muted" type="button" id="togglePasswordBtn" title="Mostrar/Ocultar contraseña">
<i class="bi bi-eye" id="togglePasswordIcon"></i>
</button>
</div>
{% for error in form.password.errors %}
<div class="text-danger small mt-1">{{ error }}</div>
{% endfor %}
</div>
<div class="mb-4 form-check">
<div class="mb-3 form-check">
{{ form.remember_me(class="form-check-input") }}
<label class="form-check-label text-muted small" for="remember_me">
{{ form.remember_me.label.text }}
</label>
</div>
<div class="d-grid">
<div class="d-grid mb-3">
<button type="submit" class="btn btn-primary btn-lg fw-semibold py-2">
<i class="bi bi-box-arrow-in-right me-1"></i> {{ form.submit.label.text }}
</button>
</div>
</form>
<!-- Accesos Rápidos Institucionales (Demo) -->
<div class="p-3 bg-body-tertiary rounded-3 border mt-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<small class="fw-bold text-muted text-uppercase" style="font-size: 0.7rem; letter-spacing: 0.5px;">
<i class="bi bi-lightning-charge-fill text-warning me-1"></i>{% trans %}Acceso Rápido Demo (1 Clic){% endtrans %}
</small>
<small class="text-muted font-monospace" style="font-size: 0.68rem;">Pass: admin123</small>
</div>
<div class="d-grid gap-1">
<div class="btn-group btn-group-sm w-100" role="group">
<button type="button" class="btn btn-outline-primary demo-fill-btn py-1" data-email="admin@edu-space.com" title="Ingresar como Administrador">
<i class="bi bi-shield-check me-1"></i>Admin
</button>
<button type="button" class="btn btn-outline-warning demo-fill-btn py-1" data-email="bedelia@edu-space.com" title="Ingresar como Bedelía">
<i class="bi bi-building-gear me-1"></i>Bedelía
</button>
<button type="button" class="btn btn-outline-info demo-fill-btn py-1" data-email="docente@edu-space.com" title="Ingresar como Docente">
<i class="bi bi-person-video3 me-1"></i>Docente
</button>
<button type="button" class="btn btn-outline-success demo-fill-btn py-1" data-email="alumno@edu-space.com" title="Ingresar como Alumno">
<i class="bi bi-mortarboard me-1"></i>Alumno
</button>
</div>
</div>
</div>
<div class="text-center mt-4">
<small class="text-muted d-inline-flex align-items-center">
<div class="text-center mt-3">
<small class="text-muted d-inline-flex align-items-center" style="font-size: 0.75rem;">
<i class="bi bi-shield-check text-primary me-1"></i>
{% trans %}Secure Login • All access is logged{% endtrans %}
{% trans %}Acceso institucional seguro • Actividad auditada{% endtrans %}
</small>
</div>
</div>
@@ -111,5 +140,32 @@
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="{{ url_for('static', filename='js/theme-toggle.js') }}"></script>
<script>
// Toggle password visibility
document.getElementById('togglePasswordBtn').addEventListener('click', function() {
const pwdInput = document.getElementById('password');
const icon = document.getElementById('togglePasswordIcon');
if (pwdInput.type === 'password') {
pwdInput.type = 'text';
icon.classList.replace('bi-eye', 'bi-eye-slash');
} else {
pwdInput.type = 'password';
icon.classList.replace('bi-eye-slash', 'bi-eye');
}
});
// Demo login autofill buttons
document.querySelectorAll('.demo-fill-btn').forEach(btn => {
btn.addEventListener('click', function() {
const email = this.getAttribute('data-email');
document.getElementById('email').value = email;
document.getElementById('password').value = 'admin123';
// Highlight input briefly
const emailInput = document.getElementById('email');
emailInput.classList.add('is-valid');
setTimeout(() => emailInput.classList.remove('is-valid'), 1500);
});
});
</script>
</body>
</html>