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> = {};
async function chatKeyToggle() {
const chat_toggle_key = 'f1';
let anti_flicker_control = false;
document.addEventListener("keydown", (event) => {
// if (keysPressed[event.code]) {keysPressed[event.key.toLowerCase()] = false; chatBox.classList.remove("hidden"); return};
if (event.repeat) {keysPressed[event.key.toLowerCase()] = false; chatBox.classList.remove("hidden"); return};
keysPressed[event.key.toLowerCase()] = true;
});
document.addEventListener("keyup", (event) => {
keysPressed[event.key.toLowerCase()] = false;
});
if (event.repeat && keysPressed[chat_toggle_key] === true) {
anti_flicker_control = true;
return ;
};
keysPressed[event.key.toLowerCase()] = true;
});
document.addEventListener("keyup", (event) => {
keysPressed[event.key.toLowerCase()] = false;
if (event.key.toLowerCase() === chat_toggle_key)
anti_flicker_control = false;
});
setInterval( () => {
if(keysPressed['f1'] === true) {
if (chatBox.classList.contains("hidden")) {
chatBox.classList.remove("hidden");
overlay.classList.add("opacity-60");
chatMessageIn?.classList.add("hidden");
chatMessageIn!.textContent = '';
sendtextbox.focus();
} else {
if(keysPressed[chat_toggle_key] === true) {
if (!chatBox.classList.contains("hidden") && anti_flicker_control === false) {
overlay.classList.remove("opacity-60");
chatBox.classList.add("hidden");
overlay.classList.remove("opacity-60");
chatMessageIn?.classList.add("hidden");
chatMessageIn!.textContent = '';
chatBox.classList.add("hidden");
overlay.classList.remove("opacity-60");
chatMessageIn?.classList.add("hidden");
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);
};
function initChatSocket() {
let socket = getSocket();
// 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="grid grid-cols-[1fr_2fr_1fr] items-center">
<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 class="flex flex-col gap-2">
<h1 class="page-title">Tic-tac-toe Box<span id="t-username"></span></h1>
</div>
<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 class="grid grid-cols-[auto_1fr_auto_1fr_auto] items-center px-4 py-3">