rparodi/ft_transcendence
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

cleaning code

Browse source
This commit is contained in:
apetitco 2026-01-09 16:36:57 +01:00 • committed by Maix0
parent f9d11bd6fa
commit 67a277da2d
1 changed files with 2 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

36
frontend/src/pages/ttt/ttt.ts
View file

@ -46,8 +46,6 @@ async function handleTTT(): Promise<RouteHandlerReturn> {
if (user === null) if (user === null)
return; return;
// BEGINNING
const userXString = document.getElementById("playerX-name"); const userXString = document.getElementById("playerX-name");
const userOString = document.getElementById("playerO-name"); const userOString = document.getElementById("playerO-name");
if (!userXString || !userOString) { if (!userXString || !userOString) {
@ -58,30 +56,10 @@ async function handleTTT(): Promise<RouteHandlerReturn> {
return showError('fatal error'); return showError('fatal error');
} }
// END
const joinQueueBtn = document.querySelector<HTMLButtonElement>("#JoinQueueBtn");
if (!joinQueueBtn) {
return showError('fatal error');
}
// TODO: Join queue button
// When clicking on this button, two scenarios:
// not in a game -> Join queue
// In a queue -> Leave queue
// Should I differentiate the scenarios here or inside the requestNewGame function ?
joinQueueBtn.addEventListener("click", () => {
console.log('===== JOIN QUEUE BUTTON PRESSED =====');
socket.emit("joinQueueButton");
});
let curGame: CurrentGameInfo | null = null; let curGame: CurrentGameInfo | null = null;
let curGameX: {id: string, name: string} | null = null; let curGameX: {id: string, name: string} | null = null;
let curGameO: {id: string, name: string} | null = null; let curGameO: {id: string, name: string} | null = null;
socket.on('updateInformation', (e) => showInfo(`UpdateInformation: t=${e.totalUser};q=${e.inQueue}`)); socket.on('updateInformation', (e) => showInfo(`UpdateInformation: t=${e.totalUser};q=${e.inQueue}`));
socket.on('queueEvent', (e) => showInfo(`QueueEvent: ${e}`)); socket.on('queueEvent', (e) => showInfo(`QueueEvent: ${e}`));
socket.on('newGame', async (gameState) => { socket.on('newGame', async (gameState) => {
@ -103,33 +81,23 @@ async function handleTTT(): Promise<RouteHandlerReturn> {
else else
showError(`Unable to get player information: ${resO.msg}`); showError(`Unable to get player information: ${resO.msg}`);
if (user.id === curGameO.id) if (user.id === curGameO.id) {
{
userOString.classList.add('text-red-800'); userOString.classList.add('text-red-800');
userOString.classList.remove('text-gray-800'); userOString.classList.remove('text-gray-800');
userXString.classList.remove('text-red-800'); userXString.classList.remove('text-red-800');
userXString.classList.add('text-gray-800'); userXString.classList.add('text-gray-800');
} else if (user.id === curGameX.id) {
}
else if (user.id === curGameX.id)
{
userXString.classList.add('text-red-800'); userXString.classList.add('text-red-800');
userXString.classList.remove('text-gray-800'); userXString.classList.remove('text-gray-800');
userOString.classList.remove('text-red-800'); userOString.classList.remove('text-red-800');
userOString.classList.add('text-gray-800'); userOString.classList.add('text-gray-800');
} }
userXString.innerText = curGameX.name; userXString.innerText = curGameX.name;
userOString.innerText = curGameO.name; userOString.innerText = curGameO.name;
}); });
socket.emit('enqueue'); socket.emit('enqueue');
const cells = app.querySelectorAll<HTMLDivElement>(".ttt-cell"); const cells = app.querySelectorAll<HTMLDivElement>(".ttt-cell");
// const grid = app.querySelector(".ttt-grid"); // Not sure about this one
const updateUI = (boardState: (string | null)[]) => { const updateUI = (boardState: (string | null)[]) => {
boardState.forEach((state, idx) => { boardState.forEach((state, idx) => {