cierre de sesion

2026-09-25 09:52:18 +02:00
parent ab26f5fa9a
commit ca5a5558b4
2 changed files with 140 additions and 110 deletions
@@ -18,7 +18,7 @@ $username = $isLoggedIn ? $_SESSION['nombreUsuario'] : '';
 <script src="js/jquery-4.0.0.min.js"></script>
 <style>

-    
+
 </style>

 <nav class="navbar navbar-expand-lg navbar-kahoot py-3 mb-4">
@@ -32,16 +32,16 @@ $username = $isLoggedIn ? $_SESSION['nombreUsuario'] : '';

        <div class="collapse navbar-collapse" id="navbarContent">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0"></ul>
-            
+
            <div class="d-flex align-items-center gap-3">
                <?php if ($isLoggedIn): ?>
                    <!-- Menú desplegable cuando la sesión está iniciada -->
                    <div class="dropdown">
-                        <button class="btn user-dropdown-btn dropdown-toggle d-flex align-items-center gap-2" 
-                                type="button" 
-                                id="userDropdown" 
-                                data-bs-toggle="dropdown" 
-                                aria-expanded="false">
+                        <button class="btn user-dropdown-btn dropdown-toggle d-flex align-items-center gap-2"
+                            type="button"
+                            id="userDropdown"
+                            data-bs-toggle="dropdown"
+                            aria-expanded="false">
                            <i class="fa-solid fa-circle-user fa-lg text-warning"></i>
                            <span><?= htmlspecialchars($username) ?></span>
                        </button>
@@ -51,11 +51,14 @@ $username = $isLoggedIn ? $_SESSION['nombreUsuario'] : '';
                                    <i class="fa-solid fa-user text-primary"></i> Perfil
                                </a>
                            </li>
-                            <li><hr class="dropdown-divider"></li>
                            <li>
-                                <a class="dropdown-item logout-item d-flex align-items-center gap-2" href="logout.php">
+                                <hr class="dropdown-divider">
+                            </li>
+                            <li>
+                                <a class="dropdown-item logout-item d-flex align-items-center gap-2" href="#" id="botonCerrarSesion">
                                    <i class="fa-solid fa-right-from-bracket"></i> Cerrar Sesión
                                </a>
+
                            </li>
                        </ul>
                    </div>
@@ -150,130 +153,153 @@ $username = $isLoggedIn ? $_SESSION['nombreUsuario'] : '';
 </div>

 <script>
+    // Registro
+    $('#botonAceptarRegistro').click(function(event) {
+        event.preventDefault();
+        console.log('hola');
+        let nombreUsuario = $('#regNombre').val().trim();
+        let email = $('#regEmail').val().trim();
+        let contrasena = $('#regPassword').val();
+        let contrasenaConfirmacion = $('#regPasswordConfirm').val();

-// Registro
-$('#botonAceptarRegistro').click(function(event){
-    event.preventDefault();
-                    console.log('hola');
-    let nombreUsuario = $('#regNombre').val().trim();
-    let email = $('#regEmail').val().trim();
-    let contrasena = $('#regPassword').val();
-    let contrasenaConfirmacion = $('#regPasswordConfirm').val();
+        // Limpiamos errores anteriores
+        $('#regNombre').removeClass('is-invalid');
+        $('#regEmail').removeClass('is-invalid');
+        $('#regPassword').removeClass('is-invalid');
+        $('#regPasswordConfirm').removeClass('is-invalid');
+        $('#errorRegistro').text('');

-    // Limpiamos errores anteriores
-    $('#regNombre').removeClass('is-invalid');
-    $('#regEmail').removeClass('is-invalid');
-    $('#regPassword').removeClass('is-invalid');
-    $('#regPasswordConfirm').removeClass('is-invalid');
-    $('#errorRegistro').text('');
+        // Comprobamos que las contraseñas coincidan
+        if (contrasena !== contrasenaConfirmacion) {

-    // Comprobamos que las contraseñas coincidan
-    if(contrasena !== contrasenaConfirmacion){
+            $('#regPassword').addClass('is-invalid');
+            $('#regPasswordConfirm').addClass('is-invalid');

-        $('#regPassword').addClass('is-invalid');
-        $('#regPasswordConfirm').addClass('is-invalid');
+            $('#errorRegistro').text('Las contraseñas no coinciden.');

-        $('#errorRegistro').text('Las contraseñas no coinciden.');
-
-        return;
-    }
-
-    $.ajax({
-        method: "POST",
-        url: "controladores/controladorUsuario.php",
-        data: {
-            'nombreUsuario': nombreUsuario,
-            'email': email,
-            'contrasena': contrasena,
-            'orden': 'registrarUsuario'
-        }
-    }).done(function(respuesta){
-        console.log(respuesta);
-        respuesta = JSON.parse(respuesta);
-        if(respuesta.error){
-
-            $('#errorRegistro').text(respuesta.error);
-
-            // Marcamos los campos si hay error
-            $('#regNombre').addClass('is-invalid');
-            $('#regEmail').addClass('is-invalid');
-
-        }else{
-
-            // Registro correcto
-            $('#errorRegistro')
-                .removeClass('text-danger')
-                .addClass('text-success')
-                .text(respuesta.exito);
-
-            // Limpiamos formulario
-            $('#formRegistro')[0].reset();
-
-            // Cerramos modal después de un segundo
-            setTimeout(function(){
-               location.reload();
-            }, 1000);
+            return;
        }

-    }); // Fin función ajax
+        $.ajax({
+            method: "POST",
+            url: "controladores/controladorUsuario.php",
+            data: {
+                'nombreUsuario': nombreUsuario,
+                'email': email,
+                'contrasena': contrasena,
+                'orden': 'registrarUsuario'
+            }
+        }).done(function(respuesta) {
+            //console.log(respuesta);
+            respuesta = JSON.parse(respuesta);
+            if (respuesta.error) {

-});
+                $('#errorRegistro').text(respuesta.error);

-// Login
-$('#botonAceptarLogin').click(function(event){
-    event.preventDefault();
+                // Marcamos los campos si hay error
+                $('#regNombre').addClass('is-invalid');
+                $('#regEmail').addClass('is-invalid');

-    let email = $('#loginEmail').val().trim();
-    let contrasena = $('#loginPassword').val();
+            } else {

-    // Limpiamos errores anteriores
-    $('#loginEmail').removeClass('is-invalid');
-    $('#loginPassword').removeClass('is-invalid');
-    $('#errorLogin').text('');
+                // Registro correcto
+                $('#errorRegistro')
+                    .removeClass('text-danger')
+                    .addClass('text-success')
+                    .text(respuesta.exito);

-    // Comprobación básica
-    if(email === '' || contrasena === ''){
+                // Limpiamos formulario
+                $('#formRegistro')[0].reset();

-        $('#errorLogin').text('Todos los campos son obligatorios.');
+                // Cerramos modal después de un segundo
+                setTimeout(function() {
+                    location.reload();
+                }, 1000);
+            }

-        if(email === ''){
-            $('#loginEmail').addClass('is-invalid');
+        }); // Fin función ajax
+
+    });
+
+    // Login
+    $('#botonAceptarLogin').click(function(event) {
+        event.preventDefault();
+
+        let email = $('#loginEmail').val().trim();
+        let contrasena = $('#loginPassword').val();
+
+        // Limpiamos errores anteriores
+        $('#loginEmail').removeClass('is-invalid');
+        $('#loginPassword').removeClass('is-invalid');
+        $('#errorLogin').text('');
+
+        // Comprobación básica
+        if (email === '' || contrasena === '') {
+
+            $('#errorLogin').text('Todos los campos son obligatorios.');
+
+            if (email === '') {
+                $('#loginEmail').addClass('is-invalid');
+            }
+
+            if (contrasena === '') {
+                $('#loginPassword').addClass('is-invalid');
+            }
+
+            return;
        }

-        if(contrasena === ''){
-            $('#loginPassword').addClass('is-invalid');
-        }
+        $.ajax({
+            method: "POST",
+            url: "controladores/controladorUsuario.php",
+            data: {
+                'email': email,
+                'contrasena': contrasena,
+                'orden': 'comprobarUsuario'
+            }
+        }).done(function(respuesta) {
+            //console.log(respuesta);
+            respuesta = JSON.parse(respuesta);
+            if (respuesta.error) {

-        return;
-    }
+                $('#loginEmail').addClass('is-invalid');
+                $('#loginPassword').addClass('is-invalid');

-    $.ajax({
-        method: "POST",
-        url: "controladores/controladorUsuario.php",
-        data: {
-            'email': email,
-            'contrasena': contrasena,
-            'orden': 'comprobarUsuario'
-        }
-    }).done(function(respuesta){
-        console.log(respuesta);
-        respuesta = JSON.parse(respuesta);
-        if(respuesta.error){
+                $('#errorLogin').text(respuesta.error);

-            $('#loginEmail').addClass('is-invalid');
-            $('#loginPassword').addClass('is-invalid');
+            } else {

-            $('#errorLogin').text(respuesta.error);
+                location.reload();
+            }

-        }else{
+        }); // Fin función ajax

-            location.reload();
-        }
+    });

-    }); // Fin función ajax
+    // Cerrar sesión
+    $('#botonCerrarSesion').click(function(event) {
+        event.preventDefault();

-});
+        $.ajax({
+            method: "POST",
+            url: "controladores/controladorUsuario.php",
+            data: {
+                'orden': 'cerrarSesion'
+            }
+        }).done(function(respuesta) {
+            //console.log(respuesta);
+            respuesta = JSON.parse(respuesta);
+            if (respuesta.error) {
+                console.log(respuesta.error);
+            } else {

+                // Sesión cerrada correctamente
+                location.reload();

+            }
+
+        }); // Fin función ajax
+
+    }); // Fin función click

 </script>