separar código para segur MVC

Reviewed-on: #38

clases/claseCategoria.php

@@ -1,6 +1,6 @@
 <?php
-require_once $_SERVER['DOCUMENT_ROOT'] . '/triviagmatico/includes/conexionBD.php';
 
+require_once __DIR__ . '/../includes/conexionBD.php';
 
 class Categoria{
 

js/cabecera.js

@@ -60,12 +60,25 @@ function comprobarSesion() {
       `;
       contenedor.html(htmlUsuario);
 
+      // Si estamos en la página de perfil, rellenamos nombre y foto
+      if ($("#nombre").length) {
+        $("#nombre").text(respuesta.usuario.nombreUsuario);
+        // ?t= evita que el navegador enseñe la foto antigua en caché
+        $("#fotoPerfil").attr("src", avatarUrl + "?t=" + new Date().getTime());
+      }
+
       // Si estamos en la página principal, mostramos el botón JUGAR
       if ($("#colBotonJugar").length) {
         $("#colBotonJugar").removeClass("d-none");
         $("#colRanking").removeClass("col-lg-8").addClass("col-lg-7 col-xl-8");
       }
     } else {
+      // Si estamos en el perfil y no hay sesión, volvemos al inicio
+      if ($("#nombre").length) {
+        window.location.href = "index.php";
+        return;
+      }
+
       // No hay sesión: Botones de Login y Registro
       const htmlInvitado = `
         <button type="button" class="btn btn-kahoot-login rounded-pill px-4" data-bs-toggle="modal" data-bs-target="#modalLogin">
@@ -205,4 +218,4 @@ $(document).on("click", "#botonCerrarSesion", function (event) {
   .fail(function () {
     window.location.href = "index.php";
   });
-});
+});

js/perfil.js

@@ -50,10 +50,9 @@ function cambiarNombre() {
       $("#nuevoNombre").val("");
 
     
-      if (typeof comprobarEstadoSesion === "function") {
-        comprobarEstadoSesion();
-      }
+      comprobarSesion();
     }
+    
   });
 }
 
@@ -71,6 +70,7 @@ function borrarNombre() {
 
 function seleccionarFoto() {
   $("#inputFoto").click();
+ 
 }
 
 $("#inputFoto").change(function () {
@@ -79,6 +79,7 @@ $("#inputFoto").change(function () {
   if (!archivo) {
     return;
   }
+  
 
   // Comprobamos que sea una imagen
   if (!archivo.type.startsWith("image/")) {
@@ -110,9 +111,8 @@ $("#inputFoto").change(function () {
       );
 
       // Actualizamos también el avatar superior en la cabecera 
-      if (typeof comprobarEstadoSesion === "function") {
-        comprobarEstadoSesion();
-      }
+      
+      comprobarSesion();
     }
   });
 });

perfil.php

@@ -1,17 +1,3 @@
-<?php
-if (session_status() === PHP_SESSION_NONE) {
-    session_start();
-}
-
-// Redirección si el usuario no ha iniciado sesión
-if (!isset($_SESSION['idUsuario'])) {
-    header('Location: login.php');
-    exit();
-}
-
-$nombreUsuario = htmlspecialchars($_SESSION['nombreUsuario'] ?? 'Usuario');
-$avatarUsuario = htmlspecialchars($_SESSION['avatar'] ?? 'img/avatars/defaultProfile.jpeg');
-?>
 <!DOCTYPE html>
 <html lang="es">
 
@@ -61,15 +47,13 @@ $avatarUsuario = htmlspecialchars($_SESSION['avatar'] ?? 'img/avatars/defaultPro
                     <div class="col-md-6 text-center">
 
                         <!-- Nombre -->
-                        <h1 id="nombre" class="nombre">
-                            <?= $nombreUsuario ?>
-                        </h1>
+                        <h1 id="nombre" class="nombre"></h1>
 
                         <!-- FOTO DE PERFIL -->
                         <div class="foto-container">
 
                             <img id="fotoPerfil"
-                                 src="<?= $avatarUsuario ?>"
+                                 src="img/avatars/defaultProfile.jpeg"
                                  alt="Foto de perfil"
                                  class="avatar rounded-circle">
 
@@ -310,7 +294,7 @@ $avatarUsuario = htmlspecialchars($_SESSION['avatar'] ?? 'img/avatars/defaultPro
 
     <!-- Tu JavaScript -->
     <script src="js/perfil.js"></script>
-        <script src="js/cabecera.js"></script>
+    <script src="js/cabecera.js"></script>
 </body>
 
 </html>