Add unirse a sala

buscadorSala.php

@@ -23,7 +23,8 @@
 
     <main class="container py-5">
 
-        <div class="text-center mb-5">
+        <div id="contenedorCrearSala" class="text-center mb-5">
+
 
             <button
                 type="button"

clases/ClaseEquipoxUsuario.php

@@ -2,18 +2,21 @@
 require_once __DIR__ . '/../includes/conexionBD.php';
 
 
-class EquipoxUsuario {
+class EquipoxUsuario
+{
     public $idEquipoxUsuario;
     public $idUsuario;
     public $idEquipo;
 
-    public function __construct($idEquipoxUsuario = null, $idUsuario = null, $idEquipo = null) {
+    public function __construct($idEquipoxUsuario = null, $idUsuario = null, $idEquipo = null)
+    {
         $this->idEquipoxUsuario = $idEquipoxUsuario;
         $this->idUsuario = $idUsuario;
         $this->idEquipo = $idEquipo;
     }
 
-    public function registrarUsuarioEnEquipo() {
+    public function registrarUsuarioEnEquipo()
+    {
         $conexion = conexionBD();
         if (is_array($conexion)) return $conexion;
 
@@ -36,7 +39,8 @@ class EquipoxUsuario {
         }
     }
 
-    public static function listarUsuariosPorEquipo($idEquipo) {
+    public static function listarUsuariosPorEquipo($idEquipo)
+    {
         $conexion = conexionBD();
         if (is_array($conexion)) return $conexion;
 
@@ -56,4 +60,62 @@ class EquipoxUsuario {
             ];
         }
     }
+    public function obtenerSalaUsuario($idUsuario)
+{
+    $conexion = conexionBD();
+
+    if (is_array($conexion)) {
+        return $conexion;
+    }
+
+    try {
+
+        $sql = "
+            SELECT
+                exu.idEquipo,
+                exp.idPartida
+            FROM equipoxusuario exu
+
+            INNER JOIN equipoxpartida exp
+                ON exu.idEquipo = exp.idEquipo
+
+            WHERE exu.idUsuario = :idUsuario
+
+            LIMIT 1
+        ";
+
+        $consulta = $conexion->prepare($sql);
+
+        $consulta->bindParam(
+            ':idUsuario',
+            $idUsuario,
+            PDO::PARAM_INT
+        );
+
+        $consulta->execute();
+
+        $resultado = $consulta->fetch(PDO::FETCH_ASSOC);
+
+        if (!$resultado) {
+
+            return [
+                'asociado' => false
+            ];
+        }
+
+        return [
+            'asociado' => true,
+            'idEquipo' => $resultado['idEquipo'],
+            'idPartida' => $resultado['idPartida']
+        ];
+
+    } catch (PDOException $error) {
+
+        return [
+            'error' => 'Ocurrió un error al obtener la sala del usuario.',
+            'error_tecnico' => $error->getMessage()
+        ];
+    }
+}
+
 }

controladores/ControladorEquipoxUsuario.php

@@ -7,26 +7,39 @@ require_once '../clases/ClaseEquipoxUsuario.php';
 switch ($_POST['orden']) {
 
     case 'registrarUsuarioEnEquipo':
+
         if (!isset($_SESSION['idUsuario'])) {
+
             echo json_encode([
                 'error' => 'No hay una sesión activa de usuario. Por favor, inicie sesión.'
             ]);
+
             break;
         }
+
         $idUsuario = $_SESSION['idUsuario'];
+
         $idEquipo = intval($_POST['idEquipo'] ?? 0);
-        break;
+
         if ($idEquipo <= 0) {
+
             echo json_encode([
                 'error' => 'El ID del equipo proporcionado no es válido.'
             ]);
+
             break;
         }
-        $equipoxusuario = new EquipoxUsuario();
+
-        $resultado = $equipoxusuario->registrarUsuarioEnEquipo($idEquipo, $idUsuario);
+        $equipoxusuario = new EquipoxUsuario(
+            null,
+            $idUsuario,
+            $idEquipo
+        );
+        $resultado = $equipoxusuario->registrarUsuarioEnEquipo();
         echo json_encode($resultado);
         break;
 
+
     case 'listarUsuariosPorEquipo':
         $idEquipo = intval($_POST['idEquipo'] ?? 0);
 
@@ -36,12 +49,30 @@ switch($_POST['orden']){
         }
         $equipoxusuario = new EquipoxUsuario();
         $listado = $equipoxusuario->listarUsuariosPorEquipo($idEquipo);
-        break;
+        //break;
         echo json_encode($listado);
         break;
 
+    case 'obtenerSalaUsuario':
 
+    if (!isset($_SESSION['idUsuario'])) {
+
+        echo json_encode([
+            'error' => 'No hay una sesión activa de usuario.'
+        ]);
+
+        break;
     }
 
+    $idUsuario = $_SESSION['idUsuario'];
 
-?>
+    $equipoxusuario = new EquipoxUsuario();
+
+    $resultado =
+        $equipoxusuario->obtenerSalaUsuario($idUsuario);
+
+    echo json_encode($resultado);
+
+    break;
+
+}

js/buscadorSala.js

@@ -1,26 +1,125 @@
+let usuarioYaEstaEnEquipo = false;
+
 $(document).ready(function () {
+comprobarSalaUsuario();
+});
+
+function comprobarSalaUsuario() {
+
+$("#cargandoSalas").remove();
+
+$.ajax({
+    url: "controladores/ControladorEquipoxUsuario.php",
+    type: "POST",
+    dataType: "json",
+
+    data: {
+        orden: "obtenerSalaUsuario"
+    },
+
+    success: function (respuesta) {
+
+        console.log("Sala del usuario:", respuesta);
+
+        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();
+    }
+});
+
+
+}
+
+function cargarSalaUsuario(idPartida) {
+
+$.ajax({
+    url: "controladores/controladorPartida.php",
+    type: "POST",
+    dataType: "json",
+
+    data: {
+        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',
+    url: "controladores/controladorPartida.php",
-            type: 'POST',
+    type: "POST",
-            dataType: 'json',
+    dataType: "json",
+
     data: {
-                orden: 'listar'
+        orden: "listar"
     },
 
     success: function (partidas) {
 
-                const contenedor =
+        const contenedor = $("#contenedorSalas");
-                    $('#contenedorSalas');
 
         contenedor.empty();
 
-                if (!Array.isArray(partidas) ||
+        if (!Array.isArray(partidas) || partidas.length === 0) {
-                    partidas.length === 0) {
 
             contenedor.html(`
                 <div class="col-12 text-center">
@@ -34,120 +133,111 @@ $(document).ready(function () {
         }
 
         partidas.forEach(function (partida) {
-                    cargarInformacionSala(partida);
-                });
 
+            cargarInformacionSala(partida);
+
+        });
     },
 
     error: function (xhr, status, error) {
 
         console.error(
-                    'Error al obtener las partidas:',
+            "Error al obtener las partidas:",
             error
         );
-
     }
 });
+
+
 }
 
 function cargarInformacionSala(partida) {
 
 $.ajax({
-            url: 'controladores/controladorPartida.php',
+    url: "controladores/controladorPartida.php",
-            type: 'POST',
+    type: "POST",
-            dataType: 'json',
+    dataType: "json",
 
     data: {
-                orden: 'getEquipos',
+        orden: "getEquipos",
         idPartida: partida.idPartida
     },
 
     success: function (equipos) {
 
         $.ajax({
-                    url: 'controladores/controladorPartida.php',
+            url: "controladores/controladorPartida.php",
-                    type: 'POST',
+            type: "POST",
-                    dataType: 'json',
+            dataType: "json",
 
             data: {
-                        orden: 'getJugadores',
+                orden: "getJugadores",
                 idPartida: partida.idPartida
             },
 
             success: function (jugadores) {
 
-                        crearSala(
+                mostrarSala(
                     partida,
                     equipos,
                     jugadores
                 );
-
             },
 
             error: function (xhr, status, error) {
 
                 console.error(
-                            'Error al obtener jugadores:',
+                    "Error al obtener jugadores:",
                     error
                 );
-
             }
         });
-
     },
 
     error: function (xhr, status, error) {
 
         console.error(
-                    'Error al obtener equipos:',
+            "Error al obtener equipos:",
             error
         );
-
     }
 });
+
+
 }
 
-    function crearSala(
+function mostrarSala(partida, equipos, jugadores) {
-        partida,
-        equipos,
-        jugadores
-    ) {
 
-        const contenedor =
+const contenedor = $("#contenedorSalas");
-            $('#contenedorSalas');
 
-        let equiposHTML = '';
+let equiposHTML = "";
 
 equipos.forEach(function (equipo) {
 
-            const jugadoresEquipo =
+    const jugadoresEquipo = jugadores.filter(function (jugador) {
-                jugadores.filter(function (jugador) {
 
-                    return jugador.idEquipo ==
+        return jugador.idEquipo == equipo.idEquipo;
-                        equipo.idEquipo;
 
     });
 
-            let jugadoresHTML = '';
+    let jugadoresHTML = "";
 
     if (jugadoresEquipo.length > 0) {
 
-                jugadoresEquipo.forEach(
+        jugadoresEquipo.forEach(function (jugador) {
-                    function (jugador) {
 
             jugadoresHTML += `
                 <div class="jugador">
+
                     <span class="avatar">
                         👤
                     </span>
-                                ${escapeHTML(
+
-                                    jugador.nombreUsuario
+                    ${escapeHTML(jugador.nombreUsuario)}
-                                )}
+
                 </div>
             `;
-
+        });
-                    }
-                );
 
     } else {
 
@@ -156,25 +246,14 @@ $(document).ready(function () {
                 Sin jugadores
             </div>
         `;
-
     }
 
-            equiposHTML += `
 
-                <div class="equipo">
+    let botonUnirseHTML = "";
 
-                    <h6>
+    if (!usuarioYaEstaEnEquipo) {
-                        ${escapeHTML(
-                            equipo.nombreEquipo
-                        )}
-                    </h6>
-
-                    <div class="jugadores">
-
-                        ${jugadoresHTML}
-
-                    </div>
 
+        botonUnirseHTML = `
             <button
                 type="button"
                 class="btn btn-unirse w-100 btn-unirse-equipo"
@@ -184,24 +263,38 @@ $(document).ready(function () {
                 Unirse
 
             </button>
+        `;
+    }
+
+
+    equiposHTML += `
+        <div class="equipo">
+
+            <h6>
+                ${escapeHTML(equipo.nombreEquipo)}
+            </h6>
+
+            <div class="jugadores">
+
+                ${jugadoresHTML}
 
             </div>
 
-            `;
+            ${botonUnirseHTML}
 
+        </div>
+    `;
 });
 
-        const salaHTML = `
 
+const salaHTML = `
     <div class="col-12 col-md-10 col-lg-8">
 
         <div class="sala">
 
             <div class="sala-header">
 
-                        ${escapeHTML(
+                ${escapeHTML(partida.nombrePartida)}
-                            partida.nombrePartida
-                        )}
 
             </div>
 
@@ -218,129 +311,167 @@ $(document).ready(function () {
         </div>
 
     </div>
-
 `;
 
+
 contenedor.append(salaHTML);
 
+
 }
 
+// ======================================================
+// UNIRSE A UN EQUIPO
+// ======================================================
+
 $(document).on(
-        'click',
+"click",
-        '.btn-unirse-equipo',
+".btn-unirse-equipo",
 function () {
 
     const boton = $(this);
 
-            const idPartida =
+    const idEquipo = boton.data("id-equipo");
-                boton.data('id-partida');
 
-            const idEquipo =
+    const idPartida = boton.data("id-partida");
-                boton.data('id-equipo');
 
-            boton.prop('disabled', true);
 
-            boton.text('Uniéndose...');
+    boton.prop("disabled", true);
+
+    boton.text("Uniéndose...");
+
 
     $.ajax({
 
-                url:
+        url: "controladores/ControladorEquipoxUsuario.php",
-                    'controladores/controladorPartida.php',
 
-                type: 'POST',
+        type: "POST",
 
-                dataType: 'json',
+        dataType: "json",
 
         data: {
-
+            orden: "registrarUsuarioEnEquipo",
-                    orden: 'registrarEquipo',
-
-                    idPartida: idPartida,
-
             idEquipo: idEquipo
-
         },
 
+
         success: function (respuesta) {
 
+            console.log(
+                "Respuesta al unirse:",
+                respuesta
+            );
+
+
             if (respuesta.error) {
 
                 alert(respuesta.error);
 
-                        boton.prop(
+                boton.prop("disabled", false);
-                            'disabled',
-                            false
-                        );
 
-                        boton.text('Unirse');
+                boton.text("Unirse");
 
                 return;
             }
 
-                    cargarSalas();
 
+            // ==========================================
+            // UNIÓN CORRECTA
+            // ==========================================
+
+            usuarioYaEstaEnEquipo = true;
+
+
+            // Ocultamos el botón "Crear sala"
+
+            $("#contenedorCrearSala").hide();
+
+
+            // Eliminamos las salas actuales
+
+            $("#contenedorSalas").empty();
+
+
+            // Cargamos directamente la sala
+            // donde acaba de entrar el usuario
+
+            cargarSalaUsuario(idPartida);
         },
 
-                error: function (
+
-                    xhr,
+        error: function (xhr, status, error) {
-                    status,
-                    error
-                ) {
 
             console.error(
-                        'Error al unirse al equipo:',
+                "Error al unirse al equipo:",
                 error
             );
 
+            console.error(
+                "Respuesta del servidor:",
+                xhr.responseText
+            );
+
+
             alert(
-                        'No se ha podido unir al equipo.'
+                "No se ha podido unir al equipo."
             );
 
-                    boton.prop(
-                        'disabled',
-                        false
-                    );
 
-                    boton.text('Unirse');
+            boton.prop("disabled", false);
 
+            boton.text("Unirse");
         }
-
     });
-
 }
+
+
 );
 
+// ======================================================
+// ESCAPAR HTML
+// ======================================================
+
 function escapeHTML(texto) {
 
-        return $('<div>')
+return $("<div>")
-            .text(texto ?? '')
+    .text(texto ?? "")
     .html();
 
+
 }
 
-    $('#btnCrearSala').on('click', function () {
+// ======================================================
+// CREAR SALA
+// ======================================================
+
+$("#btnCrearSala").on(
+"click",
+function () {
 
     const nombreSala =
-            $('#nombreSala').val().trim();
+        $("#nombreSala").val().trim();
 
     const nombreEquipo1 =
-            $('#nombreEquipo1').val().trim();
+        $("#nombreEquipo1").val().trim();
 
     const nombreEquipo2 =
-            $('#nombreEquipo2').val().trim();
+        $("#nombreEquipo2").val().trim();
+
 
     let valido = true;
 
-        $('.mensaje-error-sala').remove();
 
-        $('.input-kahoot')
+    $(".mensaje-error-sala").remove();
-            .removeClass('is-invalid');
 
-        if (nombreSala === '') {
+    $(".input-kahoot").removeClass(
+        "is-invalid"
+    );
+
+
+    if (nombreSala === "") {
 
         mostrarError(
-                '#nombreSala',
+            "#nombreSala",
-                'El nombre de la sala es obligatorio.'
+            "El nombre de la sala es obligatorio."
         );
 
         valido = false;
@@ -348,18 +479,19 @@ $(document).ready(function () {
     } else if (nombreSala.length < 3) {
 
         mostrarError(
-                '#nombreSala',
+            "#nombreSala",
-                'El nombre de la sala debe tener al menos 3 caracteres.'
+            "El nombre de la sala debe tener al menos 3 caracteres."
         );
 
         valido = false;
     }
 
-        if (nombreEquipo1 === '') {
+
+    if (nombreEquipo1 === "") {
 
         mostrarError(
-                '#nombreEquipo1',
+            "#nombreEquipo1",
-                'El nombre del equipo 1 es obligatorio.'
+            "El nombre del equipo 1 es obligatorio."
         );
 
         valido = false;
@@ -367,18 +499,19 @@ $(document).ready(function () {
     } else if (nombreEquipo1.length < 2) {
 
         mostrarError(
-                '#nombreEquipo1',
+            "#nombreEquipo1",
-                'El nombre del equipo debe tener al menos 2 caracteres.'
+            "El nombre del equipo debe tener al menos 2 caracteres."
         );
 
         valido = false;
     }
 
-        if (nombreEquipo2 === '') {
+
+    if (nombreEquipo2 === "") {
 
         mostrarError(
-                '#nombreEquipo2',
+            "#nombreEquipo2",
-                'El nombre del equipo 2 es obligatorio.'
+            "El nombre del equipo 2 es obligatorio."
         );
 
         valido = false;
@@ -386,63 +519,86 @@ $(document).ready(function () {
     } else if (nombreEquipo2.length < 2) {
 
         mostrarError(
-                '#nombreEquipo2',
+            "#nombreEquipo2",
-                'El nombre del equipo debe tener al menos 2 caracteres.'
+            "El nombre del equipo debe tener al menos 2 caracteres."
         );
 
         valido = false;
     }
 
+
     if (
-            nombreEquipo1 !== '' &&
+        nombreEquipo1 !== "" &&
-            nombreEquipo2 !== '' &&
+        nombreEquipo2 !== "" &&
         nombreEquipo1.toLowerCase() ===
         nombreEquipo2.toLowerCase()
     ) {
 
         mostrarError(
-                '#nombreEquipo2',
+            "#nombreEquipo2",
-                'Los dos equipos deben tener nombres diferentes.'
+            "Los dos equipos deben tener nombres diferentes."
         );
 
         valido = false;
     }
 
+
     if (!valido) {
+
         return;
     }
 
-        console.log('Datos válidos:');
+
+    console.log("Datos válidos:");
 
     console.log({
         nombreSala: nombreSala,
         nombreEquipo1: nombreEquipo1,
         nombreEquipo2: nombreEquipo2
     });
+}
 
-    });
+
+);
+
+// ======================================================
+// MOSTRAR ERROR
+// ======================================================
 
 function mostrarError(selector, mensaje) {
 
 const input = $(selector);
 
-        input.addClass('is-invalid');
+input.addClass("is-invalid");
+
 
 input.after(`
     <div class="mensaje-error-sala text-danger mt-1 small">
+
         ${mensaje}
+
     </div>
 `);
+
+
 }
 
-    $('.input-kahoot').on('input', function () {
+// ======================================================
+// QUITAR ERROR AL ESCRIBIR
+// ======================================================
 
-        $(this).removeClass('is-invalid');
+$(".input-kahoot").on(
+"input",
+function () {
+
+    $(this).removeClass(
+        "is-invalid"
+    );
 
     $(this)
-            .next('.mensaje-error-sala')
+        .next(".mensaje-error-sala")
         .remove();
+}
 
-    });
 
-});
+);