Merge branch 'main' of https://git.desarrolloalcala.com/jorge/triviagmatico

controladores/ControladorPregunta.php

@@ -3,6 +3,7 @@
 session_start();
 
 require_once '../clases/ClasePregunta.php';
+require_once '../clases/ClaseRespuesta.php';
 
 switch ($_POST['orden']) {
 
@@ -11,18 +12,118 @@ switch ($_POST['orden']) {
         $idCategoria = intval($_POST['idCategoria'] ?? 0);
         $nombrePregunta = trim($_POST['nombrePregunta'] ?? '');
 
-        if ($idCategoria <= 0 || $nombrePregunta == '') {
+        $respuestaCorrecta = trim($_POST['respuestaCorrecta'] ?? '');
-            echo json_encode(['error' => 'La categoría y el texto de la pregunta son obligatorios']);
+        $respuestaIncorrecta1 = trim($_POST['respuestaIncorrecta1'] ?? '');
+        $respuestaIncorrecta2 = trim($_POST['respuestaIncorrecta2'] ?? '');
+        $respuestaIncorrecta3 = trim($_POST['respuestaIncorrecta3'] ?? '');
+
+        // Comprobamos los datos
+        if (
+            $idCategoria <= 0 ||
+            $nombrePregunta === '' ||
+            $respuestaCorrecta === '' ||
+            $respuestaIncorrecta1 === '' ||
+            $respuestaIncorrecta2 === '' ||
+            $respuestaIncorrecta3 === ''
+        ) {
+
+            echo json_encode([
+                'error' => 'La categoría, la pregunta y todas las respuestas son obligatorias.'
+            ]);
+
             break;
         }
 
-        $pregunta = new Pregunta($idCategoria, $nombrePregunta);
-        $resultado = $pregunta->guardar();
 
-        echo json_encode($resultado);
+        /*
+     * ==========================================
+     * 1. CREAMOS LA PREGUNTA
+     * ==========================================
+     */
+
+        $pregunta = new Pregunta(
+            $idCategoria,
+            $nombrePregunta
+        );
+
+        $resultadoPregunta = $pregunta->guardar();
+
+
+        if (isset($resultadoPregunta['error'])) {
+
+            echo json_encode($resultadoPregunta);
+
+            break;
+        }
+
+
+        // Obtenemos el ID de la pregunta creada
+        $idPregunta = (int)$resultadoPregunta['exito_tecnico'];
+
+
+        /*
+     * ==========================================
+     * 2. CREAMOS LAS RESPUESTAS
+     * ==========================================
+     */
+
+        $respuestas = [
+            [
+                'texto' => $respuestaCorrecta,
+                'correcta' => 1
+            ],
+            [
+                'texto' => $respuestaIncorrecta1,
+                'correcta' => 0
+            ],
+            [
+                'texto' => $respuestaIncorrecta2,
+                'correcta' => 0
+            ],
+            [
+                'texto' => $respuestaIncorrecta3,
+                'correcta' => 0
+            ]
+        ];
+
+
+        foreach ($respuestas as $respuesta) {
+
+            $objRespuesta = new Respuesta(
+                null,
+                $idPregunta,
+                $respuesta['texto'],
+                $respuesta['correcta']
+            );
+
+
+            $resultadoRespuesta = $objRespuesta->insertar();
+
+
+            if (isset($resultadoRespuesta['error'])) {
+
+                echo json_encode($resultadoRespuesta);
+
+                break 2;
+            }
+        }
+
+
+        /*
+     * ==========================================
+     * 3. TODO CORRECTO
+     * ==========================================
+     */
+
+        echo json_encode([
+            'exito' => 'Pregunta creada correctamente.',
+            'idPregunta' => $idPregunta
+        ]);
+
         break;
 
 
+
     case 'obtenerPreguntasPorCategoria':
 
         $idCategoria = intval($_POST['idCategoria'] ?? 0);
@@ -49,5 +150,4 @@ switch ($_POST['orden']) {
 
         echo json_encode($listado);
         break;
-
 }

js/buscadorSala.js

@@ -1,128 +1,104 @@
 let usuarioYaEstaEnEquipo = false;
 
 $(document).ready(function () {
-comprobarSalaUsuario();
+  comprobarSalaUsuario();
 });
 
 function comprobarSalaUsuario() {
+  $("#cargandoSalas").remove();
 
-$("#cargandoSalas").remove();
+  $.ajax({
-
-$.ajax({
     url: "controladores/ControladorEquipoxUsuario.php",
     type: "POST",
     dataType: "json",
 
     data: {
-        orden: "obtenerSalaUsuario"
+      orden: "obtenerSalaUsuario",
     },
 
     success: function (respuesta) {
+      console.log("Sala del usuario:", respuesta);
 
-        console.log("Sala del usuario:", respuesta);
+      if (respuesta.error) {
-
+        console.error(respuesta.error);
-        if (respuesta.error) {
-
-            console.error(respuesta.error);
-
-            usuarioYaEstaEnEquipo = false;
-
-            cargarSalas();
-
-            return;
-        }
-
-        if (respuesta.asociado) {
-
-            usuarioYaEstaEnEquipo = true;
-
-            $("#contenedorCrearSala").hide();
-
-            cargarSalaUsuario(respuesta.idPartida);
-
-        } else {
-
-            usuarioYaEstaEnEquipo = false;
-
-            cargarSalas();
-        }
-    },
-
-    error: function (xhr, status, error) {
-
-        console.error(
-            "Error al comprobar la sala del usuario:",
-            error
-        );
 
         usuarioYaEstaEnEquipo = false;
 
         cargarSalas();
-    }
-});
 
+        return;
+      }
 
-}
+      if (respuesta.asociado) {
+        usuarioYaEstaEnEquipo = true;
 
-function cargarSalaUsuario(idPartida) {
+        $("#contenedorCrearSala").hide();
 
-$.ajax({
+        cargarSalaUsuario(respuesta.idPartida);
-    url: "controladores/controladorPartida.php",
+      } else {
-    type: "POST",
+        usuarioYaEstaEnEquipo = false;
-    dataType: "json",
 
-    data: {
+        cargarSalas();
-        orden: "buscar",
+      }
-        idPartida: idPartida
-    },
-
-    success: function (partida) {
-
-        if (partida.error) {
-
-            console.error(partida.error);
-
-            return;
-        }
-
-        $("#contenedorSalas").empty();
-
-        cargarInformacionSala(partida);
     },
 
     error: function (xhr, status, error) {
+      console.error("Error al comprobar la sala del usuario:", error);
 
-        console.error(
+      usuarioYaEstaEnEquipo = false;
-            "Error al obtener la sala del usuario:",
-            error
-        );
-    }
-});
-
 
+      cargarSalas();
+    },
+  });
 }
 
-function cargarSalas() {
+function cargarSalaUsuario(idPartida) {
-
+  $.ajax({
-$.ajax({
     url: "controladores/controladorPartida.php",
     type: "POST",
     dataType: "json",
 
     data: {
-        orden: "listar"
+      orden: "buscar",
+      idPartida: idPartida,
+    },
+
+    success: function (partida) {
+      if (partida.error) {
+        console.error(partida.error);
+
+        return;
+      }
+
+      $("#contenedorSalas").empty();
+
+      cargarInformacionSala(partida);
+    },
+
+    error: function (xhr, status, error) {
+      console.error("Error al obtener la sala del usuario:", error);
+    },
+  });
+}
+
+function cargarSalas() {
+  $.ajax({
+    url: "controladores/controladorPartida.php",
+    type: "POST",
+    dataType: "json",
+
+    data: {
+      orden: "listar",
     },
 
     success: function (partidas) {
+      const contenedor = $("#contenedorSalas");
 
-        const contenedor = $("#contenedorSalas");
+      contenedor.empty();
+      contenedor.empty();
 
-        contenedor.empty();
+      if (!Array.isArray(partidas) || partidas.length === 0) {
-        contenedor.empty();
+        contenedor.html(`
-
-        if (!Array.isArray(partidas) || partidas.length === 0) {
-
-            contenedor.html(`
                 <div class="col-12 text-center">
                     <p class="text-muted">
                         No hay salas disponibles.
@@ -130,518 +106,383 @@ $.ajax({
                 </div>
             `);
 
-            return;
+        return;
-        }
+      }
 
-        partidas.forEach(function (partida) {
+      partidas.forEach(function (partida) {
-
+        cargarInformacionSala(partida);
-            cargarInformacionSala(partida);
+      });
-
-        });
     },
 
     error: function (xhr, status, error) {
-
+      console.error("Error al obtener las partidas:", error);
-        console.error(
+    },
-            "Error al obtener las partidas:",
+  });
-            error
-        );
-    }
-});
-
-
 }
 
 function cargarInformacionSala(partida) {
-
+  $.ajax({
-$.ajax({
     url: "controladores/controladorPartida.php",
     type: "POST",
     dataType: "json",
 
     data: {
-        orden: "getEquipos",
+      orden: "getEquipos",
-        idPartida: partida.idPartida
+      idPartida: partida.idPartida,
     },
 
     success: function (equipos) {
+      $.ajax({
+        url: "controladores/controladorPartida.php",
+        type: "POST",
+        dataType: "json",
 
-        $.ajax({
+        data: {
-            url: "controladores/controladorPartida.php",
+          orden: "getJugadores",
-            type: "POST",
+          idPartida: partida.idPartida,
-            dataType: "json",
+        },
 
-            data: {
+        success: function (jugadores) {
-                orden: "getJugadores",
+          mostrarSala(partida, equipos, jugadores);
-                idPartida: partida.idPartida
+        },
-            },
 
-            success: function (jugadores) {
+        error: function (xhr, status, error) {
-
+          console.error("Error al obtener jugadores:", error);
-                mostrarSala(
+        },
-                    partida,
+      });
-                    equipos,
-                    jugadores
-                );
-            },
-
-            error: function (xhr, status, error) {
-
-                console.error(
-                    "Error al obtener jugadores:",
-                    error
-                );
-            }
-        });
     },
 
     error: function (xhr, status, error) {
-
+      console.error("Error al obtener equipos:", error);
-        console.error(
+    },
-            "Error al obtener equipos:",
+  });
-            error
-        );
-    }
-});
-
-
 }
 
 function mostrarSala(partida, equipos, jugadores) {
+  const contenedor = $("#contenedorSalas");
 
-    const contenedor = $("#contenedorSalas");
+  let equiposHTML = "";
-    let equiposHTML = "";
 
-    equipos.forEach(function (equipo) {
+  equipos.forEach(function (equipo) {
-
+    const jugadoresEquipo = jugadores.filter(function (jugador) {
-        const jugadoresEquipo = jugadores.filter(function (jugador) {
+      return jugador.idEquipo == equipo.idEquipo;
-            return jugador.idEquipo == equipo.idEquipo;
+    });
-        });
 
         let jugadoresHTML = "";
 
-        if (jugadoresEquipo.length > 0) {
+    if (jugadoresEquipo.length > 0) {
-            jugadoresEquipo.forEach(function (jugador) {
+      jugadoresEquipo.forEach(function (jugador) {
-                jugadoresHTML += `
+        jugadoresHTML += `
-                    <div class="jugador">
+                <div class="jugador">
-                        <span class="avatar">👤</span>
-                        ${escapeHTML(jugador.nombreUsuario)}
-                    </div>
-                `;
-            });
-        } else {
-            jugadoresHTML = `
-                <div class="text-muted small">Sin jugadores</div>
-            `;
-        }
 
-        let botonUnirseHTML = "";
+                    <span class="avatar">
+                        👤
+                    </span>
 
-        if (!usuarioYaEstaEnEquipo) {
+                    ${escapeHTML(jugador.nombreUsuario)}
-            botonUnirseHTML = `
-                <button
-                    type="button"
-                    class="btn btn-unirse w-100 btn-unirse-equipo mt-2"
-                    data-id-partida="${partida.idPartida}"
-                    data-id-equipo="${equipo.idEquipo}">
-                    Unirse
-                </button>
-            `;
-        }
 
-        equiposHTML += `
-            <div class="equipo me-2 ms-2 p-3 border rounded">
-                <h6>${escapeHTML(equipo.nombreEquipo)}</h6>
-                <div class="jugadores mb-2">
-                    ${jugadoresHTML}
                 </div>
-                ${botonUnirseHTML}
+            `;
-            </div>
+      });
-        `;
+    } else {
-    });
+      jugadoresHTML = `
-
+            <div class="text-muted small">
-    // Zona de acciones adicionales si el usuario YA está dentro de esta sala
+                Sin jugadores
-    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>
         `;
     }
 
-    const salaHTML = `
+        let botonUnirseHTML = "";
-        <div class="col-12 col-md-10 col-lg-8">
+
-            <div class="sala card p-3 shadow-sm">
+    if (!usuarioYaEstaEnEquipo) {
-                <div class="sala-header h4 text-center mb-3">
+      botonUnirseHTML = `
-                    ${escapeHTML(partida.nombrePartida)}
+            <button
-                </div>
+                type="button"
-                <div class="sala-body">
+                class="btn btn-unirse w-100 btn-unirse-equipo"
-                    <div class="equipos d-flex justify-content-around">
+                data-id-partida="${partida.idPartida}"
-                        ${equiposHTML}
+                data-id-equipo="${equipo.idEquipo}">
-                    </div>
+
-                    ${accionesSalaHTML}
+                Unirse
-                </div>
+
+            </button>
+        `;
+    }
+
+    equiposHTML += `
+        <div class="equipo">
+
+            <h6>
+                ${escapeHTML(equipo.nombreEquipo)}
+            </h6>
+
+            <div class="jugadores">
+
+                ${jugadoresHTML}
+
             </div>
+
+            ${botonUnirseHTML}
+
         </div>
     `;
+  });
 
-    contenedor.append(salaHTML);
+  const salaHTML = `
+    <div class="col-12 col-md-10 col-lg-8">
+
+        <div class="sala">
+
+            <div class="sala-header">
+
+                ${escapeHTML(partida.nombrePartida)}
+
+            </div>
+
+            <div class="sala-body">
+
+                <div class="equipos">
+
+                    ${equiposHTML}
+
+                </div>
+            </div>
+
+        </div>
+
+    </div>
+`;
+
+  contenedor.append(salaHTML);
 }
 
 // ======================================================
 // UNIRSE A UN EQUIPO
 // ======================================================
 
-$(document).on(
+$(document).on("click", ".btn-unirse-equipo", function () {
-"click",
+  const boton = $(this);
-".btn-unirse-equipo",
-function () {
 
-    const boton = $(this);
+  const idEquipo = boton.data("id-equipo");
 
-    const idEquipo = boton.data("id-equipo");
+  const idPartida = boton.data("id-partida");
 
-    const idPartida = boton.data("id-partida");
+  boton.prop("disabled", true);
 
+  boton.text("Uniéndose...");
 
-    boton.prop("disabled", true);
+  $.ajax({
+    url: "controladores/ControladorEquipoxUsuario.php",
 
-    boton.text("Uniéndose...");
+    type: "POST",
 
+    dataType: "json",
 
-    $.ajax({
+    data: {
+      orden: "registrarUsuarioEnEquipo",
+      idEquipo: idEquipo,
+    },
 
-        url: "controladores/ControladorEquipoxUsuario.php",
+    success: function (respuesta) {
+      console.log("Respuesta al unirse:", respuesta);
 
-        type: "POST",
+      if (respuesta.error) {
+        alert(respuesta.error);
 
-        dataType: "json",
+        boton.prop("disabled", false);
 
-        data: {
+        boton.text("Unirse");
-            orden: "registrarUsuarioEnEquipo",
-            idEquipo: idEquipo
-        },
 
+        return;
+      }
 
-        success: function (respuesta) {
+      // ==========================================
+      // UNIÓN CORRECTA
+      // ==========================================
 
-            console.log(
+      usuarioYaEstaEnEquipo = true;
-                "Respuesta al unirse:",
-                respuesta
-            );
 
+      // Ocultamos el botón "Crear sala"
 
-            if (respuesta.error) {
+      $("#contenedorCrearSala").hide();
 
-                alert(respuesta.error);
+      // Eliminamos las salas actuales
 
-                boton.prop("disabled", false);
+      $("#contenedorSalas").empty();
 
-                boton.text("Unirse");
+      // Cargamos directamente la sala
+      // donde acaba de entrar el usuario
 
-                return;
+      cargarSalaUsuario(idPartida);
-            }
+    },
 
+    error: function (xhr, status, error) {
+      console.error("Error al unirse al equipo:", error);
 
-            // ==========================================
+      console.error("Respuesta del servidor:", xhr.responseText);
-            // UNIÓN CORRECTA
-            // ==========================================
 
-            usuarioYaEstaEnEquipo = true;
+      alert("No se ha podido unir al equipo.");
 
+      boton.prop("disabled", false);
 
-            // Ocultamos el botón "Crear sala"
+      boton.text("Unirse");
-
+    },
-            $("#contenedorCrearSala").hide();
+  });
-
+});
-
-            // Eliminamos las salas actuales
-
-            $("#contenedorSalas").empty();
-
-
-            // Cargamos directamente la sala
-            // donde acaba de entrar el usuario
-
-            cargarSalaUsuario(idPartida);
-        },
-
-
-        error: function (xhr, status, error) {
-
-            console.error(
-                "Error al unirse al equipo:",
-                error
-            );
-
-            console.error(
-                "Respuesta del servidor:",
-                xhr.responseText
-            );
-
-
-            alert(
-                "No se ha podido unir al equipo."
-            );
-
-
-            boton.prop("disabled", false);
-
-            boton.text("Unirse");
-        }
-    });
-}
-
-
-);
 
 // ======================================================
 // ESCAPAR HTML
 // ======================================================
 
 function escapeHTML(texto) {
-
+  return $("<div>")
-return $("<div>")
     .text(texto ?? "")
     .html();
-
-
 }
 
 // ======================================================
 // CREAR SALA
 // ======================================================
 
-$('#btnCrearSala').on('click', function () {
+$("#btnCrearSala").on("click", function () {
-	
+  const nombreSala = $("#nombreSala").val().trim();
-    const nombreSala =
+
-        $('#nombreSala').val().trim();
+  const nombreEquipo1 = $("#nombreEquipo1").val().trim();
-	
+
-    const nombreEquipo1 =
+  const nombreEquipo2 = $("#nombreEquipo2").val().trim();
-        $('#nombreEquipo1').val().trim();
+
-	
+  let valido = true;
-    const nombreEquipo2 =
+
-        $('#nombreEquipo2').val().trim();
+  $(".mensaje-error-sala").remove();
-	
+
-    let valido = true;
+  $(".input-kahoot").removeClass("is-invalid");
-	
+
-    $('.mensaje-error-sala').remove();
+  if (nombreSala === "") {
-	
+    mostrarError("#nombreSala", "El nombre de la sala es obligatorio.");
-    $('.input-kahoot')
+
-        .removeClass('is-invalid');
+    valido = false;
-	
+  } else if (nombreSala.length < 3) {
-    if (nombreSala === '') {
+    mostrarError(
-	
+      "#nombreSala",
-        mostrarError(
+      "El nombre de la sala debe tener al menos 3 caracteres.",
-            '#nombreSala',
+    );
-            'El nombre de la sala es obligatorio.'
+
-        );
+    valido = false;
-	
+  }
-        valido = false;
+
-	
+  if (nombreEquipo1 === "") {
-    } else if (nombreSala.length < 3) {
+    mostrarError("#nombreEquipo1", "El nombre del equipo 1 es obligatorio.");
-	
+
-        mostrarError(
+    valido = false;
-            '#nombreSala',
+  } else if (nombreEquipo1.length < 2) {
-            'El nombre de la sala debe tener al menos 3 caracteres.'
+    mostrarError(
-        );
+      "#nombreEquipo1",
-	
+      "El nombre del equipo debe tener al menos 2 caracteres.",
-        valido = false;
+    );
-    }
+
-	
+    valido = false;
-    if (nombreEquipo1 === '') {
+  }
-	
+
-        mostrarError(
+  if (nombreEquipo2 === "") {
-            '#nombreEquipo1',
+    mostrarError("#nombreEquipo2", "El nombre del equipo 2 es obligatorio.");
-            'El nombre del equipo 1 es obligatorio.'
+
-        );
+    valido = false;
-	
+  } else if (nombreEquipo2.length < 2) {
-        valido = false;
+    mostrarError(
-	
+      "#nombreEquipo2",
-    } else if (nombreEquipo1.length < 2) {
+      "El nombre del equipo debe tener al menos 2 caracteres.",
-	
+    );
-        mostrarError(
+
-            '#nombreEquipo1',
+    valido = false;
-            'El nombre del equipo debe tener al menos 2 caracteres.'
+  }
-        );
+
-	
+  if (
-        valido = false;
+    nombreEquipo1 !== "" &&
-    }
+    nombreEquipo2 !== "" &&
-	
+    nombreEquipo1.toLowerCase() === nombreEquipo2.toLowerCase()
-    if (nombreEquipo2 === '') {
+  ) {
-	
+    mostrarError(
-        mostrarError(
+      "#nombreEquipo2",
-            '#nombreEquipo2',
+      "Los dos equipos deben tener nombres diferentes.",
-            'El nombre del equipo 2 es obligatorio.'
+    );
-        );
+
-	
+    valido = false;
-        valido = false;
+  }
-	
+
-    } else if (nombreEquipo2.length < 2) {
+  if (!valido) {
-	
+    return;
-        mostrarError(
+  }
-            '#nombreEquipo2',
+
-            'El nombre del equipo debe tener al menos 2 caracteres.'
+  // Deshabilitamos el botón mientras se crea la sala
-        );
+  const boton = $("#btnCrearSala");
-	
+
-        valido = false;
+  boton.prop("disabled", true);
-    }
+  boton.text("Creando sala...");
-	
+
-    if (
+  $.ajax({
-        nombreEquipo1 !== '' &&
+    url: "controladores/controladorPartida.php", // <-- cambia esto por la ruta de tu controlador
-        nombreEquipo2 !== '' &&
+    type: "POST",
-        nombreEquipo1.toLowerCase() ===
+    dataType: "json",
-        nombreEquipo2.toLowerCase()
+    data: {
-    ) {
+      orden: "crear",
-	
+      nombrePartida: nombreSala,
-        mostrarError(
+      nombreEquipo1: nombreEquipo1,
-            '#nombreEquipo2',
+      nombreEquipo2: nombreEquipo2,
-            'Los dos equipos deben tener nombres diferentes.'
+    },
-        );
+
-	
+    success: function (respuesta) {
-        valido = false;
+      console.log("Respuesta del servidor:", respuesta);
-    }
+
-	
+      if (respuesta.error) {
-    if (!valido) {
+        alert(respuesta.error);
+
+        boton.prop("disabled", false);
+        boton.text("Crear sala");
+
         return;
-    }
+      }
 
-    // Deshabilitamos el botón mientras se crea la sala
+      if (respuesta.exito) {
-    const boton = $('#btnCrearSala');
+        $("#modalCrearSala").modal("hide");
+        location.reload();
+      }
+    },
 
-    boton.prop('disabled', true);
+    error: function (xhr, status, error) {
-    boton.text('Creando sala...');
+      console.error("Error al crear la sala:", error);
+      console.error("Respuesta:", xhr.responseText);
 
-    $.ajax({
+      alert("No se ha podido crear la sala.");
-        url: 'controladores/controladorPartida.php', // <-- cambia esto por la ruta de tu controlador
-        type: 'POST',
-        dataType: 'json',
-        data: {
-            orden: 'crear',
-            nombrePartida: nombreSala,
-            nombreEquipo1: nombreEquipo1,
-            nombreEquipo2: nombreEquipo2
-        },
 
-        success: function (respuesta) {
+      boton.prop("disabled", false);
-
+      boton.text("Crear sala");
-            console.log('Respuesta del servidor:', respuesta);
+    },
-
+  });
-            if (respuesta.error) {
-
-                alert(respuesta.error);
-
-                boton.prop('disabled', false);
-                boton.text('Crear sala');
-
-                return;
-            }
-
-            if (respuesta.exito) {
-                
-                $('#modalCrearSala').modal('hide');
-                location.reload();
-
-            }
-        },
-
-        error: function (xhr, status, error) {
-
-            console.error('Error al crear la sala:', error);
-            console.error('Respuesta:', xhr.responseText);
-
-            alert('No se ha podido crear la sala.');
-
-            boton.prop('disabled', false);
-            boton.text('Crear sala');
-        }
-    });
 });
 
-
 // ======================================================
 // MOSTRAR ERROR
 // ======================================================
 
 function mostrarError(selector, mensaje) {
+  const input = $(selector);
 
-const input = $(selector);
+  input.addClass("is-invalid");
 
-input.addClass("is-invalid");
+  input.after(`
-
-
-input.after(`
     <div class="mensaje-error-sala text-danger mt-1 small">
 
         ${mensaje}
 
     </div>
 `);
-
-
 }
 
 // ======================================================
 // QUITAR ERROR AL ESCRIBIR
 // ======================================================
 
-$(".input-kahoot").on(
+$(".input-kahoot").on("input", function () {
-"input",
+  $(this).removeClass("is-invalid");
-function () {
 
-    $(this).removeClass(
+  $(this).next(".mensaje-error-sala").remove();
-        "is-invalid"
+});
-    );
-
-    $(this)
-        .next(".mensaje-error-sala")
-        .remove();
-}
-
-
-);
-
-
-// ======================================================
-// ABANDONAR SALA
-// ======================================================
-$(document).on("click", ".btn-abandonar-sala", function () {
-    if (!confirm("¿Estás seguro de que deseas salir de esta sala?")) {
-        return;
-    }
-
-    const boton = $(this);
-    boton.prop("disabled", true).text("Saliendo...");
-
-    $.ajax({
-        url: "controladores/ControladorEquipoxUsuario.php",
-        type: "POST",
-        dataType: "json",
-        data: {
-            orden: "salirDeSala" // Asegúrate de procesar esta 'orden' en tu PHP
-        },
-        success: function (respuesta) {
-            if (respuesta.error) {
-                alert(respuesta.error);
-                boton.prop("disabled", false).text("Abandonar sala");
-                return;
-            }
-
-            // Restablecemos el estado y recargamos la lista completa de salas
-            usuarioYaEstaEnEquipo = false;
-            $("#contenedorCrearSala").show();
-            cargarSalas();
-        },
-        error: function (xhr, status, error) {
-            console.error("Error al salir de la sala:", error);
-            alert("No se pudo salir de la sala.");
-            boton.prop("disabled", false).text("Abandonar sala");
-        }
-    });
-});

js/perfil.js

@@ -56,7 +56,6 @@ function borrarNombre() {
   document.getElementById("nuevoNombre").value = "";
 }
 
-
 // =========================
 // CAMBIAR FOTO
 // =========================
@@ -106,3 +105,149 @@ $("#inputFoto").change(function () {
     }
   });
 });
+
+// =========================
+// RECOGER CATEGORIAS
+// ====
+
+$("#modalCrearPregunta").on("show.bs.modal", function () {
+  const selectCategoria = $("#idCategoria");
+
+  // Limpiamos las categorías anteriores
+  selectCategoria.empty();
+
+  // Opción inicial
+  selectCategoria.append('<option value="">Selecciona una categoría</option>');
+
+  $.ajax({
+    url: "controladores/controladorCategoria.php",
+    type: "POST",
+    dataType: "json",
+
+    data: {
+      orden: "listarCategorias",
+    },
+
+    success: function (respuesta) {
+      console.log("Categorías:", respuesta);
+
+      if (respuesta.error) {
+        alert(respuesta.error);
+        return;
+      }
+
+      $.each(respuesta, function (index, categoria) {
+        selectCategoria.append(
+          $("<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.");
+    },
+  });
+});
+
+// =========================
+// CREAR PREGUNTA
+// ====
+
+$("#formCrearPregunta").on("submit", function (e) {
+  e.preventDefault();
+
+  const boton = $("#btnCrearPregunta");
+
+  const pregunta = $("#pregunta").val().trim();
+  const respuestaCorrecta = $("#respuestaCorrecta").val().trim();
+  const respuestaIncorrecta1 = $("#respuestaIncorrecta1").val().trim();
+  const respuestaIncorrecta2 = $("#respuestaIncorrecta2").val().trim();
+  const respuestaIncorrecta3 = $("#respuestaIncorrecta3").val().trim();
+
+  // Comprobamos que no haya campos vacíos
+  if (
+    pregunta === "" ||
+    respuestaCorrecta === "" ||
+    respuestaIncorrecta1 === "" ||
+    respuestaIncorrecta2 === "" ||
+    respuestaIncorrecta3 === ""
+  ) {
+    alert("Todos los campos son obligatorios.");
+    return;
+  }
+
+  boton.prop("disabled", true);
+  boton.text("Creando pregunta...");
+
+  $.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,
+    },
+
+    success: function (respuesta) {
+      console.log("Respuesta del servidor:", respuesta);
+
+      if (respuesta.error) {
+        alert(respuesta.error);
+
+        boton.prop("disabled", false);
+        boton.text("Crear pregunta");
+
+        return;
+      }
+
+      if (respuesta.exito) {
+        console.log("Pregunta creada:", respuesta.idPregunta);
+
+        // Cerramos el modal
+        $("#modalCrearPregunta").modal("hide");
+
+        // Limpiamos el formulario
+        $("#formCrearPregunta")[0].reset();
+
+        // Volvemos a activar el botón
+        boton.prop("disabled", false);
+        boton.text("Crear pregunta");
+
+        // Si tienes que actualizar la lista de preguntas:
+        // cargarPreguntas();
+      }
+    },
+
+    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);
+      boton.text("Crear pregunta");
+    },
+  });
+});

perfil.php

@@ -315,6 +315,34 @@
 
                         </div>
 
+                        <!-- CATEGORÍA -->
+
+                        <div class="mb-4">
+
+                            <label
+                                for="idCategoria"
+                                class="form-label fw-semibold">
+
+                                <i class="bi bi-folder-fill me-1"></i>
+                                Categoría
+
+                            </label>
+
+                            <select
+                                id="idCategoria"
+                                name="idCategoria"
+                                class="form-select input-kahoot"
+                                required>
+
+                                <option value="">
+                                    Selecciona una categoría
+                                </option>
+
+                            </select>
+
+                        </div>
+
+
 
                         <!-- RESPUESTA CORRECTA -->
 
@@ -404,7 +432,8 @@
                     <button
                         type="submit"
                         form="formCrearPregunta"
-                        class="btn btn-kahoot-login">
+                        class="btn btn-kahoot-login"
+                        id="btnCrearPregunta">
 
                         <i class="bi bi-check-lg me-1"></i>
                         Crear pregunta