arreglado crear sala

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,104 +106,73 @@ $.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) {
-
+      return jugador.idEquipo == equipo.idEquipo;
-        return jugador.idEquipo == equipo.idEquipo;
-
     });
 
     let jugadoresHTML = "";
 
     if (jugadoresEquipo.length > 0) {
-
+      jugadoresEquipo.forEach(function (jugador) {
-        jugadoresEquipo.forEach(function (jugador) {
+        jugadoresHTML += `
-
-            jugadoresHTML += `
                 <div class="jugador">
 
                     <span class="avatar">
@@ -238,23 +183,19 @@ equipos.forEach(function (equipo) {
 
                 </div>
             `;
-        });
+      });
-
     } else {
-
+      jugadoresHTML = `
-        jugadoresHTML = `
             <div class="text-muted small">
                 Sin jugadores
             </div>
         `;
     }
 
-
     let botonUnirseHTML = "";
 
     if (!usuarioYaEstaEnEquipo) {
-
+      botonUnirseHTML = `
-        botonUnirseHTML = `
             <button
                 type="button"
                 class="btn btn-unirse w-100 btn-unirse-equipo"
@@ -267,7 +208,6 @@ equipos.forEach(function (equipo) {
         `;
     }
 
-
     equiposHTML += `
         <div class="equipo">
 
@@ -285,10 +225,9 @@ equipos.forEach(function (equipo) {
 
         </div>
     `;
-});
+  });
 
-
+  const salaHTML = `
-const salaHTML = `
     <div class="col-12 col-md-10 col-lg-8">
 
         <div class="sala">
@@ -314,293 +253,237 @@ const salaHTML = `
     </div>
 `;
 
-
+  contenedor.append(salaHTML);
-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(
+$("#btnCrearSala").on("click", function () {
-"click",
+  const nombreSala = $("#nombreSala").val().trim();
-function () {
 
-    const nombreSala =
+  const nombreEquipo1 = $("#nombreEquipo1").val().trim();
-        $("#nombreSala").val().trim();
 
-    const nombreEquipo1 =
+  const nombreEquipo2 = $("#nombreEquipo2").val().trim();
-        $("#nombreEquipo1").val().trim();
 
-    const nombreEquipo2 =
+  let valido = true;
-        $("#nombreEquipo2").val().trim();
 
+  $(".mensaje-error-sala").remove();
 
-    let valido = true;
+  $(".input-kahoot").removeClass("is-invalid");
-    let valido = true;
 
+  if (nombreSala === "") {
+    mostrarError("#nombreSala", "El nombre de la sala es obligatorio.");
 
-    $(".mensaje-error-sala").remove();
+    valido = false;
-
+  } else if (nombreSala.length < 3) {
-    $(".input-kahoot").removeClass(
+    mostrarError(
-        "is-invalid"
+      "#nombreSala",
+      "El nombre de la sala debe tener al menos 3 caracteres.",
     );
 
+    valido = false;
+  }
 
-    if (nombreSala === "") {
+  if (nombreEquipo1 === "") {
+    mostrarError("#nombreEquipo1", "El nombre del equipo 1 es obligatorio.");
 
-        mostrarError(
+    valido = false;
-            "#nombreSala",
+  } else if (nombreEquipo1.length < 2) {
-            "El nombre de la sala es obligatorio."
+    mostrarError(
-        );
+      "#nombreEquipo1",
+      "El nombre del equipo debe tener al menos 2 caracteres.",
+    );
 
-        valido = false;
+    valido = false;
+  }
 
-    } else if (nombreSala.length < 3) {
+  if (nombreEquipo2 === "") {
+    mostrarError("#nombreEquipo2", "El nombre del equipo 2 es obligatorio.");
 
-        mostrarError(
+    valido = false;
-            "#nombreSala",
+  } else if (nombreEquipo2.length < 2) {
-            "El nombre de la sala debe tener al menos 3 caracteres."
+    mostrarError(
-        );
+      "#nombreEquipo2",
+      "El nombre del equipo debe tener al menos 2 caracteres.",
+    );
 
-        valido = false;
+    valido = false;
-    }
+  }
 
+  if (
+    nombreEquipo1 !== "" &&
+    nombreEquipo2 !== "" &&
+    nombreEquipo1.toLowerCase() === nombreEquipo2.toLowerCase()
+  ) {
+    mostrarError(
+      "#nombreEquipo2",
+      "Los dos equipos deben tener nombres diferentes.",
+    );
 
-    if (nombreEquipo1 === "") {
+    valido = false;
+  }
 
-        mostrarError(
+  if (!valido) {
-            "#nombreEquipo1",
+    return;
-            "El nombre del equipo 1 es obligatorio."
+  }
-        );
 
-        valido = false;
+  // Deshabilitamos el botón mientras se crea la sala
+  const boton = $("#btnCrearSala");
 
-    } else if (nombreEquipo1.length < 2) {
+  boton.prop("disabled", true);
+  boton.text("Creando sala...");
 
-        mostrarError(
+  $.ajax({
-            "#nombreEquipo1",
+    url: "controladores/controladorPartida.php", // <-- cambia esto por la ruta de tu controlador
-            "El nombre del equipo debe tener al menos 2 caracteres."
+    type: "POST",
-        );
+    dataType: "json",
+    data: {
+      orden: "crear",
+      nombrePartida: nombreSala,
+      nombreEquipo1: nombreEquipo1,
+      nombreEquipo2: nombreEquipo2,
+    },
 
-        valido = false;
+    success: function (respuesta) {
-    }
+      console.log("Respuesta del servidor:", respuesta);
 
+      if (respuesta.error) {
+        alert(respuesta.error);
 
-    if (nombreEquipo2 === "") {
+        boton.prop("disabled", false);
-
+        boton.text("Crear sala");
-        mostrarError(
-            "#nombreEquipo2",
-            "El nombre del equipo 2 es obligatorio."
-        );
-
-        valido = false;
-
-    } else if (nombreEquipo2.length < 2) {
-
-        mostrarError(
-            "#nombreEquipo2",
-            "El nombre del equipo debe tener al menos 2 caracteres."
-        );
-
-        valido = false;
-    }
-
-
-    if (
-        nombreEquipo1 !== "" &&
-        nombreEquipo2 !== "" &&
-        nombreEquipo1.toLowerCase() ===
-        nombreEquipo2.toLowerCase()
-    ) {
-
-        mostrarError(
-            "#nombreEquipo2",
-            "Los dos equipos deben tener nombres diferentes."
-        );
-
-        valido = false;
-    }
-
-
-    if (!valido) {
 
         return;
-    }
+      }
 
+      if (respuesta.exito) {
+        $("#modalCrearSala").modal("hide");
+        location.reload();
+      }
+    },
 
-    console.log("Datos válidos:");
+    error: function (xhr, status, error) {
+      console.error("Error al crear la sala:", error);
+      console.error("Respuesta:", xhr.responseText);
 
-    console.log({
+      alert("No se ha podido crear la sala.");
-        nombreSala: nombreSala,
-        nombreEquipo1: nombreEquipo1,
-        nombreEquipo2: nombreEquipo2
-    });
-}
 
-
+      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();
-}
-
-
-);