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

Funcionalidad de crear Sala.

Browse Source 
Crear ClaseEquipoxPartida.php
Modificar controladorPartida.php
This commit is contained in:
Isaac
2026-09-25 14:11:29 +02:00
parent 4e345fa01d 9a5575fe25
commit 26a46c29e8
7 changed files with 1010 additions and 568 deletions
Download Patch File Download Diff File Expand all files Collapse all files
buscadorSala.php
+3 -1
View File
@@ -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"
@@ -66,6 +67,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()
];
}
}
}
clases/ClaseEquipoxUsuario.php
+66 -4
View File
@@ -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
+36 -5
View File
@@ -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;
}
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
+300 -142
View File
@@ -1,26 +1,126 @@
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',
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();
contenedor.empty();
if (!Array.isArray(partidas) ||
partidas.length === 0) {
if (!Array.isArray(partidas) || partidas.length === 0) {
contenedor.html(`
<div class="col-12 text-center">
@@ -34,120 +134,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',
type: 'POST',
dataType: 'json',
url: "controladores/controladorPartida.php",
type: "POST",
dataType: "json",
data: {
orden: 'getEquipos',
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',
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(
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) {
const jugadoresEquipo = jugadores.filter(function (jugador) {
return jugador.idEquipo ==
equipo.idEquipo;
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 {
@@ -156,25 +247,14 @@ $(document).ready(function () {
Sin jugadores
</div>
`;
}
equiposHTML += `
<div class="equipo">
let botonUnirseHTML = "";
<h6>
${escapeHTML(
equipo.nombreEquipo
)}
</h6>
<div class="jugadores">
${jugadoresHTML}
</div>
if (!usuarioYaEstaEnEquipo) {
botonUnirseHTML = `
<button
type="button"
class="btn btn-unirse w-100 btn-unirse-equipo"
@@ -184,24 +264,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(
partida.nombrePartida
)}
${escapeHTML(partida.nombrePartida)}
</div>
@@ -218,129 +312,168 @@ $(document).ready(function () {
</div>
</div>
`;
contenedor.append(salaHTML);
}
// ======================================================
// UNIRSE A UN EQUIPO
// ======================================================
$(document).on(
'click',
'.btn-unirse-equipo',
"click",
".btn-unirse-equipo",
function () {
const boton = $(this);
const idPartida =
boton.data('id-partida');
const idEquipo = boton.data("id-equipo");
const idEquipo =
boton.data('id-equipo');
const idPartida = boton.data("id-partida");
boton.prop('disabled', true);
boton.text('Uniéndose...');
boton.prop("disabled", true);
boton.text("Uniéndose...");
$.ajax({
url:
'controladores/controladorPartida.php',
url: "controladores/ControladorEquipoxUsuario.php",
type: 'POST',
type: "POST",
dataType: 'json',
dataType: "json",
data: {
orden: 'registrarEquipo',
idPartida: idPartida,
orden: "registrarUsuarioEnEquipo",
idEquipo: idEquipo
},
success: function (respuesta) {
console.log(
"Respuesta al unirse:",
respuesta
);
if (respuesta.error) {
alert(respuesta.error);
boton.prop(
'disabled',
false
);
boton.prop("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,
status,
error
) {
error: function (xhr, 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>')
.text(texto ?? '')
return $("<div>")
.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;
let valido = true;
$('.mensaje-error-sala').remove();
$('.input-kahoot')
.removeClass('is-invalid');
$(".mensaje-error-sala").remove();
if (nombreSala === '') {
$(".input-kahoot").removeClass(
"is-invalid"
);
if (nombreSala === "") {
mostrarError(
'#nombreSala',
'El nombre de la sala es obligatorio.'
"#nombreSala",
"El nombre de la sala es obligatorio."
);
valido = false;
@@ -348,18 +481,19 @@ $(document).ready(function () {
} 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 === '') {
if (nombreEquipo1 === "") {
mostrarError(
'#nombreEquipo1',
'El nombre del equipo 1 es obligatorio.'
"#nombreEquipo1",
"El nombre del equipo 1 es obligatorio."
);
valido = false;
@@ -367,18 +501,19 @@ $(document).ready(function () {
} 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 === '') {
if (nombreEquipo2 === "") {
mostrarError(
'#nombreEquipo2',
'El nombre del equipo 2 es obligatorio.'
"#nombreEquipo2",
"El nombre del equipo 2 es obligatorio."
);
valido = false;
@@ -386,63 +521,86 @@ $(document).ready(function () {
} 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 !== "" &&
nombreEquipo2 !== "" &&
nombreEquipo1.toLowerCase() ===
nombreEquipo2.toLowerCase()
) {
mostrarError(
'#nombreEquipo2',
'Los dos equipos deben tener nombres diferentes.'
"#nombreEquipo2",
"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();
}
});
});
);