Bug - bloqueó cuenta

This commit is contained in:
2025-05-30 07:19:58 -06:00
parent e17577dbd8
commit b8b7f0e162

View File

@@ -6,6 +6,12 @@ $color1 = explode(',', $config['colores_primarios'] ?? '#003366,#0055A5')
$color2 = explode(',', $config['colores_primarios'] ?? '#003366,#0055A5')[1]; $color2 = explode(',', $config['colores_primarios'] ?? '#003366,#0055A5')[1];
$mantenimiento = $config['modo_mantenimiento'] ?? 0; $mantenimiento = $config['modo_mantenimiento'] ?? 0;
$mensajeMantenimiento = $config['mensaje_mantenimiento'] ?? 'El sistema se encuentra en mantenimiento temporal. Por favor, vuelve más tarde.'; $mensajeMantenimiento = $config['mensaje_mantenimiento'] ?? 'El sistema se encuentra en mantenimiento temporal. Por favor, vuelve más tarde.';
if (!isset($_SESSION['email_recuperacion'])) {
// Si no hay correo en sesión, redirige a solicitar código
header('Location: /IMPORTADORES/login/recuperar');
exit;
}
?> ?>
<!DOCTYPE html> <!DOCTYPE html>
@@ -14,7 +20,6 @@ $mensajeMantenimiento = $config['mensaje_mantenimiento'] ?? 'El sistema se encue
<meta charset="UTF-8"> <meta charset="UTF-8">
<title><?= htmlspecialchars($siglas) ?> | Recuperación de Contraseña</title> <title><?= htmlspecialchars($siglas) ?> | Recuperación de Contraseña</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet"> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
@@ -26,21 +31,17 @@ $mensajeMantenimiento = $config['mensaje_mantenimiento'] ?? 'El sistema se encue
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
} }
.navbar { .navbar {
background-color: #fff; background-color: #fff;
} }
.navbar .nav-link, .navbar-brand { .navbar .nav-link, .navbar-brand {
color: <?= $color1 ?> !important; color: <?= $color1 ?> !important;
font-weight: 500; font-weight: 500;
} }
.logo-siih { .logo-siih {
height: 90px; height: 90px;
margin-right: 10px; margin-right: 10px;
} }
.login-container { .login-container {
max-width: 420px; max-width: 420px;
margin: 80px auto; margin: 80px auto;
@@ -51,23 +52,19 @@ $mensajeMantenimiento = $config['mensaje_mantenimiento'] ?? 'El sistema se encue
z-index: 10; z-index: 10;
position: relative; position: relative;
} }
.form-control { .form-control {
border-radius: 6px; border-radius: 6px;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
.form-control.error { .form-control.error {
border-color: #dc3545; border-color: #dc3545;
background-color: #fff5f5; background-color: #fff5f5;
animation: shake 0.5s ease-in-out; animation: shake 0.5s ease-in-out;
} }
.form-control.success { .form-control.success {
border-color: #28a745; border-color: #28a745;
background-color: #f8fff9; background-color: #f8fff9;
} }
footer { footer {
background-color: #e9ecef; background-color: #e9ecef;
padding: 20px; padding: 20px;
@@ -76,7 +73,6 @@ $mensajeMantenimiento = $config['mensaje_mantenimiento'] ?? 'El sistema se encue
color: #666; color: #666;
margin-top: 60px; margin-top: 60px;
} }
/* Contenedor de fondo semitransparente para las vistas */ /* Contenedor de fondo semitransparente para las vistas */
.overlay { .overlay {
position: fixed; position: fixed;
@@ -87,12 +83,10 @@ $mensajeMantenimiento = $config['mensaje_mantenimiento'] ?? 'El sistema se encue
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
z-index: 5; z-index: 5;
} }
#mensaje { #mensaje {
transition: all 0.3s ease; transition: all 0.3s ease;
min-height: 24px; min-height: 24px;
} }
#btnReenviarRespaldo { #btnReenviarRespaldo {
background: none; background: none;
border: none; border: none;
@@ -103,27 +97,22 @@ $mensajeMantenimiento = $config['mensaje_mantenimiento'] ?? 'El sistema se encue
padding: 0; padding: 0;
transition: color 0.3s ease; transition: color 0.3s ease;
} }
#btnReenviarRespaldo:hover { #btnReenviarRespaldo:hover {
color: <?= $color2 ?>; color: <?= $color2 ?>;
} }
#btnReenviarRespaldo:disabled { #btnReenviarRespaldo:disabled {
color: #ccc; color: #ccc;
cursor: not-allowed; cursor: not-allowed;
text-decoration: none; text-decoration: none;
} }
.btn:disabled { .btn:disabled {
opacity: 0.6; opacity: 0.6;
cursor: not-allowed; cursor: not-allowed;
} }
.loading { .loading {
position: relative; position: relative;
pointer-events: none; pointer-events: none;
} }
.loading::after { .loading::after {
content: ''; content: '';
position: absolute; position: absolute;
@@ -137,33 +126,27 @@ $mensajeMantenimiento = $config['mensaje_mantenimiento'] ?? 'El sistema se encue
animation: spin 1s linear infinite; animation: spin 1s linear infinite;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
@keyframes shake { @keyframes shake {
0%, 100% { transform: translateX(0); } 0%, 100% { transform: translateX(0); }
25% { transform: translateX(-5px); } 25% { transform: translateX(-5px); }
75% { transform: translateX(5px); } 75% { transform: translateX(5px); }
} }
@keyframes spin { @keyframes spin {
0% { transform: translate(-50%, -50%) rotate(0deg); } 0% { transform: translate(-50%, -50%) rotate(0deg); }
100% { transform: translate(-50%, -50%) rotate(360deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); }
} }
@keyframes fadeIn { @keyframes fadeIn {
from { opacity: 0; transform: translateY(-10px); } from { opacity: 0; transform: translateY(-10px); }
to { opacity: 1; transform: translateY(0); } to { opacity: 1; transform: translateY(0); }
} }
.fade-in { .fade-in {
animation: fadeIn 0.3s ease-out; animation: fadeIn 0.3s ease-out;
} }
@media (max-height: 600px) { @media (max-height: 600px) {
footer { footer {
position: static !important; position: static !important;
} }
} }
/* Estilos para input de código */ /* Estilos para input de código */
#codigo { #codigo {
font-size: 18px; font-size: 18px;
@@ -171,11 +154,9 @@ $mensajeMantenimiento = $config['mensaje_mantenimiento'] ?? 'El sistema se encue
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
} }
.input-group { .input-group {
position: relative; position: relative;
} }
.clear-input { .clear-input {
position: absolute; position: absolute;
right: 10px; right: 10px;
@@ -188,7 +169,6 @@ $mensajeMantenimiento = $config['mensaje_mantenimiento'] ?? 'El sistema se encue
z-index: 5; z-index: 5;
display: none; display: none;
} }
.clear-input:hover { .clear-input:hover {
color: #666; color: #666;
} }
@@ -241,14 +221,6 @@ $mensajeMantenimiento = $config['mensaje_mantenimiento'] ?? 'El sistema se encue
<i class="fas fa-envelope me-2"></i> <i class="fas fa-envelope me-2"></i>
Hemos enviado un código de 6 dígitos a tu correo electrónico Hemos enviado un código de 6 dígitos a tu correo electrónico
</p> </p>
<?php
if (!isset($_SESSION['email_recuperacion'])) {
// Si no hay correo en sesión, redirige a solicitar código
header('Location: /IMPORTADORES/login/recuperar');
exit;
}
?>
<!-- Formulario para verificar el código --> <!-- Formulario para verificar el código -->
<form id="formCodigo" action="/IMPORTADORES/login/verificarCodigo" method="POST"> <form id="formCodigo" action="/IMPORTADORES/login/verificarCodigo" method="POST">