jorge/triviagmatico
3
0
Fork 0
Code Issues 2 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

crear sala (crear clase EquipoxPartida y modificar controladorPartida)

Browse Source
This commit is contained in:
Isaac
2026-09-25 13:57:37 +02:00
parent 413d9552f2
commit d6e1cd8c2d
5 changed files with 552 additions and 458 deletions
Download Patch File Download Diff File Expand all files Collapse all files
buscadorSala.php
+1
View File
@@ -66,6 +66,7 @@
</main>
<!-- Modal Crear Sala -->
<div
class="modal fade"
id="modalCrearSala"
clases/ClaseEquipo.php
+20 -15
View File
@@ -2,37 +2,44 @@
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)) {
return $conexion;
} else {
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) {
$respuesta = [
'error' => 'Ocurrió un error al guardar el equipo.',
@@ -46,7 +53,9 @@ class Equipo{
}
function listar(){
function listar()
{
$conexion = conexionBD();
if (is_array($conexion)) {
@@ -61,7 +70,6 @@ class Equipo{
$resultado = $consulta->fetchAll(PDO::FETCH_ASSOC);
return $resultado;
} catch (PDOException $error) {
$respuesta = [
'error' => 'Ocurrió un error al obtener el listado de equipos.',
@@ -75,7 +83,8 @@ class Equipo{
}
function buscar(){
function buscar()
{
$conexion = conexionBD();
if (is_array($conexion)) {
@@ -91,7 +100,6 @@ class Equipo{
$resultado = $consulta->fetch(PDO::FETCH_ASSOC);
return $resultado;
} catch (PDOException $error) {
$respuesta = [
'error' => 'Ocurrió un error al buscar el equipo.',
@@ -105,7 +113,8 @@ class Equipo{
}
function borrar(){
function borrar()
{
$conexion = conexionBD();
if (is_array($conexion)) {
@@ -131,7 +140,6 @@ class Equipo{
}
return $respuesta;
} catch (PDOException $error) {
$respuesta = [
'error' => 'Ocurrió un error al eliminar el equipo.',
@@ -143,7 +151,4 @@ class Equipo{
}
}
}
}
?>
clases/ClaseEquipoxPartida.php
+60
View File
@@ -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
+140 -16
View File
@@ -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']) {
@@ -55,7 +53,6 @@ switch ($_POST['orden']) {
// Comprobamos que haya un usuario conectado
if (!isset($_SESSION['idUsuario'])) {
echo json_encode([
@@ -66,9 +63,7 @@ switch ($_POST['orden']) {
}
//Comprobamos que se haya introducido un nombre
// Comprobamos el nombre de la partida
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 de la partida.
// El usuario conectado será el propietario
$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
+115 -211
View File
@@ -1,27 +1,21 @@
$(document).ready(function () {
cargarSalas();
function cargarSalas() {
$.ajax({
url: 'controladores/controladorPartida.php',
type: 'POST',
dataType: 'json',
url: "controladores/controladorPartida.php",
type: "POST",
dataType: "json",
data: {
orden: 'listar'
orden: "listar",
},
success: function (partidas) {
const contenedor =
$('#contenedorSalas');
const contenedor = $("#contenedorSalas");
contenedor.empty();
if (!Array.isArray(partidas) ||
partidas.length === 0) {
if (!Array.isArray(partidas) || 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',
type: 'POST',
dataType: 'json',
url: "controladores/controladorPartida.php",
type: "POST",
dataType: "json",
data: {
orden: 'getEquipos',
idPartida: partida.idPartida
orden: "getEquipos",
idPartida: partida.idPartida,
},
success: function (equipos) {
$.ajax({
url: 'controladores/controladorPartida.php',
type: 'POST',
dataType: 'json',
url: "controladores/controladorPartida.php",
type: "POST",
dataType: "json",
data: {
orden: 'getJugadores',
idPartida: partida.idPartida
orden: "getJugadores",
idPartida: partida.idPartida,
},
success: function (jugadores) {
crearSala(
partida,
equipos,
jugadores
);
mostrarSala(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(
partida,
equipos,
jugadores
) {
function mostrarSala(partida, equipos, jugadores) {
const contenedor = $("#contenedorSalas");
const contenedor =
$('#contenedorSalas');
let equiposHTML = '';
let equiposHTML = "";
equipos.forEach(function (equipo) {
const jugadoresEquipo =
jugadores.filter(function (jugador) {
return jugador.idEquipo ==
equipo.idEquipo;
const jugadoresEquipo = 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(
jugador.nombreUsuario
)}
${escapeHTML(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(
equipo.nombreEquipo
)}
${escapeHTML(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(
partida.nombrePartida
)}
${escapeHTML(partida.nombrePartida)}
</div>
@@ -222,187 +165,126 @@ $(document).ready(function () {
`;
contenedor.append(salaHTML);
}
$(document).on(
'click',
'.btn-unirse-equipo',
function () {
$(document).on("click", ".btn-unirse-equipo", function () {
const boton = $(this);
const idPartida =
boton.data('id-partida');
const idPartida = boton.data("id-partida");
const idEquipo =
boton.data('id-equipo');
const idEquipo = 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:
'controladores/controladorPartida.php',
type: "POST",
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(
'disabled',
false
);
boton.prop("disabled", false);
boton.text('Unirse');
boton.text("Unirse");
return;
}
cargarSalas();
},
error: function (
xhr,
status,
error
) {
error: function (xhr, status, error) {
console.error("Error al unirse al equipo:", error);
console.error(
'Error al unirse al equipo:',
error
);
alert("No se ha podido unir al equipo.");
alert(
'No se ha podido unir al equipo.'
);
boton.prop(
'disabled',
false
);
boton.text('Unirse');
}
boton.prop("disabled", false);
boton.text("Unirse");
},
});
});
}
);
function escapeHTML(texto) {
return $('<div>')
.text(texto ?? '')
return $("<div>")
.text(texto ?? "")
.html();
}
$('#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 =
$('#nombreEquipo1').val().trim();
const nombreEquipo2 =
$('#nombreEquipo2').val().trim();
const nombreEquipo2 = $("#nombreEquipo2").val().trim();
let valido = true;
$('.mensaje-error-sala').remove();
$(".mensaje-error-sala").remove();
$('.input-kahoot')
.removeClass('is-invalid');
$(".input-kahoot").removeClass("is-invalid");
if (nombreSala === '') {
mostrarError(
'#nombreSala',
'El nombre de la sala es obligatorio.'
);
if (nombreSala === "") {
mostrarError("#nombreSala", "El nombre de la sala es obligatorio.");
valido = false;
} else if (nombreSala.length < 3) {
mostrarError(
'#nombreSala',
'El nombre de la sala debe tener al menos 3 caracteres.'
"#nombreSala",
"El nombre de la sala debe tener al menos 3 caracteres.",
);
valido = false;
}
if (nombreEquipo1 === '') {
mostrarError(
'#nombreEquipo1',
'El nombre del equipo 1 es obligatorio.'
);
if (nombreEquipo1 === "") {
mostrarError("#nombreEquipo1", "El nombre del equipo 1 es obligatorio.");
valido = false;
} else if (nombreEquipo1.length < 2) {
mostrarError(
'#nombreEquipo1',
'El nombre del equipo debe tener al menos 2 caracteres.'
"#nombreEquipo1",
"El nombre del equipo debe tener al menos 2 caracteres.",
);
valido = false;
}
if (nombreEquipo2 === '') {
mostrarError(
'#nombreEquipo2',
'El nombre del equipo 2 es obligatorio.'
);
if (nombreEquipo2 === "") {
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.'
"#nombreEquipo2",
"El nombre del equipo debe tener al menos 2 caracteres.",
);
valido = false;
}
if (
nombreEquipo1 !== '' &&
nombreEquipo2 !== '' &&
nombreEquipo1.toLowerCase() ===
nombreEquipo2.toLowerCase()
nombreEquipo1 !== "" &&
nombreEquipo2 !== "" &&
nombreEquipo1.toLowerCase() === nombreEquipo2.toLowerCase()
) {
mostrarError(
'#nombreEquipo2',
'Los dos equipos deben tener nombres diferentes.'
"#nombreEquipo2",
"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({
nombreSala: nombreSala,
$.ajax({
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 () {
$(this).removeClass('is-invalid');
$(this)
.next('.mensaje-error-sala')
.remove();
$(".input-kahoot").on("input", function () {
$(this).removeClass("is-invalid");
$(this).next(".mensaje-error-sala").remove();
});
});