crear sala (crear clase EquipoxPartida y modificar controladorPartida)

buscadorSala.php

@@ -66,6 +66,7 @@
 
     </main>
 
+    <!-- Modal Crear Sala -->
     <div
         class="modal fade"
         id="modalCrearSala"

clases/ClaseEquipo.php

@@ -2,38 +2,45 @@
 require_once __DIR__ . '/../includes/conexionBD.php';
 
 
-class Equipo{
+class Equipo
+{
 
     public $idEquipo;
     public $nombreEquipo;
 
-    function __construct($idEquipo=null, $nombreEquipo=null){
+    function __construct($idEquipo = null, $nombreEquipo = null)
+    {
         $this->idEquipo = $idEquipo;
         $this->nombreEquipo = $nombreEquipo;
     }
 
 
-    function crear(){
+    function crear()
+    {
         $conexion = conexionBD();
 
-        if(is_array($conexion)){
+        if (is_array($conexion)) {
             return $conexion;
-        }else{
+        } else {
-            try{
+            try {
-                $consulta = $conexion->prepare("INSERT INTO equipo (nombreEquipo) VALUES (:nombreEquipo)");
+                $consulta = $conexion->prepare(
+                    "INSERT INTO equipo (nombreEquipo) VALUES (:nombreEquipo)"
+                );
 
                 $consulta->bindParam(':nombreEquipo', $this->nombreEquipo);
 
                 $consulta->execute();
 
+                // Guardamos el ID generado por la BD
+                $this->idEquipo = (int)$conexion->lastInsertId();
+
                 $respuesta = [
                     'exito' => 'Equipo creado correctamente',
-                    'exito_tecnico' => $this->nombreEquipo
+                    'exito_tecnico' => $this->idEquipo
                 ];
 
                 return $respuesta;
-
+            } catch (PDOException $error) {
-            }catch(PDOException $error){
                 $respuesta = [
                     'error' => 'Ocurrió un error al guardar el equipo.',
                     'error_tecnico' => $error->getMessage()
@@ -46,13 +53,15 @@ class Equipo{
     }
 
 
-    function listar(){
+
+    function listar()
+    {
         $conexion = conexionBD();
 
-        if(is_array($conexion)){
+        if (is_array($conexion)) {
             return $conexion;
-        }else{
+        } else {
-            try{
+            try {
                 $sql = 'SELECT * FROM equipo';
 
                 $consulta = $conexion->prepare($sql);
@@ -61,8 +70,7 @@ class Equipo{
                 $resultado = $consulta->fetchAll(PDO::FETCH_ASSOC);
 
                 return $resultado;
-
+            } catch (PDOException $error) {
-            }catch(PDOException $error){
                 $respuesta = [
                     'error' => 'Ocurrió un error al obtener el listado de equipos.',
                     'error_tecnico' => $error->getMessage()
@@ -75,13 +83,14 @@ class Equipo{
     }
 
 
-    function buscar(){
+    function buscar()
+    {
         $conexion = conexionBD();
 
-        if(is_array($conexion)){
+        if (is_array($conexion)) {
             return $conexion;
-        }else{
+        } else {
-            try{
+            try {
                 $consulta = $conexion->prepare("SELECT * FROM equipo WHERE idEquipo = :idEquipo");
 
                 $consulta->bindParam(':idEquipo', $this->idEquipo);
@@ -91,8 +100,7 @@ class Equipo{
                 $resultado = $consulta->fetch(PDO::FETCH_ASSOC);
 
                 return $resultado;
-
+            } catch (PDOException $error) {
-            }catch(PDOException $error){
                 $respuesta = [
                     'error' => 'Ocurrió un error al buscar el equipo.',
                     'error_tecnico' => $error->getMessage()
@@ -105,25 +113,26 @@ class Equipo{
     }
 
 
-    function borrar(){
+    function borrar()
+    {
         $conexion = conexionBD();
 
-        if(is_array($conexion)){
+        if (is_array($conexion)) {
             return $conexion;
-        }else{
+        } else {
-            try{
+            try {
                 $consulta = $conexion->prepare("DELETE FROM equipo WHERE idEquipo = :idEquipo");
 
                 $consulta->bindParam(':idEquipo', $this->idEquipo);
 
                 $consulta->execute();
 
-                if($consulta->rowCount() > 0){
+                if ($consulta->rowCount() > 0) {
                     $respuesta = [
                         'exito' => 'Se eliminó correctamente el equipo',
                         'exito_tecnico' => $this->idEquipo
                     ];
-                }else{
+                } else {
                     $respuesta = [
                         'error' => 'No existe ningún equipo con ese ID.',
                         'error_tecnico' => $this->idEquipo
@@ -131,8 +140,7 @@ class Equipo{
                 }
 
                 return $respuesta;
-
+            } catch (PDOException $error) {
-            }catch(PDOException $error){
                 $respuesta = [
                     'error' => 'Ocurrió un error al eliminar el equipo.',
                     'error_tecnico' => $error
@@ -143,7 +151,4 @@ class Equipo{
             }
         }
     }
-
 }
-
-?>

clases/ClaseEquipoxPartida.php

@@ -0,0 +1,60 @@
+<?php
+
+require_once __DIR__ . '/../includes/conexionBD.php';
+
+class EquipoxPartida
+{
+    public $idEquipoxPartida;
+    public $idEquipo;
+    public $idPartida;
+
+    public function __construct(
+        $idEquipoxPartida = null,
+        $idEquipo = null,
+        $idPartida = null
+    ) {
+        $this->idEquipoxPartida = $idEquipoxPartida;
+        $this->idEquipo = $idEquipo;
+        $this->idPartida = $idPartida;
+    }
+
+    public function insertar()
+    {
+        $conexion = conexionBD();
+
+        if (is_array($conexion)) {
+            return $conexion;
+        }
+
+        try {
+
+            $sql = "
+                INSERT INTO equipoxpartida
+                (idEquipo, idPartida)
+                VALUES
+                (:idEquipo, :idPartida)
+            ";
+
+            $consulta = $conexion->prepare($sql);
+
+            $consulta->bindParam(':idEquipo', $this->idEquipo);
+            $consulta->bindParam(':idPartida', $this->idPartida);
+
+            $consulta->execute();
+
+            $this->idEquipoxPartida = (int)$conexion->lastInsertId();
+
+            return [
+                'exito' => 'Equipo vinculado a la partida correctamente.',
+                'exito_tecnico' => $this->idEquipoxPartida
+            ];
+
+        } catch (PDOException $error) {
+
+            return [
+                'error' => 'Ocurrió un error al vincular el equipo con la partida.',
+                'error_tecnico' => $error->getMessage()
+            ];
+        }
+    }
+}

controladores/ControladorPartida.php

@@ -3,11 +3,9 @@
 session_start();
 
 require_once '../clases/ClasePartida.php';
-
+require_once '../clases/ClaseEquipo.php';
-
+require_once '../clases/ClaseEquipoxUsuario.php';
-
+require_once '../clases/ClaseEquipoxPartida.php';
-
-
 
 
 switch ($_POST['orden']) {
@@ -53,8 +51,7 @@ switch ($_POST['orden']) {
 
     case 'crear':
 
-         //Comprobamos que haya un usuario conectado
+        // Comprobamos que haya un usuario conectado
-    
 
         if (!isset($_SESSION['idUsuario'])) {
 
@@ -66,9 +63,7 @@ switch ($_POST['orden']) {
         }
 
 
-        
+        // Comprobamos el nombre de la partida
-        //Comprobamos que se haya introducido un nombre
-        
 
         if (
             !isset($_POST['nombrePartida']) ||
@@ -83,26 +78,155 @@ switch ($_POST['orden']) {
         }
 
 
+        // Comprobamos los nombres de los equipos
+
+        if (
+            !isset($_POST['nombreEquipo1']) ||
+            trim($_POST['nombreEquipo1']) === '' ||
+            !isset($_POST['nombreEquipo2']) ||
+            trim($_POST['nombreEquipo2']) === ''
+        ) {
+
+            echo json_encode([
+                'error' => 'Los nombres de los equipos son obligatorios.'
+            ]);
+
+            break;
+        }
 
 
-        //Creamos la partida
+        /*
-        
+     * ==========================================
+     * 1. CREAMOS LA PARTIDA
+     * ==========================================
+     */
 
         $partida = new Partida();
 
         $partida->nombrePartida = trim($_POST['nombrePartida']);
 
-        
+        // El usuario conectado será el propietario
-        //El usuario conectado será el propietario de la partida.
-        
         $partida->idUsuario = $_SESSION['idUsuario'];
 
+        $resultadoPartida = $partida->insertar();
 
-        $resultado = $partida->insertar();
 
-        echo json_encode($resultado);
+        if (isset($resultadoPartida['error'])) {
+
+            echo json_encode($resultadoPartida);
 
             break;
+        }
+
+        $idPartida = (int)$resultadoPartida['exito_tecnico'];
+
+
+        /*
+     * ==========================================
+     * 2. CREAMOS EL EQUIPO 1
+     * ==========================================
+     */
+
+        $equipo1 = new Equipo();
+
+        $equipo1->nombreEquipo = trim($_POST['nombreEquipo1']);
+
+        $resultadoEquipo1 = $equipo1->crear();
+
+
+        if (isset($resultadoEquipo1['error'])) {
+
+            echo json_encode($resultadoEquipo1);
+
+            break;
+        }
+
+
+        /*
+     * ==========================================
+     * 3. CREAMOS EL EQUIPO 2
+     * ==========================================
+     */
+
+        $equipo2 = new Equipo();
+
+        $equipo2->nombreEquipo = trim($_POST['nombreEquipo2']);
+
+        $resultadoEquipo2 = $equipo2->crear();
+
+
+        if (isset($resultadoEquipo2['error'])) {
+
+            echo json_encode($resultadoEquipo2);
+
+            break;
+        }
+
+                /*
+     * ==========================================
+     * 3. INSERTAMOS LOS EQUIPOS CON SU PARTIDA EN EQUIPOXPARTIDA
+     * ==========================================
+     */
+
+
+        $relacionEquipo1 = new EquipoxPartida(
+            null,
+            $equipo1->idEquipo,
+            $idPartida
+        );
+
+        $resultadoRelacion1 = $relacionEquipo1->insertar();
+
+
+        $relacionEquipo2 = new EquipoxPartida(
+            null,
+            $equipo2->idEquipo,
+            $idPartida
+        );
+
+        $resultadoRelacion2 = $relacionEquipo2->insertar();
+
+
+        /*
+     * ==========================================
+     * 4. ASIGNAMOS EL USUARIO AL EQUIPO 1
+     * ==========================================
+     */
+
+        $usuarioEquipo = new EquipoxUsuario(
+            null,
+            $_SESSION['idUsuario'],
+            $equipo1->idEquipo
+        );
+
+        $resultadoUsuarioEquipo =
+            $usuarioEquipo->registrarUsuarioEnEquipo();
+
+
+        if (isset($resultadoUsuarioEquipo['error'])) {
+
+            echo json_encode($resultadoUsuarioEquipo);
+
+            break;
+        }
+
+
+        /*
+     * ==========================================
+     * TODO CORRECTO
+     * ==========================================
+     */
+
+        echo json_encode([
+            'exito' => 'Sala creada correctamente.',
+            'idPartida' => $resultadoPartida['exito_tecnico'],
+            'idEquipo1' => $equipo1->idEquipo,
+            'idEquipo2' => $equipo2->idEquipo
+        ]);
+
+        break;
+
+
 
 
 

js/buscadorSala.js

@@ -1,27 +1,21 @@
 $(document).ready(function () {
-
   cargarSalas();
 
   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 = $("#contenedorSalas");
-                const contenedor =
-                    $('#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">
                             <p class="text-muted">
@@ -36,127 +30,81 @@ $(document).ready(function () {
         partidas.forEach(function (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({
-            url: 'controladores/controladorPartida.php',
+      url: "controladores/controladorPartida.php",
-            type: 'POST',
+      type: "POST",
-            dataType: 'json',
+      dataType: "json",
 
       data: {
-                orden: 'getEquipos',
+        orden: "getEquipos",
-                idPartida: partida.idPartida
+        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
+            idPartida: partida.idPartida,
           },
 
           success: function (jugadores) {
-
+            mostrarSala(partida, equipos, jugadores);
-                        crearSala(
-                            partida,
-                            equipos,
-                            jugadores
-                        );
-
           },
 
           error: function (xhr, status, error) {
-
+            console.error("Error al obtener jugadores:", 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 crearSala(
+  function mostrarSala(partida, equipos, jugadores) {
-        partida,
+    const contenedor = $("#contenedorSalas");
-        equipos,
-        jugadores
-    ) {
 
-        const contenedor =
+    let equiposHTML = "";
-            $('#contenedorSalas');
-
-        let equiposHTML = '';
 
     equipos.forEach(function (equipo) {
-
+      const jugadoresEquipo = jugadores.filter(function (jugador) {
-            const jugadoresEquipo =
+        return jugador.idEquipo == equipo.idEquipo;
-                jugadores.filter(function (jugador) {
-
-                    return jugador.idEquipo ==
-                        equipo.idEquipo;
-
       });
 
-            let jugadoresHTML = '';
+      let jugadoresHTML = "";
 
       if (jugadoresEquipo.length > 0) {
-
+        jugadoresEquipo.forEach(function (jugador) {
-                jugadoresEquipo.forEach(
-                    function (jugador) {
-
           jugadoresHTML += `
                             <div class="jugador">
                                 <span class="avatar">
                                     👤
                                 </span>
-                                ${escapeHTML(
+                                ${escapeHTML(jugador.nombreUsuario)}
-                                    jugador.nombreUsuario
-                                )}
                             </div>
                         `;
-
+        });
-                    }
-                );
-
       } else {
-
         jugadoresHTML = `
                     <div class="text-muted small">
                         Sin jugadores
                     </div>
                 `;
-
       }
 
       equiposHTML += `
@@ -164,9 +112,7 @@ $(document).ready(function () {
                 <div class="equipo">
 
                     <h6>
-                        ${escapeHTML(
+                        ${escapeHTML(equipo.nombreEquipo)}
-                            equipo.nombreEquipo
-                        )}
                     </h6>
 
                     <div class="jugadores">
@@ -188,7 +134,6 @@ $(document).ready(function () {
                 </div>
 
             `;
-
     });
 
     const salaHTML = `
@@ -199,9 +144,7 @@ $(document).ready(function () {
 
                     <div class="sala-header">
 
-                        ${escapeHTML(
+                        ${escapeHTML(partida.nombrePartida)}
-                            partida.nombrePartida
-                        )}
 
                     </div>
 
@@ -222,187 +165,126 @@ $(document).ready(function () {
         `;
 
     contenedor.append(salaHTML);
-
   }
 
-    $(document).on(
+  $(document).on("click", ".btn-unirse-equipo", function () {
-        'click',
-        '.btn-unirse-equipo',
-        function () {
-
     const boton = $(this);
 
-            const idPartida =
+    const idPartida = boton.data("id-partida");
-                boton.data('id-partida');
 
-            const idEquipo =
+    const idEquipo = boton.data("id-equipo");
-                boton.data('id-equipo');
 
-            boton.prop('disabled', true);
+    boton.prop("disabled", true);
 
-            boton.text('Uniéndose...');
+    boton.text("Uniéndose...");
 
     $.ajax({
+      url: "controladores/controladorPartida.php",
 
-                url:
+      type: "POST",
-                    'controladores/controladorPartida.php',
 
-                type: 'POST',
+      dataType: "json",
-
-                dataType: 'json',
 
       data: {
-
+        orden: "registrarEquipo",
-                    orden: 'registrarEquipo',
 
         idPartida: idPartida,
 
-                    idEquipo: idEquipo
+        idEquipo: idEquipo,
-
       },
 
       success: function (respuesta) {
-
         if (respuesta.error) {
-
           alert(respuesta.error);
 
-                        boton.prop(
+          boton.prop("disabled", false);
-                            'disabled',
-                            false
-                        );
 
-                        boton.text('Unirse');
+          boton.text("Unirse");
 
           return;
         }
 
         cargarSalas();
-
       },
 
-                error: function (
+      error: function (xhr, status, error) {
-                    xhr,
+        console.error("Error al unirse al equipo:", error);
-                    status,
-                    error
-                ) {
 
-                    console.error(
+        alert("No se ha podido unir al equipo.");
-                        'Error al unirse al equipo:',
-                        error
-                    );
 
-                    alert(
+        boton.prop("disabled", false);
-                        'No se ha podido unir al equipo.'
-                    );
-
-                    boton.prop(
-                        'disabled',
-                        false
-                    );
-
-                    boton.text('Unirse');
-
-                }
 
+        boton.text("Unirse");
+      },
+    });
   });
 
-        }
-    );
-
   function escapeHTML(texto) {
-
+    return $("<div>")
-        return $('<div>')
+      .text(texto ?? "")
-            .text(texto ?? '')
       .html();
-
   }
 
-    $('#btnCrearSala').on('click', function () {
+  $("#btnCrearSala").on("click", function () {
+    const nombreSala = $("#nombreSala").val().trim();
 
-        const nombreSala =
+    const nombreEquipo1 = $("#nombreEquipo1").val().trim();
-            $('#nombreSala').val().trim();
 
-        const nombreEquipo1 =
+    const nombreEquipo2 = $("#nombreEquipo2").val().trim();
-            $('#nombreEquipo1').val().trim();
-
-        const nombreEquipo2 =
-            $('#nombreEquipo2').val().trim();
 
     let valido = true;
 
-        $('.mensaje-error-sala').remove();
+    $(".mensaje-error-sala").remove();
 
-        $('.input-kahoot')
+    $(".input-kahoot").removeClass("is-invalid");
-            .removeClass('is-invalid');
 
-        if (nombreSala === '') {
+    if (nombreSala === "") {
-
+      mostrarError("#nombreSala", "El nombre de la sala es obligatorio.");
-            mostrarError(
-                '#nombreSala',
-                'El nombre de la sala es obligatorio.'
-            );
 
       valido = false;
-
     } 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", "El nombre del equipo 1 es obligatorio.");
-            mostrarError(
-                '#nombreEquipo1',
-                'El nombre del equipo 1 es obligatorio.'
-            );
 
       valido = false;
-
     } 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", "El nombre del equipo 2 es obligatorio.");
-            mostrarError(
-                '#nombreEquipo2',
-                'El nombre del equipo 2 es obligatorio.'
-            );
 
       valido = false;
-
     } 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() ===
+      nombreEquipo1.toLowerCase() === nombreEquipo2.toLowerCase()
-            nombreEquipo2.toLowerCase()
     ) {
-
       mostrarError(
-                '#nombreEquipo2',
+        "#nombreEquipo2",
-                'Los dos equipos deben tener nombres diferentes.'
+        "Los dos equipos deben tener nombres diferentes.",
       );
 
       valido = false;
@@ -412,21 +294,48 @@ $(document).ready(function () {
       return;
     }
 
-        console.log('Datos válidos:');
+    // ==========================================
+    // AJAX
+    // ==========================================
 
-        console.log({
+    $.ajax({
-            nombreSala: nombreSala,
+      method: "POST",
+      url: "controladores/controladorPartida.php",
+      data: {
+        nombrePartida: nombreSala,
         nombreEquipo1: nombreEquipo1,
-            nombreEquipo2: nombreEquipo2
+        nombreEquipo2: nombreEquipo2,
-        });
+        orden: "crear",
+      },
+    }).done(function (respuesta) {
+      console.log(respuesta);
 
+      respuesta = JSON.parse(respuesta);
+
+      if (respuesta.error) {
+        alert(respuesta.error);
+      } else {
+        console.log("Sala creada correctamente");
+        console.log("ID partida:", respuesta.idPartida);
+        console.log("ID equipo 1:", respuesta.idEquipo1);
+        console.log("ID equipo 2:", respuesta.idEquipo2);
+
+        // Cerramos el modal
+        $("#modalCrearSala").modal("hide");
+
+        // Aquí posteriormente podemos mandar al usuario
+        // a la página de la sala
+        //
+        // window.location.href =
+        //     'sala.php?id=' + respuesta.idPartida;
+      }
+    });
   });
 
   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">
@@ -435,14 +344,9 @@ $(document).ready(function () {
         `);
   }
 
-    $('.input-kahoot').on('input', function () {
+  $(".input-kahoot").on("input", function () {
-
+    $(this).removeClass("is-invalid");
-        $(this).removeClass('is-invalid');
-
-        $(this)
-            .next('.mensaje-error-sala')
-            .remove();
 
+    $(this).next(".mensaje-error-sala").remove();
   });
-
 });