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

Fix flicker f1 call on chat box + fix button Aless

Browse source
This commit is contained in:
NigeParis 2026-01-14 14:07:20 +01:00 • committed by G.C.L. Baptiste
parent 85065d8bb3
commit d9a68771a6
2 changed files with 27 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

51
frontend/src/chat/chat.ts
View file

@ -87,41 +87,40 @@ const systemWindow = document.getElementById("chat-system-box") as HTMLDivElemen
const keysPressed: Record<string, boolean> = {}; const keysPressed: Record<string, boolean> = {};
async function chatKeyToggle() { async function chatKeyToggle() {
const chat_toggle_key = 'f1';
let anti_flicker_control = false;
document.addEventListener("keydown", (event) => { document.addEventListener("keydown", (event) => {
// if (keysPressed[event.code]) {keysPressed[event.key.toLowerCase()] = false; chatBox.classList.remove("hidden"); return}; if (event.repeat && keysPressed[chat_toggle_key] === true) {
if (event.repeat) {keysPressed[event.key.toLowerCase()] = false; chatBox.classList.remove("hidden"); return}; anti_flicker_control = true;
keysPressed[event.key.toLowerCase()] = true; return ;
}); };
document.addEventListener("keyup", (event) => { keysPressed[event.key.toLowerCase()] = true;
keysPressed[event.key.toLowerCase()] = false; });
}); document.addEventListener("keyup", (event) => {
keysPressed[event.key.toLowerCase()] = false;
if (event.key.toLowerCase() === chat_toggle_key)
anti_flicker_control = false;
});
setInterval( () => { setInterval( () => {
if(keysPressed['f1'] === true) { if(keysPressed[chat_toggle_key] === true) {
if (chatBox.classList.contains("hidden")) { if (!chatBox.classList.contains("hidden") && anti_flicker_control === false) {
chatBox.classList.remove("hidden");
overlay.classList.add("opacity-60");
chatMessageIn?.classList.add("hidden");
chatMessageIn!.textContent = '';
sendtextbox.focus();
} else {
overlay.classList.remove("opacity-60"); overlay.classList.remove("opacity-60");
chatBox.classList.add("hidden"); chatBox.classList.add("hidden");
overlay.classList.remove("opacity-60"); overlay.classList.remove("opacity-60");
chatMessageIn?.classList.add("hidden"); chatMessageIn?.classList.add("hidden");
chatMessageIn!.textContent = ''; chatMessageIn!.textContent = '';
} else {
chatBox.classList.remove("hidden");
overlay.classList.add("opacity-60");
chatMessageIn?.classList.add("hidden");
chatMessageIn!.textContent = '';
sendtextbox.focus();
} }
}
else if(keysPressed['t'] === false) {
} }
}, 1000/10); }, 1000/10);
}; };
function initChatSocket() { function initChatSocket() {
let socket = getSocket(); let socket = getSocket();
// let blockMessage: boolean; // let blockMessage: boolean;

4
frontend/src/pages/ttt/ttt.html
View file

@ -2,13 +2,13 @@
<div class="game-mainBoxDisplay rounded-elem" id="mainbox"> <div class="game-mainBoxDisplay rounded-elem" id="mainbox">
<div class="grid grid-cols-[1fr_2fr_1fr] items-center"> <div class="grid grid-cols-[1fr_2fr_1fr] items-center">
<div class="flex flex-col gap-2 p-8"> <div class="flex flex-col gap-2 p-8">
<button class="dflt-btn-style fit-all gray-color rounded-elem" id="historyBtn">History</button> <button class="dflt-btn-style fit-all gray-color rounded-elem blue-hover" id="historyBtn">History</button>
</div> </div>
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
<h1 class="page-title">Tic-tac-toe Box<span id="t-username"></span></h1> <h1 class="page-title">Tic-tac-toe Box<span id="t-username"></span></h1>
</div> </div>
<div class="flex flex-col gap-2 p-8 items-end"> <div class="flex flex-col gap-2 p-8 items-end">
<button class="dflt-btn-style fit-all gray-color rounded-elem" id="JoinQueueBtn">Join Queue</button> <button class="dflt-btn-style fit-all gray-color rounded-elem blue-hover" id="JoinQueueBtn">Join Queue</button>
</div> </div>
</div> </div>
<div class="grid grid-cols-[auto_1fr_auto_1fr_auto] items-center px-4 py-3"> <div class="grid grid-cols-[auto_1fr_auto_1fr_auto] items-center px-4 py-3">