2 Commits

Author SHA1 Message Date
margarita f74b518d22 seguir MVC en perfil 2026-10-01 14:24:57 +02:00
margarita 77e512be5b Aplicar MVC a perfil 2026-09-30 12:09:54 +02:00
16 changed files with 1065 additions and 368 deletions
+1 -1
View File
@@ -71,7 +71,7 @@
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
<button type="button" class="btn btn-kahoot-register" id="btnCrearSala">Crear sala</button> <button type="button" class="btn btn-kahoot-login" id="btnCrearSala">Crear sala</button>
</div> </div>
</div> </div>
</div> </div>
+30 -74
View File
@@ -1,118 +1,79 @@
<?php <?php
session_start(); session_start();
require_once '../clases/claseJuego.php'; require_once '../clases/claseJuego.php';
header('Content-Type: application/json; charset=utf-8'); header('Content-Type: application/json; charset=utf-8');
// Comprobamos que haya un usuario conectado // Hay que estar logueado y decir de qué partida se trata
if (!isset($_SESSION['idUsuario'])) { if (!isset($_SESSION['idUsuario'])) {
echo json_encode([ echo json_encode(['error' => 'Debes iniciar sesión para jugar.']);
'error' => 'Debes iniciar sesión para jugar.'
]);
exit; exit;
} }
$idUsuario = (int) $_SESSION['idUsuario']; $idUsuario = (int)$_SESSION['idUsuario'];
$idPartida = intval($_POST['idPartida'] ?? 0);
// Comprobamos que se haya indicado la partida
if (!isset($_POST['idPartida'])) {
echo json_encode([
'error' => 'No se ha indicado la partida.'
]);
exit;
}
$idPartida = intval($_POST['idPartida']);
if ($idPartida <= 0) { if ($idPartida <= 0) {
echo json_encode([ echo json_encode(['error' => 'No se ha indicado la partida.']);
'error' => 'La partida indicada no es válida.'
]);
exit; exit;
} }
// Comprobamos que el usuario pertenezca a la partida // Solo pueden jugar los usuarios que están en uno de los equipos de la partida
$perteneceAPartida = Juego::usuarioEnPartida($idPartida, $idUsuario);
$perteneceAPartida = Juego::usuarioEnPartida($idPartida,$idUsuario);
if (is_array($perteneceAPartida)) { if (is_array($perteneceAPartida)) {
echo json_encode($perteneceAPartida); echo json_encode($perteneceAPartida);
exit; exit;
} }
if (!$perteneceAPartida) { if (!$perteneceAPartida) {
echo json_encode([ echo json_encode(['error' => 'No formas parte de esta partida.']);
'error' => 'No formas parte de esta partida.'
]);
exit; exit;
} }
// Comprobamos la orden
$orden = $_POST['orden'] ?? ''; switch ($_POST['orden'] ?? '') {
switch ($orden) {
// CARGAR LAS PREGUNTAS DE LA PARTIDA
// Devuelve las 10 preguntas con sus respuestas (sin marcar la correcta)
case 'cargarPreguntas': case 'cargarPreguntas':
$resultado = Juego::cargarPreguntas($idPartida, $idUsuario); echo json_encode(Juego::cargarPreguntas($idPartida, $idUsuario));
echo json_encode($resultado);
break; break;
// REGISTRAR RESPUESTA
// Guarda la respuesta del usuario y dice si ha acertado
case 'responder': case 'responder':
if (!isset($_POST['idPartidaxPregunta']) || !isset($_POST['idRespuesta'])){ $idPartidaxPregunta = intval($_POST['idPartidaxPregunta'] ?? 0);
echo json_encode([ $idRespuesta = intval($_POST['idRespuesta'] ?? 0);
'error' => 'Faltan datos para registrar la respuesta.'
]);
if ($idPartidaxPregunta <= 0 || $idRespuesta <= 0) {
echo json_encode(['error' => 'Faltan datos para registrar la respuesta.']);
break; break;
} }
$idPartidaxPregunta = intval($_POST['idPartidaxPregunta']); echo json_encode(
Juego::registrarRespuesta(
$idRespuesta = intval($_POST['idRespuesta']); $idPartida,
$idUsuario,
if ($idPartidaxPregunta <= 0 || $idRespuesta <= 0){ $idPartidaxPregunta,
$idRespuesta
echo json_encode([ )
'error' => 'Los datos de la respuesta no son válidos.' );
]);
break;
}
// Registramos la respuesta del usuario
$resultado = Juego::registrarRespuesta($idPartida, $idUsuario, $idPartidaxPregunta, $idRespuesta);
echo json_encode($resultado);
break; break;
// Finalizar la partida y registrar los aciertos del usuario
// Recibe los aciertos del jugador al terminar sus 10 preguntas,
// para que resultados.php los pueda usar al montar la hoja de resultados
case 'finalizarPartida': case 'finalizarPartida':
$aciertos = intval($_POST['aciertos'] ?? 0); $aciertos = intval($_POST['aciertos'] ?? 0);
// Guardamos los aciertos en la sesión
if (!isset($_SESSION['aciertosPorPartida'])) { if (!isset($_SESSION['aciertosPorPartida'])) {
$_SESSION['aciertosPorPartida'] = []; $_SESSION['aciertosPorPartida'] = [];
} }
@@ -120,21 +81,16 @@ switch ($orden) {
echo json_encode([ echo json_encode([
'exito' => 'Aciertos registrados correctamente.', 'exito' => 'Aciertos registrados correctamente.',
'idPartida' => $idPartida, 'idPartida' => $idPartida,
'aciertos' => $aciertos 'aciertos' => $aciertos
]); ]);
break; break;
default: default:
echo json_encode([ echo json_encode(['error' => 'La orden indicada no existe.']);
'error' => 'La orden indicada no existe.'
]);
break; break;
} }
?>
+14
View File
@@ -0,0 +1,14 @@
<?php
if (session_status() === PHP_SESSION_NONE) {
session_start();
}
// Redirección si el usuario no ha iniciado sesión
if (!isset($_SESSION['idUsuario'])) {
header('Location: login.php');
exit();
}
$nombreUsuario = htmlspecialchars($_SESSION['nombreUsuario'] ?? 'Usuario');
$avatarUsuario = htmlspecialchars($_SESSION['avatar'] ?? 'img/avatars/defaultProfile.jpeg');
?>
+15 -83
View File
@@ -1,6 +1,6 @@
<?php <?php
session_start(); session_start();
require_once __DIR__ . '/../includes/conexionBD.php'; require_once $_SERVER['DOCUMENT_ROOT'] . '/includes/conexionBD.php';
header('Content-Type: application/json; charset=utf-8'); header('Content-Type: application/json; charset=utf-8');
@@ -26,7 +26,7 @@ if (is_array($conexion)) {
switch ($orden) { switch ($orden) {
case 'comprobarEstado': case 'comprobarEstado':
try { try {
// 1. Contar cuántos jugadores hay asignados en esta partida // Contar jugadores totales apuntados en los equipos de esta partida
$stmt = $conexion->prepare(" $stmt = $conexion->prepare("
SELECT COUNT(exu.idUsuario) AS total_jugadores SELECT COUNT(exu.idUsuario) AS total_jugadores
FROM equipoxpartida exp FROM equipoxpartida exp
@@ -38,7 +38,7 @@ switch ($orden) {
$preguntasTotalesEsperadas = $totalJugadores * 10; $preguntasTotalesEsperadas = $totalJugadores * 10;
// 2. Contar cuántas respuestas reales se han guardado // Contar respuestas dadas en la partida
$stmtRespuestas = $conexion->prepare(" $stmtRespuestas = $conexion->prepare("
SELECT COUNT(*) SELECT COUNT(*)
FROM respuestaalmacenada ra FROM respuestaalmacenada ra
@@ -50,16 +50,17 @@ switch ($orden) {
$terminada = ($respuestasRespondidas >= $preguntasTotalesEsperadas && $preguntasTotalesEsperadas > 0); $terminada = ($respuestasRespondidas >= $preguntasTotalesEsperadas && $preguntasTotalesEsperadas > 0);
// 3. Si ha terminado, guardamos los datos históricos una sola vez // Cuando la partida finaliza, se actualizan los históricos
if ($terminada && !isset($_SESSION['partidas_procesadas'][$idPartida])) { if ($terminada && !isset($_SESSION['partidas_procesadas'][$idPartida])) {
$conexion->beginTransaction(); $conexion->beginTransaction();
// --- CÁLCULO DE VELOCIDAD --- // CÁLCULO DE VELOCIDAD PREGUNTA A PREGUNTA EN SESIÓN
if (!isset($_SESSION['primeros_en_acertar'][$idPartida])) { if (!isset($_SESSION['primeros_en_acertar'][$idPartida])) {
$_SESSION['primeros_en_acertar'][$idPartida] = []; $_SESSION['primeros_en_acertar'][$idPartida] = [];
} }
// Vemos quién fue el primero
$stmtVelocidad = $conexion->prepare(" $stmtVelocidad = $conexion->prepare("
SELECT ra.idPartidaxPregunta, ra.idUsuario SELECT ra.idPartidaxPregunta, ra.idUsuario
FROM respuestaalmacenada ra FROM respuestaalmacenada ra
@@ -80,7 +81,8 @@ switch ($orden) {
} }
} }
// Consulta de aciertos // Actualizamos la base de datos
// Buscamos los aciertos de cada jugador en la partida actual
$stmtAciertos = $conexion->prepare(" $stmtAciertos = $conexion->prepare("
SELECT ra.idUsuario, exu.idEquipo, COUNT(*) as aciertos_partida SELECT ra.idUsuario, exu.idEquipo, COUNT(*) as aciertos_partida
FROM respuestaalmacenada ra FROM respuestaalmacenada ra
@@ -88,12 +90,12 @@ switch ($orden) {
INNER JOIN respuesta r ON ra.idRespuesta = r.idRespuesta INNER JOIN respuesta r ON ra.idRespuesta = r.idRespuesta
INNER JOIN equipoxusuario exu ON ra.idUsuario = exu.idUsuario INNER JOIN equipoxusuario exu ON ra.idUsuario = exu.idUsuario
WHERE pxp.idPartida = :idPartida AND r.correcta = 1 WHERE pxp.idPartida = :idPartida AND r.correcta = 1
GROUP BY ra.idUsuario, exu.idEquipo GROUP BY ra.idUsuario
"); ");
$stmtAciertos->execute([':idPartida' => $idPartida]); $stmtAciertos->execute([':idPartida' => $idPartida]);
$jugadoresPartida = $stmtAciertos->fetchAll(PDO::FETCH_ASSOC); $jugadoresPartida = $stmtAciertos->fetchAll(PDO::FETCH_ASSOC);
$updateAciertos = $conexion->prepare(" $updateAciertosGlobales = $conexion->prepare("
UPDATE usuario UPDATE usuario
SET aciertos = aciertos + :nuevos_aciertos SET aciertos = aciertos + :nuevos_aciertos
WHERE idUsuario = :idUsuario WHERE idUsuario = :idUsuario
@@ -105,6 +107,7 @@ switch ($orden) {
$idE = (int)$jp['idEquipo']; $idE = (int)$jp['idEquipo'];
$nuevosAciertos = (int)$jp['aciertos_partida']; $nuevosAciertos = (int)$jp['aciertos_partida'];
// Sumamos los aciertos al perfil del usuario
$updateAciertos->execute([ $updateAciertos->execute([
':nuevos_aciertos' => $nuevosAciertos, ':nuevos_aciertos' => $nuevosAciertos,
':idUsuario' => $idU ':idUsuario' => $idU
@@ -116,10 +119,11 @@ switch ($orden) {
$puntosEquipos[$idE] += $nuevosAciertos; $puntosEquipos[$idE] += $nuevosAciertos;
} }
if (!empty($puntosEquipos)) { // Determinamos qué equipo ha obtenido más aciertos en la partida
arsort($puntosEquipos); arsort($puntosEquipos);
$idEquipoGanador = key($puntosEquipos); $idEquipoGanador = key($puntosEquipos);
// Obtenemos todos los usuarios de la partida para asignar victorias/derrotas
$stmtMiembros = $conexion->prepare(" $stmtMiembros = $conexion->prepare("
SELECT exu.idUsuario, exu.idEquipo SELECT exu.idUsuario, exu.idEquipo
FROM equipoxpartida exp FROM equipoxpartida exp
@@ -142,15 +146,6 @@ switch ($orden) {
$updateDerrota->execute([':idUsuario' => $idU]); $updateDerrota->execute([':idUsuario' => $idU]);
} }
} }
}
// Marcar fecha fin de la partida para los históricos globales del grupo
$stmtFinalizar = $conexion->prepare("
UPDATE partida
SET fechaFin = NOW()
WHERE idPartida = :idPartida AND fechaFin IS NULL
");
$stmtFinalizar->execute([':idPartida' => $idPartida]);
$conexion->commit(); $conexion->commit();
$_SESSION['partidas_procesadas'][$idPartida] = true; $_SESSION['partidas_procesadas'][$idPartida] = true;
@@ -165,70 +160,7 @@ switch ($orden) {
} }
break; break;
case 'registrarSalidaUsuario': default:
try { echo json_encode(['error' => 'Acción no permitida']);
$idUsuario = (int)$_SESSION['idUsuario'];
$conexion->beginTransaction();
// A. LIBERACIÓN INMEDIATA DEL JUGADOR ACTUAL: Lo borramos de su equipo
$stmtSalir = $conexion->prepare("DELETE FROM equipoxusuario WHERE idUsuario = :idUsuario");
$stmtSalir->execute([':idUsuario' => $idUsuario]);
// B. CONTADOR DE ALUMNOS QUEDAN: Contamos cuántas personas quedan en los equipos de esta partida
$stmtContarQuedan = $conexion->prepare("
SELECT COUNT(exu.idUsuario)
FROM equipoxpartida exp
INNER JOIN equipoxusuario exu ON exp.idEquipo = exu.idEquipo
WHERE exp.idPartida = :idPartida
");
$stmtContarQuedan->execute([':idPartida' => $idPartida]);
$jugadoresRestantes = (int)$stmtContarQuedan->fetchColumn();
// C. DESTRUCCIÓN EN CADENA AUTOMÁTICA ATÓMICA (Si da 0, somos los últimos en salir)
if ($jugadoresRestantes === 0) {
// 1. Limpiar las respuestas almacenadas
$stmtBorrarRespuestas = $conexion->prepare("
DELETE ra FROM respuestaalmacenada ra
INNER JOIN partidaxpregunta pxp ON ra.idPartidaxPregunta = pxp.idPartidaxPregunta
WHERE pxp.idPartida = :idPartida
");
$stmtBorrarRespuestas->execute([':idPartida' => $idPartida]);
// 2. Limpiar las preguntas vinculadas a la partida
$stmtBorrarPreguntas = $conexion->prepare("DELETE FROM partidaxpregunta WHERE idPartida = :idPartida");
$stmtBorrarPreguntas->execute([':idPartida' => $idPartida]);
// 3. NUEVO: Obtener los IDs de los dos equipos que jugaban en esta partida antes de borrar la relación
$stmtObtenerEquipos = $conexion->prepare("SELECT idEquipo FROM equipoxpartida WHERE idPartida = :idPartida");
$stmtObtenerEquipos->execute([':idPartida' => $idPartida]);
$equiposDeLaPartida = $stmtObtenerEquipos->fetchAll(PDO::FETCH_COLUMN);
// 4. Limpiar la relación de equipos de la partida (tabla intermedia)
$stmtBorrarEquiposPartida = $conexion->prepare("DELETE FROM equipoxpartida WHERE idPartida = :idPartida");
$stmtBorrarEquiposPartida = $conexion->prepare("DELETE FROM equipoxpartida WHERE idPartida = :idPartida");
$stmtBorrarEquiposPartida->execute([':idPartida' => $idPartida]);
// 5. NUEVO: Borrar físicamente los equipos de la tabla 'equipo' si existen
if (!empty($equiposDeLaPartida)) {
// Creamos los marcadores (?, ?) de forma dinámica según los equipos que devuelva
$inQuery = implode(',', array_fill(0, count($equiposDeLaPartida), '?'));
$stmtBorrarEquiposFisicos = $conexion->prepare("DELETE FROM equipo WHERE idEquipo IN ($inQuery)");
$stmtBorrarEquiposFisicos->execute($equiposDeLaPartida);
}
// 6. Borrar físicamente la fila de la partida principal
$stmtBorrarSala = $conexion->prepare("DELETE FROM partida WHERE idPartida = :idPartida");
$stmtBorrarSala->execute([':idPartida' => $idPartida]);
}
$conexion->commit();
echo json_encode(['exito' => true, 'usuarios_quedan' => $jugadoresRestantes]);
} catch (PDOException $e) {
if ($conexion->inTransaction()) {
$conexion->rollBack();
}
echo json_encode(['error' => $e->getMessage()]);
}
break; break;
} }
+1 -2
View File
@@ -77,9 +77,8 @@
} }
.btn-unirse:hover { .btn-unirse:hover {
background-color: #1f6f09; background-color: #0f56ab;
color: white; color: white;
transform: translateY(-2px);
} }
.modal-kahoot { .modal-kahoot {
-15
View File
@@ -401,18 +401,3 @@
} }
} }
.modal-kahoot {
border: none;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
}
.modal-kahoot-header {
background-color: var(--kahoot-purple);
color: white;
border-bottom: none;
}
+1 -1
View File
@@ -276,7 +276,7 @@ $(document).on("click", ".btn-abandonar-sala", function () {
mensaje.text( mensaje.text(
"Si abandonas la sala como anfitrión, la partida terminará para todos los jugadores.", "Si abandonas la sala como anfitrión, la partida terminará para todos los jugadores.",
); );
botonConfirmar.text("Sí, terminar partida"); botonConfirmar.text("Sí, abandonar");
} else { } else {
titulo.text("¿Abandonar la sala?"); titulo.text("¿Abandonar la sala?");
mensaje.text( mensaje.text(
+1 -2
View File
@@ -43,7 +43,7 @@ function comprobarSesion() {
</button> </button>
<ul class="dropdown-menu dropdown-menu-end user-dropdown-menu" aria-labelledby="userDropdown"> <ul class="dropdown-menu dropdown-menu-end user-dropdown-menu" aria-labelledby="userDropdown">
<li> <li>
<a class="dropdown-item d-flex align-items-center gap-2" href="perfil.php"> <a class="dropdown-item d-flex align-items-center gap-2" href="perfil.html">
<i class="fa-solid fa-user text-primary"></i> Perfil <i class="fa-solid fa-user text-primary"></i> Perfil
</a> </a>
</li> </li>
@@ -203,4 +203,3 @@ $(document).on("click", "#botonCerrarSesion", function (event) {
} }
}); });
}); });
+5 -5
View File
@@ -36,11 +36,11 @@ function renderizarTablaRanking(jugadores) {
<thead class="table-dark"> <thead class="table-dark">
<tr> <tr>
<th scope="col" style="width: 10%;">#</th> <th scope="col" style="width: 10%;">#</th>
<th scope="col" class="text-start" style="width: 30%;"><i class="fa-solid fa-user"></i> <br> Jugador</th> <th scope="col" class="text-start" style="width: 35%;">Jugador</th>
<th scope="col" style="width: 15%;"><i class="fa-solid fa-trophy text-warning me-1"></i> <br> Victorias</th> <th scope="col" style="width: 15%;"><i class="fa-solid fa-trophy text-warning me-1"></i> Vic</th>
<th scope="col" style="width: 15%;"><i class="fa-solid fa-xmark text-danger me-1"></i> <br> Derrotas</th> <th scope="col" style="width: 15%;"><i class="fa-solid fa-xmark text-danger me-1"></i> Der</th>
<th scope="col" style="width: 15%;"><i class="fa-solid fa-bullseye text-success me-1"></i> <br> Aciertos</th> <th scope="col" style="width: 15%;"><i class="fa-solid fa-bullseye text-success me-1"></i> Aciertos</th>
<th scope="col" style="width: 15%;"><i class="fa-solid fa-medal text-info me-1"></i> <br> Efectividad</th> <th scope="col" style="width: 10%;"><i class="fa-solid fa-percent text-info me-1"></i> % Vic</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
+1 -13
View File
@@ -20,18 +20,7 @@ let bloqueado = false; // true mientras se envía una respuesta o se ve el feedb
let numeroAciertos = 0; // número de aciertos del jugador let numeroAciertos = 0; // número de aciertos del jugador
$(document).ready(function () { $(document).ready(function () {
idPartida = parseInt($("body").data("id-partida"), 10);
// Obtenemos el idPartida de la URL
// Ejemplo: juego.php?idPartida=3
const parametros = new URLSearchParams(window.location.search);
idPartida = parseInt(parametros.get("idPartida"), 10);
if (!idPartida || idPartida < 1) {
mostrarError("La partida indicada no es válida.");
return;
}
// Un solo listener para todos los botones de respuesta // Un solo listener para todos los botones de respuesta
$("#respuestas").on("click", ".btn-answer", function () { $("#respuestas").on("click", ".btn-answer", function () {
@@ -114,7 +103,6 @@ function responder($botonPulsado) {
if (bloqueado) { if (bloqueado) {
return; return;
} }
bloqueado = true; bloqueado = true;
const pregunta = preguntas[indice]; const pregunta = preguntas[indice];
+27 -4
View File
@@ -1,3 +1,26 @@
// COMPROBAR SESIÓN Y MOSTRAR NOMBRE/AVATAR
// (antes en perfil.php)
$.ajax({
method: "POST",
url: "controladores/controladorUsuario.php",
data: { orden: "comprobarSesion" },
}).done(function (respuesta) {
if (typeof respuesta === "string") respuesta = JSON.parse(respuesta);
if (!respuesta.activa) {
// Sin sesión: fuera de aquí
window.location.href = "index.php";
return;
}
$("#nombre").text(respuesta.usuario.nombreUsuario || "Usuario");
$("#fotoPerfil").attr(
"src",
respuesta.usuario.avatar || "img/avatars/defaultProfile.jpeg"
);
});
// ========================= // =========================
// MOSTRAR ESTADISTICAS // MOSTRAR ESTADISTICAS
// ========================= // =========================
@@ -50,8 +73,8 @@ function cambiarNombre() {
$("#nuevoNombre").val(""); $("#nuevoNombre").val("");
if (typeof comprobarEstadoSesion === "function") { if (typeof comprobarSesion === "function") {
comprobarEstadoSesion(); comprobarSesion();
} }
} }
}); });
@@ -110,8 +133,8 @@ $("#inputFoto").change(function () {
); );
// Actualizamos también el avatar superior en la cabecera // Actualizamos también el avatar superior en la cabecera
if (typeof comprobarEstadoSesion === "function") { if (typeof comprobarSesion === "function") {
comprobarEstadoSesion(); comprobarSesion();
} }
} }
}); });
+10 -52
View File
@@ -1,7 +1,5 @@
$(document).ready(function () { $(document).ready(function () {
// Captura segura del ID de la partida desde el body de la página const idPartida = $("body").data("id-partida");
const idPartida =
$("body").attr("data-id-partida") || $("body").data("id-partida");
comprobarEstadoPartida(idPartida); comprobarEstadoPartida(idPartida);
@@ -11,70 +9,30 @@ $(document).ready(function () {
}); });
function comprobarEstadoPartida(idPartida, intervalo = null) { function comprobarEstadoPartida(idPartida, intervalo = null) {
if (!idPartida || idPartida <= 0) return;
$.ajax({ $.ajax({
url: "controladores/controladorResultados.php", url: "controladores/controladorResultados.php",
type: "POST", type: "POST",
dataType: "json", dataType: "json",
data: { data: {
orden: "comprobarEstado", orden: "comprobarEstado",
idPartida: idPartida, idPartida: idPartida
}, },
success: function (respuesta) { success: function (respuesta) {
if (respuesta.error) { if (respuesta.error) {
console.error("Error del controlador:", respuesta.error); console.error("Error:", respuesta.error);
return; return;
} }
if (respuesta.terminada === true || respuesta.terminada === "true") { if (respuesta.terminada) {
if (intervalo !== null) { if (intervalo !== null) clearInterval(intervalo);
clearInterval(intervalo);
}
$("#pantalla-espera").hide(); $("#pantalla-espera").fadeOut(400, function() {
$("#pantalla-resultados").show(); location.reload();
});
} }
}, },
error: function () { error: function () {
console.log("Esperando conexión con el servidor del Trivial..."); console.log("Error de comunicación con el controlador.");
}, }
}); });
} }
// INTERCEPTOR DE SALIDA: Saca al usuario y destruye la sala en cascada
$(document).on("click", "#btnVolverInicio", function (e) {
e.preventDefault(); // Congelamos un instante la redirección
const urlDestino = $(this).attr("href");
// Leemos el ID de forma científica directamente desde el botón pulsado
const idPartida = $(this).attr("data-id");
if (!idPartida) {
window.location.href = urlDestino;
return;
}
$.ajax({
url: "controladores/controladorResultados.php",
type: "POST",
dataType: "json",
data: {
orden: "registrarSalidaUsuario",
idPartida: idPartida,
},
success: function (response) {
console.log(
"Servidor procesó la salida. Usuarios restantes: " +
response.usuarios_quedan,
);
},
error: function (error) {
console.error("Error técnico al salir de la sala:", error);
},
complete: function () {
// Rompemos la pausa y mandamos al jugador al menú de inicio limpio
window.location.href = urlDestino;
},
});
});
+23 -27
View File
@@ -1,6 +1,22 @@
<?php
session_start();
// Hay que estar logueado para jugar
if (!isset($_SESSION['idUsuario'])) {
header('Location: index.php');
exit;
}
// La partida llega por la URL: juego.php?idPartida=3
$idPartida = filter_input(INPUT_GET, 'idPartida', FILTER_VALIDATE_INT);
if (!$idPartida || $idPartida < 1) {
header('Location: buscadorSala.php');
exit;
}
?>
<!DOCTYPE html> <!DOCTYPE html>
<html lang="es"> <html lang="es">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -8,48 +24,28 @@
<title>Proyecto Trivial</title> <title>Proyecto Trivial</title>
<link rel="stylesheet" href="css/juego.css"> <link rel="stylesheet" href="css/juego.css">
<link rel="icon" type="image/svg+xml" href="img/favicon/favicon.svg"> <link rel="icon" type="image/svg+xml" href="img/favicon/favicon.svg">
</head> </head>
<body data-id-partida="<?= (int)$idPartida ?>">
<body> <!-- Progreso: "Pregunta 3 de 10" + barra -->
<!-- CABECERA Y PROGRESO -->
<div class="game-header"> <div class="game-header">
<span id="contadorPregunta">Cargando…</span>
<span id="contadorPregunta">
Cargando…
</span>
</div> </div>
<div class="progress-track"> <div class="progress-track">
<div class="progress-fill" id="barraProgreso"></div> <div class="progress-fill" id="barraProgreso"></div>
</div> </div>
<!-- PREGUNTA --> <!-- Contenedor de la Pregunta (lo rellena js/juego.js) -->
<div class="question-container"> <div class="question-container">
<div id="textoPregunta">Cargando preguntas…</div>
<div id="textoPregunta">
Cargando preguntas…
</div>
<div id="feedback" class="feedback" aria-live="polite"></div> <div id="feedback" class="feedback" aria-live="polite"></div>
</div> </div>
<!-- RESPUESTAS --> <!-- Contenedor de Respuestas (Estilo Kahoot, lo rellena js/juego.js) -->
<div class="answers-grid" id="respuestas"></div> <div class="answers-grid" id="respuestas"></div>
<!-- JAVASCRIPT -->
<script src="js/jquery-4.0.0.min.js"></script> <script src="js/jquery-4.0.0.min.js"></script>
<script src="js/juego.js"></script> <script src="js/juego.js"></script>
</body> </body>
</html> </html>
File diff suppressed because it is too large Load Diff
+4 -17
View File
@@ -1,17 +1,3 @@
<?php
if (session_status() === PHP_SESSION_NONE) {
session_start();
}
// Redirección si el usuario no ha iniciado sesión
if (!isset($_SESSION['idUsuario'])) {
header('Location: login.php');
exit();
}
$nombreUsuario = htmlspecialchars($_SESSION['nombreUsuario'] ?? 'Usuario');
$avatarUsuario = htmlspecialchars($_SESSION['avatar'] ?? 'img/avatars/defaultProfile.jpeg');
?>
<!DOCTYPE html> <!DOCTYPE html>
<html lang="es"> <html lang="es">
@@ -41,7 +27,7 @@ $avatarUsuario = htmlspecialchars($_SESSION['avatar'] ?? 'img/avatars/defaultPro
<body> <body>
<?php include_once 'cabecera.php'; ?> <div id="cabecera"></div>
<div class="perfil-container"> <div class="perfil-container">
@@ -62,14 +48,14 @@ $avatarUsuario = htmlspecialchars($_SESSION['avatar'] ?? 'img/avatars/defaultPro
<!-- Nombre --> <!-- Nombre -->
<h1 id="nombre" class="nombre"> <h1 id="nombre" class="nombre">
<?= $nombreUsuario ?>
</h1> </h1>
<!-- FOTO DE PERFIL --> <!-- FOTO DE PERFIL -->
<div class="foto-container"> <div class="foto-container">
<img id="fotoPerfil" <img id="fotoPerfil"
src="<?= $avatarUsuario ?>" src="img/avatars/defaultProfile.jpeg"
alt="Foto de perfil" alt="Foto de perfil"
class="avatar rounded-circle"> class="avatar rounded-circle">
@@ -309,6 +295,7 @@ $avatarUsuario = htmlspecialchars($_SESSION['avatar'] ?? 'img/avatars/defaultPro
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- Tu JavaScript --> <!-- Tu JavaScript -->
<script>$("#cabecera").load("cabecera.php");</script>
<script src="js/perfil.js"></script> <script src="js/perfil.js"></script>
</body> </body>
+8 -8
View File
@@ -1,6 +1,6 @@
<?php <?php
session_start(); session_start();
require_once __DIR__ . '/includes/conexionBD.php'; require_once $_SERVER['DOCUMENT_ROOT'] . '/includes/conexionBD.php';
$idPartida = intval($_GET['idPartida'] ?? 0); $idPartida = intval($_GET['idPartida'] ?? 0);
if ($idPartida <= 0) { if ($idPartida <= 0) {
@@ -29,7 +29,7 @@ $primerosEnAcertar = $_SESSION['primeros_en_acertar'][$idPartida] ?? [];
$jugadoresFinales = []; $jugadoresFinales = [];
$equiposFinales = []; $equiposFinales = [];
// Respuestas de velocidad (+2 o +1) procesadas en la capa de la vista // Respuestas de velocidad (+2 o +1)
foreach ($listaJugadoresRaw as $jugador) { foreach ($listaJugadoresRaw as $jugador) {
$idU = (int)$jugador['idUsuario']; $idU = (int)$jugador['idUsuario'];
$idE = (int)$jugador['idEquipo']; $idE = (int)$jugador['idEquipo'];
@@ -52,6 +52,7 @@ foreach ($listaJugadoresRaw as $jugador) {
$aciertos++; $aciertos++;
$idPxp = $resp['idPartidaxPregunta']; $idPxp = $resp['idPartidaxPregunta'];
// Si el ID de usuario coincide con el primero guardado de esa pregunta se lleva 2 puntos
if (isset($primerosEnAcertar[$idPxp]) && $primerosEnAcertar[$idPxp] === $idU) { if (isset($primerosEnAcertar[$idPxp]) && $primerosEnAcertar[$idPxp] === $idU) {
$puntosTotalesJugador += 2; $puntosTotalesJugador += 2;
} else { } else {
@@ -76,6 +77,7 @@ foreach ($listaJugadoresRaw as $jugador) {
$equiposFinales[$idE]['puntos'] += $puntosTotalesJugador; $equiposFinales[$idE]['puntos'] += $puntosTotalesJugador;
} }
// Ordenar según la puntuación final de mayor a menor
usort($jugadoresFinales, function($a, $b) { return $b['puntos'] <=> $a['puntos']; }); usort($jugadoresFinales, function($a, $b) { return $b['puntos'] <=> $a['puntos']; });
usort($equiposFinales, function($a, $b) { return $b['puntos'] <=> $a['puntos']; }); usort($equiposFinales, function($a, $b) { return $b['puntos'] <=> $a['puntos']; });
?> ?>
@@ -87,7 +89,7 @@ usort($equiposFinales, function($a, $b) { return $b['puntos'] <=> $a['puntos'];
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Resultados - Trivial</title> <title>Resultados - Trivial</title>
<link rel="stylesheet" href="css/resultados.css"> <link rel="stylesheet" href="css/resultados.css">
<script src="js/jquery-4.0.0.min.js"></script> <script src="https://jquery.com"></script>
</head> </head>
<body data-id-partida="<?php echo $idPartida; ?>"> <body data-id-partida="<?php echo $idPartida; ?>">
@@ -144,11 +146,9 @@ usort($equiposFinales, function($a, $b) { return $b['puntos'] <=> $a['puntos'];
</tbody> </tbody>
</table> </table>
<div class="contenedor-boton">
<div class="contenedor-boton"> <a href="/triviagmatico/buscadorSala.php" class="btn-inicio">Volver al Inicio 🏠</a>
<a href="/triviagmatico/" id="btnVolverInicio" data-id="<?php echo $idPartida; ?>" class="btn-inicio">Volver al Inicio 🏠</a> </div>
</div>
</div> </div>
<script src="js/resultados.js"></script> <script src="js/resultados.js"></script>