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

Initial commit

Browse source
This commit is contained in:
Alessandro Petitcollin 2026-01-10 18:12:04 +01:00 • committed by Maix0
parent 19cae8ae63
commit 830d733f1b
1 changed files with 165 additions and 165 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -3,7 +3,7 @@ import { addRoute, type RouteHandlerReturn } from "@app/routing";
import tttPage from "./ttt.html?raw";
import {showError, showInfo, showSuccess, showWarn} from "@app/toast";
import {io} from "socket.io-client";
import type { GameUpdate, CSocket as Socket } from "./socket";
import type {CSocket as Socket, GameUpdate} from "./socket";
import {updateUser} from "@app/auth";
import client from "@app/api";
@ -19,7 +19,7 @@ enum QueueState {
InQueue = "In Queue",
InGame = "In Game",
Idle = "Join Queue",
};
}
document.addEventListener("ft:pageChange", () => {
if (window.__state.tttSock !== undefined) window.__state.tttSock.close();
@ -109,8 +109,7 @@ async function handleTTT(): Promise<RouteHandlerReturn> {
userOString.classList.remove('text-gray-800');
userXString.classList.remove('text-red-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.remove('text-gray-800');
userOString.classList.remove('text-red-800');
@ -129,6 +128,7 @@ async function handleTTT(): Promise<RouteHandlerReturn> {
};
const makeEnd = (type: 'win' | 'conceded' | 'draw', player: 'X' | 'O') => {
// TODO: Enhance the draw notification
if (type === 'draw') {
showWarn('It\'s a draw !')
}
@ -145,6 +145,7 @@ async function handleTTT(): Promise<RouteHandlerReturn> {
default:
return;
}
// TODO: Enhance the win/loss notification
if (youWin)
showSuccess('You won the game !');
else
@ -165,8 +166,7 @@ async function handleTTT(): Promise<RouteHandlerReturn> {
curGame = {...u, lastState: curGame.lastState};
if (curGame.currentPlayer === 'X')
{
if (curGame.currentPlayer === 'X') {
currentPlayerIndicator.innerText = "<";
} else if (curGame.currentPlayer === 'O') {
currentPlayerIndicator.innerText = ">";