Más funcionalidades de host
This commit is contained in:
+26
-2
@@ -174,10 +174,11 @@ function mostrarSala(partida, equipos, jugadores) {
|
|||||||
let accionesSalaHTML = "";
|
let accionesSalaHTML = "";
|
||||||
|
|
||||||
if (usuarioYaEstaEnEquipo) {
|
if (usuarioYaEstaEnEquipo) {
|
||||||
|
const esHost = partida.idUsuario == idUsuarioSesion;
|
||||||
let botonIniciarHTML = "";
|
let botonIniciarHTML = "";
|
||||||
|
|
||||||
// Solo el host puede iniciar la partida
|
// Solo el host puede iniciar la partida
|
||||||
if (partida.idUsuario == idUsuarioSesion) {
|
if (esHost) {
|
||||||
botonIniciarHTML = `
|
botonIniciarHTML = `
|
||||||
<a href="juego.php?idPartida=${partida.idPartida}"
|
<a href="juego.php?idPartida=${partida.idPartida}"
|
||||||
class="btn btn-success btn-lg px-4">
|
class="btn btn-success btn-lg px-4">
|
||||||
@@ -191,7 +192,8 @@ function mostrarSala(partida, equipos, jugadores) {
|
|||||||
|
|
||||||
<button type="button"
|
<button type="button"
|
||||||
class="btn btn-outline-danger btn-abandonar-sala"
|
class="btn btn-outline-danger btn-abandonar-sala"
|
||||||
data-id-partida="${partida.idPartida}">
|
data-id-partida="${partida.idPartida}"
|
||||||
|
data-es-host="${esHost}">
|
||||||
Abandonar sala
|
Abandonar sala
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
@@ -263,12 +265,34 @@ let botonAbandonarReferencia = null;
|
|||||||
// A. Al hacer clic en el botón "Abandonar sala" de la tarjeta, abrimos el modal
|
// A. Al hacer clic en el botón "Abandonar sala" de la tarjeta, abrimos el modal
|
||||||
$(document).on("click", ".btn-abandonar-sala", function () {
|
$(document).on("click", ".btn-abandonar-sala", function () {
|
||||||
botonAbandonarReferencia = $(this);
|
botonAbandonarReferencia = $(this);
|
||||||
|
|
||||||
|
const esHost = $(this).data("es-host") === true || $(this).data("es-host") === "true";
|
||||||
|
const titulo = $("#modalAbandonarSalaLabel");
|
||||||
|
const mensaje = $("#modalAbandonarSalaMensaje");
|
||||||
|
const botonConfirmar = $("#btnConfirmarAbandonar");
|
||||||
|
|
||||||
|
if (esHost) {
|
||||||
|
titulo.text("¿Abandonar la sala?");
|
||||||
|
mensaje.text(
|
||||||
|
"Si abandonas la sala como anfitrión, la partida terminará para todos los jugadores.",
|
||||||
|
);
|
||||||
|
botonConfirmar.text("Sí, abandonar");
|
||||||
|
} else {
|
||||||
|
titulo.text("¿Abandonar la sala?");
|
||||||
|
mensaje.text(
|
||||||
|
"Si sales de la sala, perderás tu lugar en el equipo.",
|
||||||
|
);
|
||||||
|
botonConfirmar.text("Sí, salir");
|
||||||
|
}
|
||||||
|
|
||||||
const modal = new bootstrap.Modal(
|
const modal = new bootstrap.Modal(
|
||||||
document.getElementById("modalAbandonarSala"),
|
document.getElementById("modalAbandonarSala"),
|
||||||
);
|
);
|
||||||
|
|
||||||
modal.show();
|
modal.show();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
// B. Al hacer clic en "Sí, salir" dentro del modal Kahoot
|
// B. Al hacer clic en "Sí, salir" dentro del modal Kahoot
|
||||||
$(document).on("click", "#btnConfirmarAbandonar", function () {
|
$(document).on("click", "#btnConfirmarAbandonar", function () {
|
||||||
const modalEl = document.getElementById("modalAbandonarSala");
|
const modalEl = document.getElementById("modalAbandonarSala");
|
||||||
|
|||||||
Reference in New Issue
Block a user