Arreglado los title de todas las paginas

Reviewed-on: #40

clases/clasePartida.php

@@ -132,27 +132,43 @@ class Partida
     }
 
    
-    public function iniciarPartida(){    
-        $conexion = conexionBD();
-        if (is_array($conexion)){
-            return $conexion;
-        }
-        try {
-            $consulta = $conexion->prepare("UPDATE partida SET fechaInicio=NOW() WHERE idPartida=:idPartida AND fechaInicio IS NULL");
-            $consulta->bindParam(":idPartida", $this->idPartida);
-            $consulta->execute();
-            return [
-                "exito" => "La partida ha comenzado.",
-                "exito_tecnico" => $this->idPartida
-            ];
-        } catch (PDOException $error) {
-            return [
-                "error" => "Ocurrió un error al iniciar la partida.",
-                'error_tecnico' => $error->getMessage()
-            ];
-        }
+public function iniciarPartida()
+{
+    $conexion = conexionBD();
+
+    if (is_array($conexion)) {
+        return $conexion;
     }
 
+    try {
+
+        $consulta = $conexion->prepare("
+            UPDATE partida
+            SET fechaInicio = NOW()
+            WHERE idPartida = :idPartida
+            AND fechaInicio IS NULL
+        ");
+
+        $consulta->bindParam(
+            ":idPartida",
+            $this->idPartida
+        );
+
+        $consulta->execute();
+
+        return [
+            "exito" => "La partida ha comenzado.",
+            "exito_tecnico" => $this->idPartida
+        ];
+
+    } catch (PDOException $error) {
+
+        return [
+            "error" => "ERROR REAL: " . $error->getMessage()
+        ];
+    }
+}
+
     
     public function finalizar(){  
         $conexion = conexionBD();

controladores/controladorJuego.php

@@ -80,7 +80,7 @@ switch ($orden) {
         !isset($_POST['tiempoRespuesta'])
     ) {
         echo json_encode([
-            'error' => 'Faltan datos para registrar la respuesta.'
+            'error' => 'Faltan datos para registrar la respuestfdfa.'
         ]);
 
         break;

controladores/controladorPartida.php

@@ -164,7 +164,7 @@ switch ($_POST['orden']) {
             break;
         }
 
-                /*
+        /*
      * ==========================================
      * 3. INSERTAMOS LOS EQUIPOS CON SU PARTIDA EN EQUIPOXPARTIDA
      * ==========================================
@@ -220,9 +220,9 @@ switch ($_POST['orden']) {
      * 5. ASIGNAMOS 10 PREGUNTAS ALEATORIAS A LA PARTIDA
      * ==========================================
      */
-       
+
         // Obtenemos todos los IDs de las preguntas
-        
+
         $listaPreguntas = Pregunta::getTodosIds();
 
         $totalPreguntas = count($listaPreguntas);
@@ -246,7 +246,7 @@ switch ($_POST['orden']) {
                 // Asignamos el ID real de la pregunta a la partida
                 $partida->asignarPregunta($idPreguntaAleatoria);
             }
-        }//fin shile
+        } //fin shile
 
 
         /*
@@ -795,13 +795,47 @@ switch ($_POST['orden']) {
         
         */
 
-        $resultado = $partida->iniciar();
+        $resultado = $partida->iniciarPartida();
 
 
         echo json_encode($resultado);
 
         break;
 
+    case 'comprobarInicio':
+
+    if (!isset($_POST['idPartida'])) {
+
+        echo json_encode([
+            'error' => 'No se ha indicado la partida.'
+        ]);
+
+        break;
+    }
+
+    $partida = new Partida();
+
+    $partida->idPartida =
+        intval($_POST['idPartida']);
+
+    $datosPartida = $partida->buscar();
+
+    if (!$datosPartida || isset($datosPartida['error'])) {
+
+        echo json_encode([
+            'error' => 'La partida no existe.'
+        ]);
+
+        break;
+    }
+
+    echo json_encode([
+        'iniciada' => $datosPartida['fechaInicio'] !== null
+    ]);
+
+    break;
+
+
 
 
     // OBTENER LA PREGUNTA ACTUAL
@@ -933,7 +967,7 @@ switch ($_POST['orden']) {
         ) {
 
             echo json_encode([
-                'error' => 'Faltan datos para registrar la respuesta.'
+                'error' => 'Faltan datos para registrar la respuestadd.'
             ]);
 
             break;

controladores/controladorResultados.php

@@ -1,7 +1,7 @@
 <?php
+// controladores/controladorResultados.php
 session_start();
 require_once __DIR__ . '/../includes/conexionBD.php';
-
 header('Content-Type: application/json; charset=utf-8');
 
 if (!isset($_SESSION['idUsuario'])) {
@@ -26,7 +26,6 @@ if (is_array($conexion)) {
 switch ($orden) {
     case 'comprobarEstado':
         try {
-            // 1. Contar cuántos jugadores hay asignados en esta partida
             $stmt = $conexion->prepare("
                 SELECT COUNT(exu.idUsuario) AS total_jugadores
                 FROM equipoxpartida exp
@@ -38,7 +37,6 @@ switch ($orden) {
             
             $preguntasTotalesEsperadas = $totalJugadores * 10;
 
-            // 2. Contar cuántas respuestas reales se han guardado
             $stmtRespuestas = $conexion->prepare("
                 SELECT COUNT(*) 
                 FROM respuestaalmacenada ra
@@ -50,12 +48,9 @@ switch ($orden) {
 
             $terminada = ($respuestasRespondidas >= $preguntasTotalesEsperadas && $preguntasTotalesEsperadas > 0);
 
-            // 3. Si ha terminado, guardamos los datos históricos una sola vez
-            if ($terminada && !isset($_SESSION['partidas_procesadas'][$idPartida])) {
-                
+            if ($terminada && !isset($_SESSION['partidas_processed'][$idPartida])) {
                 $conexion->beginTransaction();
 
-                // --- CÁLCULO DE VELOCIDAD ---
                 if (!isset($_SESSION['primeros_en_acertar'][$idPartida])) {
                     $_SESSION['primeros_en_acertar'][$idPartida] = [];
                 }
@@ -74,13 +69,11 @@ switch ($orden) {
                 foreach ($todosLosAciertos as $acierto) {
                     $idPxp = $acierto['idPartidaxPregunta'];
                     $idU = $acierto['idUsuario'];
-
                     if (!isset($_SESSION['primeros_en_acertar'][$idPartida][$idPxp])) {
                         $_SESSION['primeros_en_acertar'][$idPartida][$idPxp] = $idU;
                     }
                 }
 
-                // Consulta de aciertos
                 $stmtAciertos = $conexion->prepare("
                     SELECT ra.idUsuario, exu.idEquipo, COUNT(*) as aciertos_partida
                     FROM respuestaalmacenada ra
@@ -93,11 +86,7 @@ switch ($orden) {
                 $stmtAciertos->execute([':idPartida' => $idPartida]);
                 $jugadoresPartida = $stmtAciertos->fetchAll(PDO::FETCH_ASSOC);
 
-                $updateAciertos = $conexion->prepare("
-                    UPDATE usuario 
-                    SET aciertos = aciertos + :nuevos_aciertos 
-                    WHERE idUsuario = :idUsuario
-                ");
+                $updateAciertos = $conexion->prepare("UPDATE usuario SET aciertos = aciertos + :nuevos_aciertos WHERE idUsuario = :idUsuario");
 
                 $puntosEquipos = [];
                 foreach ($jugadoresPartida as $jp) {
@@ -105,14 +94,9 @@ switch ($orden) {
                     $idE = (int)$jp['idEquipo'];
                     $nuevosAciertos = (int)$jp['aciertos_partida'];
 
-                    $updateAciertos->execute([
-                        ':nuevos_aciertos' => $nuevosAciertos,
-                        ':idUsuario' => $idU
-                    ]);
+                    $updateAciertos->execute([':nuevos_aciertos' => $nuevosAciertos, ':idUsuario' => $idU]);
 
-                    if (!isset($puntosEquipos[$idE])) {
-                        $puntosEquipos[$idE] = 0;
-                    }
+                    if (!isset($puntosEquipos[$idE])) { $puntosEquipos[$idE] = 0; }
                     $puntosEquipos[$idE] += $nuevosAciertos;
                 }
 
@@ -135,7 +119,6 @@ switch ($orden) {
                     foreach ($todosLosMiembros as $miembro) {
                         $idU = (int)$miembro['idUsuario'];
                         $idE = (int)$miembro['idEquipo'];
-
                         if ($idE === $idEquipoGanador) {
                             $updateVictoria->execute([':idUsuario' => $idU]);
                         } else {
@@ -144,37 +127,27 @@ switch ($orden) {
                     }
                 }
 
-                // Marcar fecha fin de la partida para los históricos globales del grupo
-                $stmtFinalizar = $conexion->prepare("
-                    UPDATE partida 
-                    SET fechaFin = NOW() 
-                    WHERE idPartida = :idPartida AND fechaFin IS NULL
-                ");
+                $stmtFinalizar = $conexion->prepare("UPDATE partida SET fechaFin = NOW() WHERE idPartida = :idPartida AND fechaFin IS NULL");
                 $stmtFinalizar->execute([':idPartida' => $idPartida]);
 
                 $conexion->commit();
                 $_SESSION['partidas_procesadas'][$idPartida] = true; 
             }
-
             echo json_encode(['terminada' => $terminada]);
         } catch (PDOException $e) {
-            if ($conexion->inTransaction()) {
-                $conexion->rollBack();
-            }
+            if ($conexion->inTransaction()) { $conexion->rollBack(); }
             echo json_encode(['error' => $e->getMessage()]);
         }
         break;
 
-        case 'registrarSalidaUsuario':
+    case 'registrarSalidaUsuario':
         try {
             $idUsuario = (int)$_SESSION['idUsuario'];
             $conexion->beginTransaction();
 
-            // A. LIBERACIÓN INMEDIATA DEL JUGADOR ACTUAL: Lo borramos de su equipo
             $stmtSalir = $conexion->prepare("DELETE FROM equipoxusuario WHERE idUsuario = :idUsuario");
             $stmtSalir->execute([':idUsuario' => $idUsuario]);
 
-            // B. CONTADOR DE ALUMNOS QUEDAN: Contamos cuántas personas quedan en los equipos de esta partida
             $stmtContarQuedan = $conexion->prepare("
                 SELECT COUNT(exu.idUsuario) 
                 FROM equipoxpartida exp
@@ -184,9 +157,7 @@ switch ($orden) {
             $stmtContarQuedan->execute([':idPartida' => $idPartida]);
             $jugadoresRestantes = (int)$stmtContarQuedan->fetchColumn();
 
-            // C. DESTRUCCIÓN EN CADENA AUTOMÁTICA ATÓMICA (Si da 0, somos los últimos en salir)
             if ($jugadoresRestantes === 0) {
-                // 1. Limpiar las respuestas almacenadas
                 $stmtBorrarRespuestas = $conexion->prepare("
                     DELETE ra FROM respuestaalmacenada ra
                     INNER JOIN partidaxpregunta pxp ON ra.idPartidaxPregunta = pxp.idPartidaxPregunta
@@ -194,29 +165,22 @@ switch ($orden) {
                 ");
                 $stmtBorrarRespuestas->execute([':idPartida' => $idPartida]);
 
-                // 2. Limpiar las preguntas vinculadas a la partida
                 $stmtBorrarPreguntas = $conexion->prepare("DELETE FROM partidaxpregunta WHERE idPartida = :idPartida");
                 $stmtBorrarPreguntas->execute([':idPartida' => $idPartida]);
 
-                // 3. NUEVO: Obtener los IDs de los dos equipos que jugaban en esta partida antes de borrar la relación
                 $stmtObtenerEquipos = $conexion->prepare("SELECT idEquipo FROM equipoxpartida WHERE idPartida = :idPartida");
                 $stmtObtenerEquipos->execute([':idPartida' => $idPartida]);
                 $equiposDeLaPartida = $stmtObtenerEquipos->fetchAll(PDO::FETCH_COLUMN);
 
-                // 4. Limpiar la relación de equipos de la partida (tabla intermedia)
-                $stmtBorrarEquiposPartida = $conexion->prepare("DELETE FROM equipoxpartida WHERE idPartida = :idPartida");
                 $stmtBorrarEquiposPartida = $conexion->prepare("DELETE FROM equipoxpartida WHERE idPartida = :idPartida");
                 $stmtBorrarEquiposPartida->execute([':idPartida' => $idPartida]);
 
-                // 5. NUEVO: Borrar físicamente los equipos de la tabla 'equipo' si existen
                 if (!empty($equiposDeLaPartida)) {
-                    // Creamos los marcadores (?, ?) de forma dinámica según los equipos que devuelva
                     $inQuery = implode(',', array_fill(0, count($equiposDeLaPartida), '?'));
                     $stmtBorrarEquiposFisicos = $conexion->prepare("DELETE FROM equipo WHERE idEquipo IN ($inQuery)");
                     $stmtBorrarEquiposFisicos->execute($equiposDeLaPartida);
                 }
 
-                // 6. Borrar físicamente la fila de la partida principal
                 $stmtBorrarSala = $conexion->prepare("DELETE FROM partida WHERE idPartida = :idPartida");
                 $stmtBorrarSala->execute([':idPartida' => $idPartida]);
             }
@@ -224,11 +188,8 @@ switch ($orden) {
             $conexion->commit();
             echo json_encode(['exito' => true, 'usuarios_quedan' => $jugadoresRestantes]);
         } catch (PDOException $e) {
-            if ($conexion->inTransaction()) {
-                $conexion->rollBack();
-            }
+            if ($conexion->inTransaction()) { $conexion->rollBack(); }
             echo json_encode(['error' => $e->getMessage()]);
         }
         break;
-
 }

index.php

@@ -4,6 +4,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Triviagmatico</title>
      <link rel="icon" type="image/svg+xml" href="img/favicon/favicon.svg">
         <!-- Bootstrap 5 CSS -->
 	    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">

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/juego.js

@@ -118,7 +118,12 @@ function mostrarPregunta() {
 // 3. El usuario pulsa una respuesta: se guarda y se enseña si ha acertado
 function responder($botonPulsado) {
   clearInterval(intervaloTiempo);
-  console.log("Tiempo de respuesta: " + tiempoRespuesta / 10 + " segundos");
+
+  console.log(
+    "Tiempo de respuesta: " +
+      tiempoRespuesta / 10 +
+      " segundos"
+  );
 
   if (bloqueado) {
     return;
@@ -127,7 +132,29 @@ function responder($botonPulsado) {
   bloqueado = true;
 
   const pregunta = preguntas[indice];
-  const idRespuesta = parseInt($botonPulsado.attr("data-id-respuesta"), 10);
+
+  const idRespuesta = parseInt(
+    $botonPulsado.attr("data-id-respuesta"),
+    10
+  );
+
+  console.log("PREGUNTA ACTUAL:", pregunta);
+  console.log(
+    "idPartidaxPregunta:",
+    pregunta.idPartidaxPregunta
+  );
+  console.log(
+    "idRespuesta:",
+    idRespuesta
+  );
+  console.log(
+    "tiempoRespuesta:",
+    tiempoRespuesta
+  );
+  console.log(
+    "idPartida:",
+    idPartida
+  );
 
   $("#respuestas").addClass("bloqueado");
 
@@ -135,46 +162,96 @@ function responder($botonPulsado) {
     url: URL_CONTROLADOR,
     type: "POST",
     dataType: "json",
+
     data: {
       orden: "responder",
       idPartida: idPartida,
       idPartidaxPregunta: pregunta.idPartidaxPregunta,
-      idRespuesta: idRespuesta, 
-	    tiempoRespuesta: tiempoRespuesta,
+      idRespuesta: idRespuesta,
+      tiempoRespuesta: tiempoRespuesta
     },
+
     success: function (datos) {
+
+      console.log("RESPUESTA DEL SERVIDOR:", datos);
+
       if (datos.error) {
-        // No se guardó: dejamos que vuelva a intentarlo
-        $("#feedback").text(datos.error).removeClass("ok").addClass("ko");
+
+        $("#feedback")
+          .text(datos.error)
+          .removeClass("ok")
+          .addClass("ko");
+
         $("#respuestas").removeClass("bloqueado");
+
         bloqueado = false;
+
         return;
       }
 
       pregunta.respondida = true;
-      mostrarFeedback($botonPulsado, datos);
+
+      mostrarFeedback(
+        $botonPulsado,
+        datos
+      );
 
       setTimeout(function () {
-        if (datos.terminada || indice >= preguntas.length - 1) {
+
+        if (
+          datos.terminada ||
+          indice >= preguntas.length - 1
+        ) {
           terminar();
         } else {
+
           indice++;
-          $("#respuestas").removeClass("bloqueado");
+
+          $("#respuestas")
+            .removeClass("bloqueado");
+
           mostrarPregunta();
         }
+
       }, PAUSA_FEEDBACK);
     },
-    error: function () {
+
+    error: function (xhr, status, error) {
+
+      console.error(
+        "ERROR AJAX RESPONDER"
+      );
+
+      console.error(
+        "HTTP:",
+        xhr.status
+      );
+
+      console.error(
+        "ERROR:",
+        error
+      );
+
+      console.error(
+        "RESPUESTA:",
+        xhr.responseText
+      );
+
       $("#feedback")
-        .text("No se pudo guardar la respuesta. Inténtalo de nuevo.")
+        .text(
+          "No se pudo guardar la respuesta. Inténtalo de nuevo."
+        )
         .removeClass("ok")
         .addClass("ko");
+
       $("#respuestas").removeClass("bloqueado");
+
       bloqueado = false;
-    },
+    }
   });
 }
 
+
 // Marca la respuesta correcta en verde y atenúa el resto
 function mostrarFeedback($botonPulsado, datos) {
   $("#respuestas .btn-answer").each(function () {

js/sala.js

@@ -263,15 +263,16 @@ function mostrarSala(partida, equipos, jugadores) {
 
   if (esHost) {
     botonIniciarHTML = `
-      <a
-        href="juego.php?idPartida=${partida.idPartida}"
-        class="btn btn-success btn-lg px-4">
+    <button
+      type="button"
+      class="btn btn-success btn-lg px-4 btn-iniciar-partida"
+      data-id-partida="${partida.idPartida}">
 
-        <i class="bi bi-controller"></i>
-        ¡Iniciar Partida!
+      <i class="bi bi-controller"></i>
+      ¡Iniciar Partida!
 
-      </a>
-    `;
+    </button>
+  `;
   }
 
   const salaHTML = `
@@ -313,8 +314,98 @@ function mostrarSala(partida, equipos, jugadores) {
   `;
 
   contenedor.html(salaHTML);
+  if (!partida.fechaInicio) {
+    iniciarComprobacionPartida(partida.idPartida);
+  }
 }
 
+let intervaloComprobarPartida = null;
+
+function iniciarComprobacionPartida(idPartida) {
+  if (intervaloComprobarPartida) {
+    clearInterval(intervaloComprobarPartida);
+  }
+
+  intervaloComprobarPartida = setInterval(function () {
+    $.ajax({
+      url: "controladores/controladorPartida.php",
+
+      type: "POST",
+
+      dataType: "json",
+
+      data: {
+        orden: "comprobarInicio",
+        idPartida: idPartida,
+      },
+
+      success: function (respuesta) {
+        if (respuesta.iniciada) {
+          clearInterval(intervaloComprobarPartida);
+
+          window.location.href = "juego.php?idPartida=" + idPartida;
+        }
+      },
+    });
+  }, 1000);
+}
+
+$(document).on("click", ".btn-iniciar-partida", function () {
+  const boton = $(this);
+
+  const idPartida = boton.data("id-partida");
+
+  boton.prop("disabled", true);
+
+  boton.html(`
+    <span class="spinner-border spinner-border-sm"></span>
+    Iniciando...
+  `);
+
+  $.ajax({
+    url: "controladores/controladorPartida.php",
+
+    type: "POST",
+
+    dataType: "json",
+
+    data: {
+      orden: "iniciar",
+
+      idPartida: idPartida,
+    },
+
+    success: function (respuesta) {
+      if (respuesta.error) {
+        alert(respuesta.error);
+
+        boton.prop("disabled", false);
+
+        boton.html(`
+          <i class="bi bi-controller"></i>
+          ¡Iniciar Partida!
+        `);
+
+        return;
+      }
+
+      // El host entra directamente
+      window.location.href = "juego.php?idPartida=" + idPartida;
+    },
+
+    error: function () {
+      alert("Ocurrió un error al iniciar la partida.");
+
+      boton.prop("disabled", false);
+
+      boton.html(`
+        <i class="bi bi-controller"></i>
+        ¡Iniciar Partida!
+      `);
+    },
+  });
+});
+
 $(document).on("click", ".btn-unirse-equipo", function () {
   const boton = $(this);
 
@@ -364,8 +455,7 @@ $(document).on("click", ".btn-abandonar-sala", function () {
   botonAbandonarReferencia = $(this);
 
   const esHost =
-    $(this).data("es-host") === true ||
-    $(this).data("es-host") === "true";
+    $(this).data("es-host") === true || $(this).data("es-host") === "true";
 
   const titulo = $("#modalAbandonarSalaLabel");
 
@@ -384,9 +474,7 @@ $(document).on("click", ".btn-abandonar-sala", function () {
   } else {
     titulo.text("¿Abandonar la sala?");
 
-    mensaje.text(
-      "Si sales de la sala, perderás tu lugar en el equipo.",
-    );
+    mensaje.text("Si sales de la sala, perderás tu lugar en el equipo.");
 
     botonConfirmar.text("Sí, salir");
   }
@@ -399,17 +487,13 @@ $(document).on("click", ".btn-abandonar-sala", function () {
 });
 
 $(document).on("click", "#btnConfirmarAbandonar", function () {
-  const modalEl =
-    document.getElementById("modalAbandonarSala");
+  const modalEl = document.getElementById("modalAbandonarSala");
 
-  const modalInstance =
-    bootstrap.Modal.getInstance(modalEl);
+  const modalInstance = bootstrap.Modal.getInstance(modalEl);
 
   const btnConfirmar = $(this);
 
-  btnConfirmar
-    .prop("disabled", true)
-    .text("Saliendo...");
+  btnConfirmar.prop("disabled", true).text("Saliendo...");
 
   $.ajax({
     url: "controladores/controladorEquipoxUsuario.php",
@@ -421,9 +505,7 @@ $(document).on("click", "#btnConfirmarAbandonar", function () {
     },
 
     success: function (respuesta) {
-      btnConfirmar
-        .prop("disabled", false)
-        .text("Sí, salir");
+      btnConfirmar.prop("disabled", false).text("Sí, salir");
 
       if (modalInstance) {
         modalInstance.hide();
@@ -449,16 +531,11 @@ $(document).on("click", "#btnConfirmarAbandonar", function () {
     },
 
     error: function (xhr, status, error) {
-      console.error(
-        "Error al salir de la sala:",
-        error
-      );
+      console.error("Error al salir de la sala:", error);
 
       alert("No se pudo salir de la sala.");
 
-      btnConfirmar
-        .prop("disabled", false)
-        .text("Sí, salir");
+      btnConfirmar.prop("disabled", false).text("Sí, salir");
 
       if (modalInstance) {
         modalInstance.hide();
@@ -473,25 +550,19 @@ function escapeHTML(texto) {
     .html();
 }
 
-function mostrarEquipos(
-  partida,
-  equipos,
-  jugadores
-) {
+function mostrarEquipos(partida, equipos, jugadores) {
   let equiposHTML = "";
 
   equipos.forEach(function (equipo) {
-    const jugadoresEquipo =
-      jugadores.filter(function (jugador) {
-        return jugador.idEquipo == equipo.idEquipo;
-      });
+    const jugadoresEquipo = jugadores.filter(function (jugador) {
+      return jugador.idEquipo == equipo.idEquipo;
+    });
 
     let jugadoresHTML = "";
 
     if (jugadoresEquipo.length > 0) {
       jugadoresEquipo.forEach(function (jugador) {
-        const esHost =
-          jugador.idUsuario == partida.idUsuario;
+        const esHost = jugador.idUsuario == partida.idUsuario;
 
         jugadoresHTML += `
           <div class="jugador border border-2 d-flex align-items-center justify-content-between ${
@@ -507,9 +578,7 @@ function mostrarEquipos(
                 }
               </span>
 
-              ${escapeHTML(
-                jugador.nombreUsuario
-              )}
+              ${escapeHTML(jugador.nombreUsuario)}
             </div>
 
             ${
@@ -547,4 +616,4 @@ function mostrarEquipos(
   });
 
   $("#contenedorSalas .equipos").html(equiposHTML);
-}
+}

juego.php

@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
-    <title>Proyecto Trivial</title>
+    <title>Trivial - Juego</title>
     <link rel="stylesheet" href="css/juego.css">
     <link rel="icon" type="image/svg+xml" href="img/favicon/favicon.svg">
 

modelos/PartidaModelo.php

@@ -0,0 +1,37 @@
+<?php
+// modelos/PartidaModelo.php
+
+class PartidaModelo {
+    private $conexion;
+
+    public function __construct($conexion) {
+        $this->conexion = $conexion;
+    }
+
+    // Obtiene los jugadores mapeados en la partida actual
+    public function obtenerJugadoresPartida($idPartida) {
+        $stmt = $this->conexion->prepare("
+            SELECT u.idUsuario, u.nombreUsuario, e.idEquipo, e.nombreEquipo
+            FROM equipoxpartida exp
+            INNER JOIN equipoxusuario exu ON exp.idEquipo = exu.idEquipo
+            INNER JOIN usuario u ON exu.idUsuario = u.idUsuario
+            INNER JOIN equipo e ON exu.idEquipo = e.idEquipo
+            WHERE exp.idPartida = :idPartida
+        ");
+        $stmt->execute([':idPartida' => $idPartida]);
+        return $stmt->fetchAll(PDO::FETCH_ASSOC);
+    }
+
+    // Obtiene las respuestas guardadas por un usuario específico
+    public function obtenerRespuestasUsuario($idPartida, $idUsuario) {
+        $stmtRespuestas = $this->conexion->prepare("
+            SELECT ra.idPartidaxPregunta, r.correcta
+            FROM respuestaalmacenada ra
+            INNER JOIN respuesta r ON ra.idRespuesta = r.idRespuesta
+            INNER JOIN partidaxpregunta pxp ON ra.idPartidaxPregunta = pxp.idPartidaxPregunta
+            WHERE pxp.idPartida = :idPartida AND ra.idUsuario = :idUsuario
+        ");
+        $stmtRespuestas->execute([':idPartida' => $idPartida, ':idUsuario' => $idUsuario]);
+        return $stmtRespuestas->fetchAll(PDO::FETCH_ASSOC);
+    }
+}

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">
 
@@ -20,7 +6,7 @@ $avatarUsuario = htmlspecialchars($_SESSION['avatar'] ?? 'img/avatars/defaultPro
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="icon" type="image/svg+xml" href="img/favicon/favicon.svg">
 
-    <title>Perfil</title>
+    <title>Trivial - Perfil</title>
 
     <!-- Bootstrap -->
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
@@ -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>

resultados.php

@@ -1,6 +1,8 @@
 <?php
+// resultados.php (Actúa como el Controlador Frontal de esta pantalla)
 session_start();
 require_once __DIR__ . '/includes/conexionBD.php';
+require_once __DIR__ . '/modelos/PartidaModelo.php';
 
 $idPartida = intval($_GET['idPartida'] ?? 0);
 if ($idPartida <= 0) {
@@ -12,37 +14,22 @@ if (is_array($conexion)) {
     die("Error de conexión a la base de datos.");
 }
 
-// Obtener listado de jugadores y sus equipos en esta partida
-$stmt = $conexion->prepare("
-    SELECT u.idUsuario, u.nombreUsuario, e.idEquipo, e.nombreEquipo
-    FROM equipoxpartida exp
-    INNER JOIN equipoxusuario exu ON exp.idEquipo = exu.idEquipo
-    INNER JOIN usuario u ON exu.idUsuario = u.idUsuario
-    INNER JOIN equipo e ON exu.idEquipo = e.idEquipo
-    WHERE exp.idPartida = :idPartida
-");
-$stmt->execute([':idPartida' => $idPartida]);
-$listaJugadoresRaw = $stmt->fetchAll(PDO::FETCH_ASSOC);
+// Instanciamos el modelo
+$modelo = new PartidaModelo($conexion);
 
+// Obtenemos datos crudos del modelo
+$listaJugadoresRaw = $modelo->obtenerJugadoresPartida($idPartida);
 $primerosEnAcertar = $_SESSION['primeros_en_acertar'][$idPartida] ?? [];
 
 $jugadoresFinales = [];
 $equiposFinales = [];
 
-// Respuestas de velocidad (+2 o +1) procesadas en la capa de la vista
+// Procesamiento de la lógica de negocio (puntos y velocidad)
 foreach ($listaJugadoresRaw as $jugador) {
     $idU = (int)$jugador['idUsuario'];
     $idE = (int)$jugador['idEquipo'];
 
-    $stmtRespuestas = $conexion->prepare("
-        SELECT ra.idPartidaxPregunta, r.correcta
-        FROM respuestaalmacenada ra
-        INNER JOIN respuesta r ON ra.idRespuesta = r.idRespuesta
-        INNER JOIN partidaxpregunta pxp ON ra.idPartidaxPregunta = pxp.idPartidaxPregunta
-        WHERE pxp.idPartida = :idPartida AND ra.idUsuario = :idUsuario
-    ");
-    $stmtRespuestas->execute([':idPartida' => $idPartida, ':idUsuario' => $idU]);
-    $respuestasUsuario = $stmtRespuestas->fetchAll(PDO::FETCH_ASSOC);
+    $respuestasUsuario = $modelo->obtenerRespuestasUsuario($idPartida, $idU);
 
     $aciertos = 0;
     $puntosTotalesJugador = 0;
@@ -52,6 +39,7 @@ foreach ($listaJugadoresRaw as $jugador) {
             $aciertos++;
             $idPxp = $resp['idPartidaxPregunta'];
             
+            // Regula si es el más rápido (+2) o normal (+1)
             if (isset($primerosEnAcertar[$idPxp]) && $primerosEnAcertar[$idPxp] === $idU) {
                 $puntosTotalesJugador += 2;
             } else {
@@ -76,86 +64,8 @@ foreach ($listaJugadoresRaw as $jugador) {
     $equiposFinales[$idE]['puntos'] += $puntosTotalesJugador;
 }
 
+// Ordenaciones de rankings
 usort($jugadoresFinales, function($a, $b) { return $b['puntos'] <=> $a['puntos']; });
 usort($equiposFinales, function($a, $b) { return $b['puntos'] <=> $a['puntos']; });
-?>
 
-<!DOCTYPE html>
-<html lang="es">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Resultados - Trivial</title>
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css">
-    <link rel="stylesheet" href="css/index.css">
-    <link rel="stylesheet" href="css/resultados.css">
-    <script src="js/jquery-4.0.0.min.js"></script>
-</head>
-<body data-id-partida="<?php echo $idPartida; ?>">
-
-    <div id="pantalla-espera" class="contenedor">
-        <h2> <i class="bi bi-hourglass"></i> Esperando a que todos los jugadores terminen...</h2>
-        <p>Calculando estadísticas de velocidad y actualizando perfiles históricos en el servidor.</p>
-        <div class="loader"></div>
-    </div>
-
-    <div id="pantalla-resultados" class="contenedor" style="display:none;">
-        <h1> <i class="bi bi-trophy-fill"></i> Resultados de la Partida <i class="bi bi-trophy-fill"></i> </h1>
-        
-        <h2>Clasificación por Equipos</h2>
-        <table class="tabla-ranking">
-            <thead>
-                <tr>
-                    <th>Posición</th>
-                    <th>Equipo</th>
-                    <th>Puntos Totales</th>
-                </tr>
-            </thead>
-            <tbody>
-                <?php foreach ($equiposFinales as $index => $eq): ?>
-                <tr class="<?php echo $index === 0 ? 'top-team' : ''; ?>">
-                    <td>#<?php echo $index + 1; ?></td>
-                    <td><?php echo htmlspecialchars($eq['nombre']); ?></td>
-                    <td><strong><?php echo $eq['puntos']; ?> pts</strong></td>
-                </tr>
-                <?php endforeach; ?>
-            </tbody>
-        </table>
-
-        <h2>Rendimiento Individual</h2>
-        <table class="tabla-ranking">
-            <thead>
-                <tr>
-                    <th>Posición</th>
-                    <th>Jugador</th>
-                    <th>Equipo</th>
-                    <th>Aciertos</th>
-                    <th>Puntos Logrados</th>
-                </tr>
-            </thead>
-            <tbody>
-                <?php foreach ($jugadoresFinales as $index => $jug): ?>
-                <tr class="<?php echo $index === 0 ? 'top-player' : ''; ?>">
-                    <td>#<?php echo $index + 1; ?></td>
-                    <td><?php echo htmlspecialchars($jug['nombre']); ?></td>
-                    <td><?php echo htmlspecialchars($jug['equipo']); ?></td>
-                    <td><?php echo $jug['aciertos']; ?> / 10</td>
-                    <td><strong><?php echo $jug['puntos']; ?> pts</strong></td>
-                </tr>
-                <?php endforeach; ?>
-            </tbody>
-        </table>
-
-        
-<div class="contenedor-boton">
-    <a href="<?= $_ENV['urlBase'] ?>/" id="btnVolverInicio" data-id="<?php echo $idPartida; ?>" class="btn btn-play-kahoot"> <i class="bi bi-arrow-left"></i> Volver al Inicio <i class="bi bi-house-fill"></i> </a>
-</div>
-
-    </div>
-
-    <script src="js/resultados.js"></script>
-</body>
-</html>
+require_once __DIR__ . '/vistas/vistaResultados.php';

vistas/vistaResultados.php

@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Trivial - Resultados</title>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css">
+    <link rel="stylesheet" href="css/index.css">
+    <link rel="stylesheet" href="css/resultados.css">
+    <script src="js/jquery-4.0.0.min.js"></script>
+</head>
+<body data-id-partida="<?php echo $idPartida; ?>">
+
+    <div id="pantalla-espera" class="contenedor">
+        <h2> <i class="bi bi-hourglass-split"></i> Esperando a que todos los jugadores terminen...</h2>
+        <p>Calculando estadísticas de velocidad y actualizando perfiles históricos en el servidor.</p>
+        <div class="loader"></div>
+    </div>
+
+    <div id="pantalla-resultados" class="contenedor" style="display:none;">
+        <h1><i class="bi bi-trophy-fill"></i> Resultados de la Partida <i class="bi bi-trophy-fill"></i></h1>
+        
+        <h2>Clasificación por Equipos</h2>
+        <table class="tabla-ranking">
+            <thead>
+                <tr>
+                    <th>Posición</th>
+                    <th>Equipo</th>
+                    <th>Puntos Totales</th>
+                </tr>
+            </thead>
+            <tbody>
+                <?php foreach ($equiposFinales as $index => $eq): ?>
+                <tr class="<?php echo $index === 0 ? 'top-team' : ''; ?>">
+                    <td>#<?php echo $index + 1; ?></td>
+                    <td><?php echo htmlspecialchars($eq['nombre']); ?></td>
+                    <td><strong><?php echo $eq['puntos']; ?> pts</strong></td>
+                </tr>
+                <?php endforeach; ?>
+            </tbody>
+        </table>
+
+        <h2>Rendimiento Individual</h2>
+        <table class="tabla-ranking">
+            <thead>
+                <tr>
+                    <th>Posición</th>
+                    <th>Jugador</th>
+                    <th>Equipo</th>
+                    <th>Aciertos</th>
+                    <th>Puntos Logrados</th>
+                </tr>
+            </thead>
+            <tbody>
+                <?php foreach ($jugadoresFinales as $index => $jug): ?>
+                <tr class="<?php echo $index === 0 ? 'top-player' : ''; ?>">
+                    <td>#<?php echo $index + 1; ?></td>
+                    <td><?php echo htmlspecialchars($jug['nombre']); ?></td>
+                    <td><?php echo htmlspecialchars($jug['equipo']); ?></td>
+                    <td><?php echo $jug['aciertos']; ?> / 10</td>
+                    <td><strong><?php echo $jug['puntos']; ?> pts</strong></td>
+                </tr>
+                <?php endforeach; ?>
+            </tbody>
+        </table>
+
+        <div class="contenedor-boton">
+            <a href="<?php echo $_ENV['urlBase'] ?>" id="btnVolverInicio" data-id="<?php echo $idPartida; ?>" class="btn btn-play-kahoot"> <i class="bi bi-arrow-left"></i> Volver al Inicio <i class="bi bi-house-fill"></i> </a>
+        </div>
+    </div>
+
+    <script src="js/resultados.js"></script>
+</body>
+</html>