Tul xxx Tul

Viewing: lockscreen.php

<?php
require_once("class/class.php");
if (isset($_SESSION['acceso'])){

$tra = new Login();
if(isset($_POST["proceso"]) and $_POST["proceso"]=="login")
{
  $log = $tra->Logueo();
  exit;
}
?>
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <meta name="author" content="Ing. Ruben Chirinos">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicon.png">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
    <link rel="stylesheet" href="assets/css/login.css">
    
    <script src="assets/script/jquery.min.js"></script>
    <script type="text/javascript" src="assets/script/titulos.js"></script>
    <script type="text/javascript" src="assets/script/validation.min.js"></script>
    <script src="assets/plugins/noty/packaged/jquery.noty.packaged.min.js"></script>
    <script src="assets/plugins/noty/themes/relax.js"></script>
    
</head>
<body>
    <div class="form-container">
        <div class="login-box">
            <form id="lockscreen" class="login-form" action="lockscreen.php" method="post">
                <input type="hidden" name="proceso" value="login"/>

                <div class="logo-login">
                    <?php if (file_exists("fotos/logo_login.png")) { ?>
                        <img src="fotos/logo_login.png" alt="Logo Principal">
                    <?php } ?>
                </div>

                <div id="login"></div>

                <p>Ingresa tus credenciales para continuar.</p>


                <div class="form-group">
                    <div class="user-profile-container"> <div class="user-thumb"> 
                        <?php 
                        // Determina la ruta de la imagen
                        $userPhoto = "fotos/avatar.jpg"; // Default
                        if (isset($_SESSION['dni']) && file_exists("fotos/" . $_SESSION['dni'] . ".jpg")){
                          $userPhoto = "fotos/" . $_SESSION['dni'] . ".jpg";
                        }
                        ?>
                        <div style="display: flex; justify-content: center;">
                          <img src="<?php echo $userPhoto; ?>" alt="Foto de perfil" style="width: 100px; height: 100px; border-radius: 50%; object-fit: cover;">
                        </div>
                        <h4 style="display: flex; justify-content: center;" class="user-name"><?php echo $_SESSION['nombres'] ?? 'Usuario'; ?></h4>
                    </div>
                </div>
                
                <div class="input-group">
                    <i class="fas fa-lock"></i>
                    <input type="hidden" id="username" name="usuario" value="<?php echo $_SESSION['usuario'] ?>">
                    <input type="password" id="password" name="password" placeholder="Ingrese su Contraseña" onKeyUp="this.value=this.value.toUpperCase();" required>
                    <i class="fas fa-eye-slash toggle-password" id="toggle-password"></i>
                </div>
                
                <a href="logout" style="color: #ffffff;display: flex; justify-content: right;">No Acceder con <?php echo $_SESSION['nombres']?>?</a>
                <hr>
                <button type="submit" id="btn-login">
                    <i class="fas fa-arrow-right-to-bracket"></i>
                    Iniciar Sesión
                </button>
            </form>
        </div>

    </div>
    <script>
    // Aquí va tu código JavaScript que alterna las clases
    $('document').ready(function() {
        // Lógica para mostrar/ocultar la contraseña
        const passwordInput  = document.getElementById('password');
        const togglePassword = document.getElementById('toggle-password');
        if(togglePassword) {
            togglePassword.addEventListener('click', () => {
                const type = passwordInput.getAttribute('type') === 'password' ? 'text' : 'password';
                passwordInput.setAttribute('type', type);
                togglePassword.classList.toggle('fa-eye');
                togglePassword.classList.toggle('fa-eye-slash');
            });
        }

        // Lógica para alternar entre formularios
        const loginBox           = document.querySelector('.login-box');
        const forgotBox          = document.querySelector('.forgot-password-box');
        const forgotPasswordLink = document.querySelector('.forgot-password');
        const backToLoginLink    = document.querySelector('.back-to-login');
        if(forgotPasswordLink) {
            forgotPasswordLink.addEventListener('click', (e) => {
                e.preventDefault();
                loginBox.classList.add('hidden');
                forgotBox.classList.remove('hidden');
            });
        }
        if(backToLoginLink) {
            backToLoginLink.addEventListener('click', (e) => {
                e.preventDefault();
                forgotBox.classList.add('hidden');
                loginBox.classList.remove('hidden');
            });
        }

        // Refactorización para ambos formularios
        const handleFormSubmit = (formId, btnId, successUrl) => {
            $(`#${formId}`).validate({
                rules: {
                    usuario: { required: true },
                    password: { required: true, minlength: 8 },
                },
                messages: {
                    usuario: { required: "" },
                    password: { required: "", minlength: "" },
                },
                highlight: function(element) {
                    $(element).css('background', '#f8c2ba');
                },
                unhighlight: function(element) {
                    $(element).css('background', '');
                },
                submitHandler: function(form) {
                    var data = $(form).serialize();
                    $.ajax({
                        type: 'POST',
                        url: 'lockscreen.php', // Aseguramos que la URL sea la del lockscreen
                        data: data,
                        beforeSend: function() {
                            $(`#${btnId}`).html('<i class="fa fa-refresh"></i> Verificando...').attr('disabled', true);
                        },
                        success: function(data) {
                            const errorCode = parseInt(data);

                            // Mapeo de mensajes de error solo para el login
                            const errorMessages = {
                                1: "<span class='fa fa-warning'></span> POR FAVOR DEBE DE COMPLETAR LOS CAMPOS REQUERIDOS...!",
                                2: "<span class='fa fa-warning'></span> EL USUARIO INGRESADO NO FUE ENCONTRADO...!",
                                3: "<span class='fa fa-warning'></span> LA SUCURSAL SE ENCUENTRA INACTIVA...!",
                                4: "<span class='fa fa-warning'></span> ESTE USUARIO SE ENCUENTRA INACTIVO...!",
                                5: "<span class='fa fa-warning'></span> EL PASSWORD INGRESADO ES INCORRECTO...!"
                            };
                            
                            let message = "";
                            let type = "error";

                            if (errorMessages[errorCode]) {
                                message = errorMessages[errorCode];
                            } else {
                                // Si no hay un código de error, es un éxito
                                message = data;
                                type = "success";
                            }
                            
                            // Si es un error, muestra la notificación y habilita el botón
                            if (type === "error") {
                                noty({
                                    text: message,
                                    theme: 'relax',
                                    layout: 'topRight',
                                    type: type,
                                    timeout: 5000,
                                    killer: true
                                });
                                $(`#${btnId}`).html('<i class="fa fa-sign-in"></i> Acceder').attr('disabled', false);
                            } else {
                                // Si es un éxito, resetea el formulario y redirige
                                $(form)[0].reset();
                                location.href = data;
                            }
                        }
                    });
                    return false;
                }
            });
        };
        // Llamada a la función solo para el formulario de login
        handleFormSubmit('lockscreen', 'btn-login', 'lockscreen.php');
    });
    </script>
</body>
</html>
<?php } else { ?>
  <script type='text/javascript' language='javascript'>
    alert('NO TIENES PERMISO PARA ACCEDER AL SISTEMA.\nDEBERA DE INICIAR SESION')  
    document.location.href='logout'  
  </script> 
<?php } ?>
User / IP	: 216.73.216.217
Host / Server	: 45.84.207.204 / aircan.me
System	: Linux lt-bnk-web1726.main-hosting.eu 5.14.0-611.36.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Mar 3 11:23:52 EST 2026 x86_64