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

ready btn pretty

Browse source
This commit is contained in:
bgoulard 2026-01-07 14:58:32 +01:00 • committed by Nigel
parent 5e19ed3ed9
commit 8df5c57b9a
2 changed files with 17 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

5
frontend/src/pages/pong/pong.css
View file

@ -149,10 +149,9 @@
rounded-2xl rounded-2xl
absolute absolute
justify-center justify-center
text-black text-center text-lg
text-center
text-base
bg-white bg-white
border-5 border-white
z-50 z-50
} }

23
frontend/src/pages/pong/pong.ts
View file

@ -26,8 +26,8 @@ enum QueueState {
}; };
enum ReadyState { enum ReadyState {
readyUp = "ready up?", readyUp = "ready ok",
readyDown = "ready down", readyDown = "not ready",
}; };
document.addEventListener("ft:pageChange", (newUrl) => { document.addEventListener("ft:pageChange", (newUrl) => {
@ -214,13 +214,17 @@ function pongClient(_url: string, _args: RouteHandlerParams): RouteHandlerReturn
rdy_btn.addEventListener("click", ()=>{ rdy_btn.addEventListener("click", ()=>{
showInfo("rdy-evt"); showInfo("rdy-evt");
switch (rdy_btn.innerText) { switch (rdy_btn.innerText) {
case ReadyState.readyUp:
socket.emit('readyUp');
rdy_btn.innerText = ReadyState.readyDown;
break ;
case ReadyState.readyDown: case ReadyState.readyDown:
socket.emit('readyDown'); socket.emit('readyUp');
rdy_btn.innerText = ReadyState.readyUp; rdy_btn.innerText = ReadyState.readyUp;
rdy_btn.classList.remove("text-red-600");
rdy_btn.classList.add("text-green-600");
break ;
case ReadyState.readyUp:
socket.emit('readyDown');
rdy_btn.innerText = ReadyState.readyDown;
rdy_btn.classList.remove("text-green-600");
rdy_btn.classList.add("text-red-600");
break ; break ;
default: default:
showError("error on ready btn"); showError("error on ready btn");
@ -242,9 +246,12 @@ function pongClient(_url: string, _args: RouteHandlerParams): RouteHandlerReturn
} else } else
showError("couldn't find your id in game"); showError("couldn't find your id in game");
rdy_btn.classList.remove('hidden'); rdy_btn.classList.remove('hidden');
rdy_btn.innerText = ReadyState.readyUp; rdy_btn.classList.add("text-red-600");
rdy_btn.innerText = ReadyState.readyDown;
}); });
socket.on('rdyEnd', () => { socket.on('rdyEnd', () => {
rdy_btn.classList.remove("text-green-600");
rdy_btn.classList.remove("text-red-600");
rdy_btn.classList.add('hidden'); rdy_btn.classList.add('hidden');
}); });