Toast de confirmacion de pregunta creada

Arreglado CSS (Alguien™ estaba usando modo oscuro)
Funcionalidades del host
2026-09-29 11:24:42 +02:00 · 2026-09-29 09:10:30 +02:00 · 2026-09-28 14:17:54 +02:00 · 2026-09-28 13:29:57 +02:00
10 changed files with 304 additions and 247 deletions
@@ -82,8 +82,8 @@
        <div class="modal-content modal-kahoot text-center p-3">
            <div class="modal-body">
                <div class="mb-3 fs-1">⚠️</div>
-                <h4 class="modal-title mb-2 fw-bold text-white" id="modalAbandonarSalaLabel">¿Abandonar la sala?</h4>
-                <p class="text-white-50">Si sales de la sala, perderás tu lugar en el equipo.</p>
+                <h4 class="modal-title mb-2 fw-bold" id="modalAbandonarSalaLabel">¿Abandonar la sala?</h4>
+                <p class="text-dark-50">Si sales de la sala, perderás tu lugar en el equipo.</p>
            </div>
            <div class="modal-footer justify-content-center border-0 gap-2">
                <button type="button" class="btn btn-secondary px-4 py-2" data-bs-dismiss="modal">
@@ -7,27 +7,17 @@ class Partida
    public $idPartida;
    public $nombrePartida;
    public $idUsuario;
-    public $fechaCreacion;
-    public $fechaInicio;
-    public $fechaFin;

    public function __construct(
        $idPartida = null,
        $nombrePartida = null,
-        $idUsuario = null,
-        $fechaCreacion = null,
-        $fechaInicio = null,
-        $fechaFin = null
+        $idUsuario = null
    ) {
        $this->idPartida = $idPartida;
        $this->nombrePartida = $nombrePartida;
        $this->idUsuario = $idUsuario;
-        $this->fechaCreacion = $fechaCreacion;
-        $this->fechaInicio = $fechaInicio;
-        $this->fechaFin = $fechaFin;
    }

-   
    public function insertar()
    {
        $conexion = conexionBD();
@@ -35,7 +25,12 @@ class Partida
            return $conexion;
        }
        try {
-            $consulta = $conexion->prepare("INSERT INTO partida (nombrePartida,idUsuario) VALUES (:nombrePartida,:idUsuario)");
+            $consulta = $conexion->prepare("
+                INSERT INTO partida
+                (nombrePartida,idUsuario)
+                VALUES
+                (:nombrePartida,:idUsuario)
+            ");
            $consulta->bindParam(":nombrePartida", $this->nombrePartida);
            $consulta->bindParam(":idUsuario", $this->idUsuario);
            $consulta->execute();
@@ -51,7 +46,8 @@ class Partida
        }
    }

-    public function listar(){   
+    public function listar()
+    {
        $conexion = conexionBD();
        if (is_array($conexion)) {
            return $conexion;
@@ -68,13 +64,18 @@ class Partida
        }
    }

-    public function buscar(){    
+    public function buscar()
+    {
        $conexion = conexionBD();
        if (is_array($conexion)) {
            return $conexion;
        }
        try {
-            $consulta = $conexion->prepare("SELECT * FROM partida WHERE idPartida=:idPartida");
+            $consulta = $conexion->prepare("
+                SELECT *
+                FROM partida
+                WHERE idPartida=:idPartida
+            ");
            $consulta->bindParam(":idPartida", $this->idPartida);
            $consulta->execute();
            return $consulta->fetch(PDO::FETCH_ASSOC);
@@ -86,14 +87,20 @@ class Partida
        }
    }

-    
-    public function editar(){ 
+    public function editar()
+    {
        $conexion = conexionBD();
        if (is_array($conexion)) {
            return $conexion;
        }
        try {
-            $consulta = $conexion->prepare("UPDATE partida SET nombrePartida=:nombrePartida, idUsuario=:idUsuario WHERE idPartida=:idPartida");
+            $consulta = $conexion->prepare("
+                UPDATE partida
+                SET
+                    nombrePartida=:nombrePartida,
+                    idUsuario=:idUsuario
+                WHERE idPartida=:idPartida
+            ");
            $consulta->bindParam(":idPartida", $this->idPartida);
            $consulta->bindParam(":nombrePartida", $this->nombrePartida);
            $consulta->bindParam(":idUsuario", $this->idUsuario);
@@ -110,13 +117,17 @@ class Partida
        }
    }

-    public function eliminar(){    
+    public function eliminar()
+    {
        $conexion = conexionBD();
        if (is_array($conexion)) {
            return $conexion;
        }
        try {
-            $consulta = $conexion->prepare("DELETE FROM partida WHERE idPartida=:idPartida");
+            $consulta = $conexion->prepare("
+                DELETE FROM partida
+                WHERE idPartida=:idPartida
+            ");
            $consulta->bindParam(":idPartida", $this->idPartida);
            $consulta->execute();
            return [
@@ -131,121 +142,27 @@ 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 finalizar(){  
-        $conexion = conexionBD();
-        if (is_array($conexion)) {
-            return $conexion;
-        }
-        try {
-            $consulta = $conexion->prepare("UPDATE partida SET fechaFin=NOW() WHERE idPartida=:idPartida AND fechaFin IS NULL");
-            $consulta->bindParam(":idPartida", $this->idPartida);
-            $consulta->execute();
-            return [
-                "exito" => "La partida se finalizó correctamente.",
-                "exito_tecnico" => $this->idPartida
-            ];
-        } catch (PDOException $error) {
-            return [
-                "error" => "Ocurrió un error al finalizar la partida.",
-                'error_tecnico' => $error->getMessage()
-            ];
-        }
-    }
-
-    
-      //true si la partida ya tiene fecha de fin (fechaFin no es NULL)
-      //Devuelve false si la partida no existe
-     
-    public function estaFinalizada() {   
-        $datos = $this->buscar();
-        if (is_array($datos) && isset($datos["error"])) {
-            return $datos;
-        }
-        if (!$datos) {
-            return false;
-        }
-        return $datos["fechaFin"] !== null;
-    }
-
-    
-     //Devuelve la partida más reciente del usuario que aún no ha
-     //terminado (fechaFin NULL), o false si no tiene ninguna.
-     //Incluye también las salas que todavía no han empezado.
-     
-    public function partidaEnCursoDeUsuario(){  
-        $conexion = conexionBD();
-        if (is_array($conexion)) {
-            return $conexion;
-        }
-        try {
-            $consulta = $conexion->prepare("SELECT * FROM partida WHERE idUsuario=:idUsuario AND fechaFin IS NULL ORDER BY idPartida DESC LIMIT 1");
-            $consulta->bindParam(":idUsuario", $this->idUsuario);
-            $consulta->execute();
-            return $consulta->fetch(PDO::FETCH_ASSOC);
-        } catch (PDOException $error) {
-            return [
-                "error" => "Ocurrió un error al buscar la partida en curso.",
-                'error_tecnico' => $error->getMessage()
-            ];
-        }
-    }
-
-    
-    public function listarSalasAbiertas() {  
-        $conexion = conexionBD();
-        if (is_array($conexion)) {
-            return $conexion;
-        }
-        try {
-            $consulta = $conexion->prepare("SELECT p.idPartida, p.nombrePartida, e.idEquipo, e.nombreEquipo, u.idUsuario, u.nombreUsuario
-                FROM partida p INNER JOIN equipoxpartida exp ON exp.idPartida=p.idPartida INNER JOIN equipo e ON e.idEquipo=exp.idEquipo
-                LEFT JOIN equipoxusuario exu ON exu.idEquipo=e.idEquipo LEFT JOIN usuario u ON u.idUsuario=exu.idUsuario WHERE p.fechaInicio IS NULL
-                AND p.fechaFin IS NULL ORDER BY p.idPartida DESC, e.idEquipo ASC");
-            $consulta->execute();
-            return $consulta->fetchAll(PDO::FETCH_ASSOC);
-        } catch (PDOException $error) {
-            return [
-                "error" => "Ocurrió un error al recuperar las salas abiertas.",
-                'error_tecnico' => $error->getMessage()
-            ];
-        }
-    }
-
    /**
     * Devuelve las preguntas asignadas a la partida, junto con el
     * idPartidaxPregunta (necesario para guardar respuestas después).
     */
-    public function getPreguntas(){
+    public function getPreguntas()
+    {
        $conexion = conexionBD();
        if (is_array($conexion)) {
            return $conexion;
        }
        try {
-            $consulta = $conexion->prepare("SELECT pxp.idPartidaxPregunta, p.* FROM partidaxpregunta pxp INNER JOIN pregunta p ON pxp.idPregunta=p.idPregunta
-                WHERE pxp.idPartida=:idPartida ORDER BY pxp.idPartidaxPregunta");
+            $consulta = $conexion->prepare("
+                SELECT
+                    pxp.idPartidaxPregunta,
+                    p.*
+                FROM partidaxpregunta pxp
+                INNER JOIN pregunta p
+                    ON pxp.idPregunta=p.idPregunta
+                WHERE pxp.idPartida=:idPartida
+                ORDER BY pxp.idPartidaxPregunta
+            ");
            $consulta->bindParam(":idPartida", $this->idPartida);
            $consulta->execute();
            return $consulta->fetchAll(PDO::FETCH_ASSOC);
@@ -257,14 +174,22 @@ class Partida
        }
    }

-
-    public function asignarPregunta($idPregunta) {  
+    /**
+     * Asocia una pregunta ya existente a esta partida.
+     */
+    public function asignarPregunta($idPregunta)
+    {
        $conexion = conexionBD();
        if (is_array($conexion)) {
            return $conexion;
        }
        try {
-            $consulta = $conexion->prepare("INSERT INTO partidaxpregunta (idPartida,idPregunta) VALUES (:idPartida,:idPregunta)");
+            $consulta = $conexion->prepare("
+                INSERT INTO partidaxpregunta
+                (idPartida,idPregunta)
+                VALUES
+                (:idPartida,:idPregunta)
+            ");
            $consulta->bindParam(":idPartida", $this->idPartida);
            $consulta->bindParam(":idPregunta", $idPregunta);
            $consulta->execute();
@@ -280,13 +205,18 @@ class Partida
        }
    }
    //Cuenta cuántas preguntas tiene la partida en total. Es la primera mitad de la comprobación "¿ha terminado el usuario de jugar?".
-    public function contarPreguntasAsignadas() {  
+    public function contarPreguntasAsignadas()
+    {
        $conexion = conexionBD();
        if (is_array($conexion)) {
            return $conexion;
        }
        try {
-            $consulta = $conexion->prepare("SELECT COUNT(*) AS total FROM partidaxpregunta WHERE idPartida=:idPartida");
+            $consulta = $conexion->prepare("
+                SELECT COUNT(*) AS total
+                FROM partidaxpregunta
+                WHERE idPartida=:idPartida
+            ");
            $consulta->bindParam(":idPartida", $this->idPartida);
            $consulta->execute();
            $fila = $consulta->fetch(PDO::FETCH_ASSOC);
@@ -299,14 +229,21 @@ class Partida
        }
    }

-    public function contarRespuestasUsuario($idUsuario){   
+    public function contarRespuestasUsuario($idUsuario)
+    {
        $conexion = conexionBD();
        if (is_array($conexion)) {
            return $conexion;
        }
        try {
-            $consulta = $conexion->prepare("SELECT COUNT(*) AS total FROM respuestaalmacenada ra INNER JOIN partidaxpregunta pxp
-                    ON ra.idPartidaxPregunta=pxp.idPartidaxPregunta WHERE pxp.idPartida=:idPartida AND ra.idUsuario=:idUsuario");
+            $consulta = $conexion->prepare("
+                SELECT COUNT(*) AS total
+                FROM respuestaalmacenada ra
+                INNER JOIN partidaxpregunta pxp
+                    ON ra.idPartidaxPregunta=pxp.idPartidaxPregunta
+                WHERE pxp.idPartida=:idPartida
+                AND ra.idUsuario=:idUsuario
+            ");
            $consulta->bindParam(":idPartida", $this->idPartida);
            $consulta->bindParam(":idUsuario", $idUsuario);
            $consulta->execute();
@@ -321,11 +258,11 @@ class Partida
    }

    /**
-     * Indica si ESTE usuario ya ha respondido todas las preguntas:
-     * compara cuántas preguntas tiene la partida contra cuántas ha
-     * respondido él. (La partida completa se marca con finalizar().)
+     * Sustituye al antiguo campo `terminada`: compara cuántas preguntas
+     * tiene la partida contra cuántas ha respondido este usuario.
     */
-    public function estaFinalizadaParaUsuario($idUsuario){   
+    public function estaFinalizadaParaUsuario($idUsuario)
+    {
        $totalPreguntas = $this->contarPreguntasAsignadas();
        if (is_array($totalPreguntas)) {
            return $totalPreguntas;
@@ -340,13 +277,19 @@ class Partida
    /**
     * Partidas creadas por un usuario, de más reciente a más antigua.
     */
-    public function listarDelUsuario(){    
+    public function listarDelUsuario()
+    {
        $conexion = conexionBD();
        if (is_array($conexion)) {
            return $conexion;
        }
        try {
-            $consulta = $conexion->prepare("SELECT * FROM partida WHERE idUsuario=:idUsuario ORDER BY idPartida DESC");
+            $consulta = $conexion->prepare("
+                SELECT *
+                FROM partida
+                WHERE idUsuario=:idUsuario
+                ORDER BY idPartida DESC
+            ");
            $consulta->bindParam(":idUsuario", $this->idUsuario);
            $consulta->execute();
            return $consulta->fetchAll(PDO::FETCH_ASSOC);
@@ -358,13 +301,22 @@ class Partida
        }
    }

-    public function preguntaAsignada($idPregunta) { 
+    public function preguntaAsignada($idPregunta)
+    {
        $conexion = conexionBD();
+
        if (is_array($conexion)) {
            return $conexion;
        }
+
        try {
-            $consulta = $conexion->prepare("SELECT COUNT(*) AS total FROM partidaxpregunta WHERE idPartida=:idPartida AND idPregunta=:idPregunta");
+            $consulta = $conexion->prepare("
+                SELECT COUNT(*) AS total
+                FROM partidaxpregunta
+                WHERE idPartida=:idPartida
+                AND idPregunta=:idPregunta
+            ");
+
            $consulta->bindParam(":idPartida", $this->idPartida);
            $consulta->bindParam(":idPregunta", $idPregunta);
            $consulta->execute();
@@ -384,13 +336,24 @@ class Partida
     * Vincula un equipo a esta partida en la tabla intermedia 'equipoxpartida'.
     * Permite registrar qué grupos están participando en este torneo.
     */
-    public function registrarEquipoEnPartida($idEquipo){ 
-        $conexion = conexionBD(); 
+    public function registrarEquipoEnPartida($idEquipo)
+    {
+        $conexion = conexionBD(); // Obtenemos la conexión modular del proyecto
+
        if (is_array($conexion)) {
-            return $conexion; 
+            return $conexion; // Si hay error en la conexión, lo devuelve
        }
+
        try {
-            $consulta = $conexion->prepare("INSERT INTO equipoxpartida (idPartida, idEquipo) VALUES (:idPartida, :idEquipo)");
+            // Preparamos la consulta para insertar la relación en la tabla intermedia real
+            $consulta = $conexion->prepare("
+                INSERT INTO equipoxpartida 
+                (idPartida, idEquipo) 
+                VALUES 
+                (:idPartida, :idEquipo)
+            ");
+
+            // Vinculamos los parámetros con el objeto de la partida actual y el equipo recibido
            $consulta->bindParam(":idPartida", $this->idPartida);
            $consulta->bindParam(":idEquipo", $idEquipo);
            $consulta->execute();
@@ -400,6 +363,7 @@ class Partida
                "exito_tecnico" => $conexion->lastInsertId()
            ];
        } catch (PDOException $error) {
+            // Capturamos el error extrayendo solo el mensaje de texto limpio
            return [
                "error" => "Ocurrió un error al asignar el equipo a la partida.",
                "error_tecnico" => $error->getMessage()
@@ -411,14 +375,28 @@ class Partida
     * Obtiene todos los equipos que están compitiendo en esta partida.
     * Es útil para mostrar la lista de rivales antes de empezar a responder.
     */
-    public function getEquiposParticipantes(){    
+    public function getEquiposParticipantes()
+    {
        $conexion = conexionBD();
+
        if (is_array($conexion)) {
            return $conexion;
        }
-        try {           
-            $consulta = $conexion->prepare("SELECT  exp.idEquipoxPartida, e.idEquipo, e.nombreEquipo FROM equipoxpartida exp
-                INNER JOIN equipo e  ON exp.idEquipo = e.idEquipo WHERE exp.idPartida = :idPartida ORDER BY e.nombreEquipo ASC");
+
+        try {
+            // Hacemos un INNER JOIN para traer los nombres de los equipos desde la tabla intermedia
+            $consulta = $conexion->prepare("
+                SELECT 
+                    exp.idEquipoxPartida,
+                    e.idEquipo,
+                    e.nombreEquipo
+                FROM equipoxpartida exp
+                INNER JOIN equipo e 
+                    ON exp.idEquipo = e.idEquipo
+                WHERE exp.idPartida = :idPartida
+                ORDER BY e.nombreEquipo ASC
+            ");
+
            $consulta->bindParam(":idPartida", $this->idPartida);
            $consulta->execute();

@@ -435,29 +413,57 @@ class Partida
     * Obtiene todos los jugadores reales (Usuarios) que están jugando en esta partida.
     * Utiliza la tabla 'equipoxusuario' en SQL para cruzar los datos.
     */
-    public function getJugadoresDeLaPartida(){   
+    public function getJugadoresDeLaPartida()
+    {
        $conexion = conexionBD();
+
        if (is_array($conexion)) {
            return $conexion;
        }
+
        try {
-            $consulta = $conexion->prepare("SELECT DISTINCT u.idUsuario, u.nombreUsuario, u.email, 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
-            ORDER BY e.nombreEquipo ASC, u.nombreUsuario ASC");
+
+            $consulta = $conexion->prepare("
+            SELECT DISTINCT
+                u.idUsuario,
+                u.nombreUsuario,
+                u.email,
+                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
+
+            ORDER BY e.nombreEquipo ASC,
+                     u.nombreUsuario ASC
+        ");
+
            $consulta->bindParam(
                ":idPartida",
                $this->idPartida
            );
+
            $consulta->execute();
+
            return $consulta->fetchAll(PDO::FETCH_ASSOC);
        } catch (PDOException $error) {
+
            return [
                "error" =>
                "Ocurrió un error al obtener la lista de jugadores.",
+
                "error_tecnico" =>
                $error->getMessage()
            ];
        }
    }
-}
+}
@@ -55,10 +55,11 @@ switch ($_POST['orden']) {

        if ($resultado instanceof Usuario) {

-            // === AÑADIR ESTAS LÍNEAS PARA GUARDAR EN SESIÓN ===
+            // === GUARDAR EN SESIÓN (incluido avatar)===
            $_SESSION['idUsuario'] = $resultado->getIdUsuario();
            $_SESSION['nombreUsuario'] = $resultado->getNombreUsuario();
            $_SESSION['email'] = $resultado->getEmail();
+            $_SESSION['avatar'] = $resultado->getAvatar(); 
            // =================================================

            echo json_encode([
@@ -83,6 +84,7 @@ switch ($_POST['orden']) {
        unset($_SESSION['idUsuario']);
        unset($_SESSION['email']);
        unset($_SESSION['nombreUsuario']);
+        unset($_SESSION['avatar']); 

        // Destruimos la sesión
        session_destroy();
@@ -92,7 +94,6 @@ switch ($_POST['orden']) {
        ]);

        break;
-
    case 'mostrarEstadisticas':

        $usuario = Usuario::buscarPorId($_SESSION['idUsuario']);
@@ -237,16 +238,17 @@ switch ($_POST['orden']) {
    break;

    case 'comprobarSesion':
-    if (isset($_SESSION['idUsuario']) && !empty($_SESSION['idUsuario'])) {
-        echo json_encode([
-            'activa' => true,
-            'usuario' => [
-                'idUsuario' => $_SESSION['idUsuario'],
-                'nombreUsuario' => $_SESSION['nombreUsuario'] ?? ''
-            ]
-        ]);
-    } else {
-        echo json_encode(['activa' => false]);
-    }
-    break;
+        if (isset($_SESSION['idUsuario']) && !empty($_SESSION['idUsuario'])) {
+            echo json_encode([
+                'activa' => true,
+                'usuario' => [
+                    'idUsuario' => $_SESSION['idUsuario'],
+                    'nombreUsuario' => $_SESSION['nombreUsuario'] ?? '',
+                    'avatar' => $_SESSION['avatar'] ?? '' 
+                ]
+            ]);
+        } else {
+            echo json_encode(['activa' => false]);
+        }
+        break;
 }
@@ -68,8 +68,8 @@

 .btn-unirse {
    border: none;
-    border-bottom: 3px solid #0c4891;
-    background-color: var(--kahoot-blue);
+    border-bottom: 3px solid #1f6f09;
+    background-color: #26890c;
    color: white;
    font-weight: 600;
    border-radius: 8px;
@@ -105,3 +105,11 @@
    border-color: var(--kahoot-purple);
    box-shadow: 0 0 0 3px rgba(70, 23, 143, 0.15);
 }
+
+.jugador-host {
+    background-color: #fff3cd;
+    border: 1px solid #ffc107;
+    border-radius: 8px;
+    padding: 6px 10px;
+    font-weight: 600;
+}
@@ -123,12 +123,24 @@ function mostrarSala(partida, equipos, jugadores) {
    let jugadoresHTML = "";
    if (jugadoresEquipo.length > 0) {
      jugadoresEquipo.forEach(function (jugador) {
+        const esHost = jugador.idUsuario == partida.idUsuario;
+
        jugadoresHTML += `
-          <div class="jugador">
-            <span class="avatar">👤</span>
-            ${escapeHTML(jugador.nombreUsuario)}
-          </div>
-        `;
+    <div class="jugador border border-2 d-flex align-items-center justify-content-between ${
+      esHost ? "jugador-host" : ""
+    }">
+      <div>
+        <span class="avatar">${esHost ? "👑" : "👤"}</span>
+        ${escapeHTML(jugador.nombreUsuario)}
+      </div>
+
+      ${
+        esHost
+          ? `<span class="badge bg-warning text-dark ms-2">HOST</span>`
+          : ""
+      }
+    </div>
+  `;
      });
    } else {
      jugadoresHTML = `<div class="text-muted small">Sin jugadores</div>`;
@@ -138,7 +150,7 @@ function mostrarSala(partida, equipos, jugadores) {
    let botonUnirseHTML = "";
    if (!usuarioYaEstaEnEquipo) {
      botonUnirseHTML = `
-        <button type="button" class="btn btn-unirse w-100 btn-unirse-equipo mt-2"
+        <button type="button" class="btn-unirse w-100 btn-unirse-equipo mt-2"
                data-id-partida="${partida.idPartida}"
                data-id-equipo="${equipo.idEquipo}">
          Unirse
@@ -157,25 +169,42 @@ function mostrarSala(partida, equipos, jugadores) {
    `;
  });

+  // Acciones disponibles si el usuario YA ESTÁ dentro de esta sala
  // Acciones disponibles si el usuario YA ESTÁ dentro de esta sala
  let accionesSalaHTML = "";
+
  if (usuarioYaEstaEnEquipo) {
-    accionesSalaHTML = `
-      <div class="sala-acciones text-center mt-4 pt-3 border-top d-flex justify-content-center gap-3">
-        <button type="button" class="btn btn-outline-danger btn-abandonar-sala" data-id-partida="${partida.idPartida}">
-          Abandonar sala
-        </button>
-        <a href="juego.php?idPartida=${partida.idPartida}" class="btn btn-success btn-lg px-4">
-          🎮 ¡Iniciar Partida!
-        </a>
-      </div>
+    let botonIniciarHTML = "";
+
+    // Solo el host puede iniciar la partida
+    if (partida.idUsuario == idUsuarioSesion) {
+      botonIniciarHTML = `
+      <a href="juego.php?idPartida=${partida.idPartida}" 
+         class="btn btn-success btn-lg px-4">
+        🎮 ¡Iniciar Partida!
+      </a>
    `;
+    }
+
+    accionesSalaHTML = `
+    <div class="sala-acciones text-center mt-4 pt-3 border-top d-flex justify-content-center gap-3">
+
+      <button type="button" 
+              class="btn btn-outline-danger btn-abandonar-sala" 
+              data-id-partida="${partida.idPartida}">
+        Abandonar sala
+      </button>
+
+      ${botonIniciarHTML}
+
+    </div>
+  `;
  }

  const salaHTML = `
    <div class="col-12 col-md-10 col-lg-8">
      <div class="sala card p-3 shadow-sm mb-4">
-        <div class="sala-header h4 text-center mb-3">
+        <div class="sala-header h4 text-center mb-3 text-white">
          ${escapeHTML(partida.nombrePartida)}
        </div>
        <div class="sala-body">
@@ -234,13 +263,15 @@ let botonAbandonarReferencia = null;
 // A. Al hacer clic en el botón "Abandonar sala" de la tarjeta, abrimos el modal
 $(document).on("click", ".btn-abandonar-sala", function () {
  botonAbandonarReferencia = $(this);
-  const modal = new bootstrap.Modal(document.getElementById('modalAbandonarSala'));
+  const modal = new bootstrap.Modal(
+    document.getElementById("modalAbandonarSala"),
+  );
  modal.show();
 });

 // B. Al hacer clic en "Sí, salir" dentro del modal Kahoot
 $(document).on("click", "#btnConfirmarAbandonar", function () {
-  const modalEl = document.getElementById('modalAbandonarSala');
+  const modalEl = document.getElementById("modalAbandonarSala");
  const modalInstance = bootstrap.Modal.getInstance(modalEl);

  const btnConfirmar = $(this);
@@ -253,7 +284,7 @@ $(document).on("click", "#btnConfirmarAbandonar", function () {
    data: { orden: "salirDeSala" },
    success: function (respuesta) {
      btnConfirmar.prop("disabled", false).text("Sí, salir");
-      
+
      if (modalInstance) {
        modalInstance.hide();
      }
@@ -275,7 +306,7 @@ $(document).on("click", "#btnConfirmarAbandonar", function () {
      if (modalInstance) {
        modalInstance.hide();
      }
-    }
+    },
  });
 });
 // 8. Evento: Crear Sala
@@ -1,3 +1,5 @@
+let idUsuarioSesion = null;
+
 $(document).ready(function () {
    // Comprobar la sesión activa al cargar la página
    comprobarEstadoSesion();
@@ -26,7 +28,7 @@ $(document).ready(function () {
 });

 /**
- * Comprueba con el servidor si existe una sesión PHP activa.
+ * Comprueba con el servidor si existe una sesión PHP
 */
 function comprobarEstadoSesion() {
    $.ajax({
@@ -36,8 +38,8 @@ function comprobarEstadoSesion() {
        data: { orden: 'comprobarSesion' },
        success: function (respuesta) {
            if (respuesta.activa) {
+                idUsuarioSesion = respuesta.usuario.idUsuario;
                renderizarCabeceraConSesion(respuesta.usuario);
-                // Si existe el contenedor del botón Jugar en index, lo mostramos
                $('#colBotonJugar').removeClass('d-none');
            } else {
                renderizarCabeceraSinSesion();
@@ -79,13 +81,8 @@ function ejecutarLogin() {
                $('#modalLogin').modal('hide');
                $('#formLogin')[0].reset();

-                renderizarCabeceraConSesion({
-                    idUsuario: respuesta.idUsuario,
-                    nombreUsuario: respuesta.nombreUsuario,
-                    avatar: respuesta.avatar
-                });
-
-                $('#colBotonJugar').removeClass('d-none');
+                // Cargar datos de la sesión actualizados 
+                comprobarEstadoSesion();
            }
        },
        error: function () {
@@ -132,7 +129,7 @@ function ejecutarRegistro() {
                $('#modalRegistro').modal('hide');
                $('#formRegistro')[0].reset();

-                // Autologin
+                // Autologin tras registrarse
                $('#loginEmail').val(email);
                $('#loginPassword').val(pass);
                ejecutarLogin();
@@ -165,15 +162,21 @@ function cerrarSesion() {
 }

 /**
- * Renderiza la cabecera cuando HAY sesión iniciada (Menú Perfil + Avatar)
+ * Renderiza la cabecera cuando HAY sesión iniciada 
 */
 function renderizarCabeceraConSesion(usuario) {
-    let avatarImg = usuario.avatar ? usuario.avatar : 'img/avatars/defaultProfile.jpeg';
+    //Mete el avatar en cabecera
+    let avatarImg = (usuario.avatar && usuario.avatar !== '') 
+        ? usuario.avatar 
+        : 'img/avatars/defaultProfile.jpeg';
+
+    // Refrescar avatar si se cambia
+    let avatarConCacheBuster = avatarImg + '?v=' + new Date().getTime();

    let html = `
        <div class="dropdown">
            <button class="btn btn-outline-light dropdown-toggle d-flex align-items-center gap-2 rounded-pill px-3 py-1 fw-bold" type="button" id="userMenu" data-bs-toggle="dropdown" aria-expanded="false">
-                <img src="${avatarImg}" alt="Avatar" class="rounded-circle border" style="width: 32px; height: 32px; object-fit: cover;">
+                <img src="${avatarConCacheBuster}" alt="Avatar" class="rounded-circle border" style="width: 32px; height: 32px; object-fit: cover;">
                <span>${escapeHtml(usuario.nombreUsuario)}</span>
            </button>
            <ul class="dropdown-menu dropdown-menu-end shadow border-0 mt-2" aria-labelledby="userMenu">
@@ -195,13 +198,11 @@ function renderizarCabeceraConSesion(usuario) {
 }

 /**
- * Renderiza los botones originales:
- * - "Iniciar Sesión" (Rojo -> btn-danger)
- * - "Registrarse" (Verde -> btn-success)
+ * Renderiza los botones en la cabecera cuando NO hay sesión (Iniciar sesión azul)
 */
 function renderizarCabeceraSinSesion() {
    let html = `
-        <button class="btn btn-danger rounded-pill px-4 fw-bold shadow-sm" data-bs-toggle="modal" data-bs-target="#modalLogin">
+        <button class="btn btn-primary rounded-pill px-4 fw-bold shadow-sm" data-bs-toggle="modal" data-bs-target="#modalLogin">
            <i class="fa-solid fa-right-to-bracket me-1"></i> Iniciar sesión
        </button>
        <button class="btn btn-success rounded-pill px-4 fw-bold shadow-sm" data-bs-toggle="modal" data-bs-target="#modalRegistro">
@@ -26,6 +26,10 @@ $.ajax({
 function cambiarNombre() {
  let nuevoNombre = $("#nuevoNombre").val().trim();

+  if (nuevoNombre === "") {
+    return;
+  }
+
  $.ajax({
    method: "POST",
    url: "controladores/controladorUsuario.php",
@@ -42,8 +46,13 @@ function cambiarNombre() {
      // Actualizamos el nombre mostrado en la página
      $("#nombre").text(respuesta.nombreUsuario);

-      // Limpiamos el input
+      
      $("#nuevoNombre").val("");
+
+    
+      if (typeof comprobarEstadoSesion === "function") {
+        comprobarEstadoSesion();
+      }
    }
  });
 }
@@ -74,14 +83,11 @@ $("#inputFoto").change(function () {
  // Comprobamos que sea una imagen
  if (!archivo.type.startsWith("image/")) {
    alert("El archivo seleccionado no es una imagen.");
-
    $("#inputFoto").val("");
-
    return;
  }

  let datos = new FormData();
-
  datos.append("avatar", archivo);
  datos.append("orden", "cambiarAvatar");

@@ -97,18 +103,23 @@ $("#inputFoto").change(function () {
    if (respuesta.error) {
      alert(respuesta.error);
    } else {
-      // Actualizamos la imagen sin recargar la página
+      // Actualizamos la imagen en la página de perfil sin recargar
      $("#fotoPerfil").attr(
        "src",
-        respuesta.avatar + "?t=" + new Date().getTime(),
+        respuesta.avatar + "?t=" + new Date().getTime()
      );
+
+      // Actualizamos también el avatar superior en la cabecera 
+      if (typeof comprobarEstadoSesion === "function") {
+        comprobarEstadoSesion();
+      }
    }
  });
 });

 // =========================
 // RECOGER CATEGORIAS
-// ====
+// =========================

 $("#modalCrearPregunta").on("show.bs.modal", function () {
  const selectCategoria = $("#idCategoria");
@@ -141,16 +152,14 @@ $("#modalCrearPregunta").on("show.bs.modal", function () {
          $("<option>", {
            value: categoria.idCategoria,
            text: categoria.nombreCategoria,
-          }),
+          })
        );
      });
    },

    error: function (xhr, status, error) {
      console.error("Error al cargar las categorías:", error);
-
      console.error("Respuesta del servidor:", xhr.responseText);
-
      alert("No se han podido cargar las categorías.");
    },
  });
@@ -158,7 +167,7 @@ $("#modalCrearPregunta").on("show.bs.modal", function () {

 // =========================
 // CREAR PREGUNTA
-// ====
+// =========================

 $("#formCrearPregunta").on("submit", function (e) {
  e.preventDefault();
@@ -188,24 +197,15 @@ $("#formCrearPregunta").on("submit", function (e) {

  $.ajax({
    url: "controladores/controladorPregunta.php",
-
    type: "POST",
-
    dataType: "json",
-
    data: {
      orden: "crearPregunta",
-
      idCategoria: $("#idCategoria").val(),
-
      nombrePregunta: pregunta,
-
      respuestaCorrecta: respuestaCorrecta,
-
      respuestaIncorrecta1: respuestaIncorrecta1,
-
      respuestaIncorrecta2: respuestaIncorrecta2,
-
      respuestaIncorrecta3: respuestaIncorrecta3,
    },

@@ -214,10 +214,8 @@ $("#formCrearPregunta").on("submit", function (e) {

      if (respuesta.error) {
        alert(respuesta.error);
-
        boton.prop("disabled", false);
        boton.text("Crear pregunta");
-
        return;
      }

@@ -233,17 +231,14 @@ $("#formCrearPregunta").on("submit", function (e) {
        // Volvemos a activar el botón
        boton.prop("disabled", false);
        boton.text("Crear pregunta");
-
-        // Si tienes que actualizar la lista de preguntas:
-        // cargarPreguntas();
+        // Toast exito 
+        mostrarToast()
      }
    },

    error: function (xhr, status, error) {
      console.error("Error al crear la pregunta:", error);
-
      console.error("Respuesta del servidor:", xhr.responseText);
-
      alert("No se ha podido crear la pregunta.");

      boton.prop("disabled", false);
@@ -251,3 +246,11 @@ $("#formCrearPregunta").on("submit", function (e) {
    },
  });
 });
+function mostrarToast() {
+  const toastMensaje = document.getElementById("ToastCrearPregunta");
+
+  if (toastMensaje) {
+    const toastBootstrap = bootstrap.Toast.getOrCreateInstance(toastMensaje);
+    toastBootstrap.show();
+  }
+}
@@ -166,9 +166,6 @@ CREATE TABLE `partida` (
  `idPartida` int(11) NOT NULL AUTO_INCREMENT,
  `nombrePartida` varchar(100) NOT NULL,
  `idUsuario` int(11) NOT NULL,
-  `fechaCreacion` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
-  `fechaInicio` DATETIME NULL,
-  `fechaFin` DATETIME NULL,
  PRIMARY KEY (`idPartida`),
  KEY `FK idUsuario tabla usuario` (`idUsuario`),
  CONSTRAINT `FK idUsuario tabla usuario` FOREIGN KEY (`idUsuario`) REFERENCES `usuario` (`idUsuario`)
@@ -181,10 +178,10 @@ CREATE TABLE `partida` (

 LOCK TABLES `partida` WRITE;
 /*!40000 ALTER TABLE `partida` DISABLE KEYS */;
-INSERT INTO `partida` (idPartida, nombrePartida, idUsuario, fechaInicio, fechaFin) VALUES
-(1,'Partida de prueba 1',1, NULL, NULL),
-(2,'Partida de prueba 2',4, NULL, NULL),
-(3,'Partida de prueba 3',9, NULL, NULL);
+INSERT INTO `partida` VALUES
+(1,'Partida de prueba 1',1),
+(2,'Partida de prueba 2',4),
+(3,'Partida de prueba 3',9);
 /*!40000 ALTER TABLE `partida` ENABLE KEYS */;
 UNLOCK TABLES;

@@ -174,8 +174,17 @@ $avatarUsuario = htmlspecialchars($_SESSION['avatar'] ?? 'img/avatars/defaultPro
        </div>

    </div>
-
-
+    <!-- TOAST PREGUNTA CREADA -->
+    <div class="toast-container position-fixed bottom-0 end-0 p-3">
+        <div id="ToastCrearPregunta"  class="toast" role="alert" aria-live="assertive" aria-atomic="true">
+            <div class=" toast-header" style="background-color: #46178f;">
+                <h5 class="text-white me-auto bi bi-joystick me-2"> Pregunta Creada</h5>
+            </div>
+            <div class="fs-6 toast-body">
+                La pregunta ha sido creada correctamente
+            </div>
+        </div>
+    </div>
    <!-- MODAL CREAR PREGUNTA -->
    <div class="modal fade"
         id="modalCrearPregunta"
Author	SHA1	Message	Date
v.rodriguezcamacho	f5a354025e	Toast de confirmacion de pregunta creada	2026-09-29 11:24:42 +02:00
Isaac	42cc1489e9	Arreglado CSS (Alguien™ estaba usando modo oscuro)	2026-09-29 09:10:30 +02:00
Isaac	a694f19667	Funcionalidades del host	2026-09-28 14:17:54 +02:00
jorge	3cc0dfb122	Corregido cambiar avatar en cabecera	2026-09-28 13:29:57 +02:00