diff --git a/frontend/src/chat/chat.ts b/frontend/src/chat/chat.ts index 9a1d9c1..9354293 100644 --- a/frontend/src/chat/chat.ts +++ b/frontend/src/chat/chat.ts @@ -86,10 +86,13 @@ const systemWindow = document.getElementById("chat-system-box") as HTMLDivElemen function chatKeyToggle() { let anti_flicker_control = false; - const chat_toggle_key = 'escape'; - const chat_toggle_key2 = 'f1'; + const chat_hide_key = 'escape'; + const chat_display_key = 'f1'; + const pong_display_key = 'f2'; + const ttt_display_key = 'f4'; + const home_display_key = 'f8'; document.addEventListener("keydown", (event) => { - if (event.repeat && keysPressed[chat_toggle_key] === true) { + if (event.repeat && keysPressed[chat_hide_key] === true) { anti_flicker_control = true; return ; }; @@ -97,12 +100,12 @@ function chatKeyToggle() { }); document.addEventListener("keyup", (event) => { keysPressed[event.key.toLowerCase()] = false; - if (event.key.toLowerCase() === chat_toggle_key) { + if (event.key.toLowerCase() === chat_hide_key) { anti_flicker_control = false; } }); setInterval( () => { - if(keysPressed[chat_toggle_key] === true) { + if(keysPressed[chat_hide_key] === true) { overlay.classList.remove("opacity-60"); chatBox.classList.add("hidden"); chatMessageIn?.classList.add("hidden"); @@ -110,7 +113,7 @@ function chatKeyToggle() { profilList?.classList.add("hidden"); windowStateHidden(); } - if (keysPressed[chat_toggle_key2] === true) { + if (keysPressed[chat_display_key] === true) { anti_flicker_control = false; chatBox.classList.remove("hidden"); overlay.classList.add("opacity-60"); @@ -123,6 +126,18 @@ function chatKeyToggle() { windowStateVisable(); } + if (keysPressed[pong_display_key] === true) { + quitChat(); + navigateTo('/app/pong'); + } + if (keysPressed[ttt_display_key] === true) { + quitChat(); + navigateTo('/app/ttt'); + } + if (keysPressed[home_display_key] === true) { + quitChat(); + navigateTo('/app/'); + } }, 1000/10); }; diff --git a/frontend/src/chat/chatHelperFunctions/cmdList.ts b/frontend/src/chat/chatHelperFunctions/cmdList.ts index bc24738..59f1c25 100644 --- a/frontend/src/chat/chatHelperFunctions/cmdList.ts +++ b/frontend/src/chat/chatHelperFunctions/cmdList.ts @@ -16,8 +16,12 @@ export function cmdList() { addMessage('\'@quit\' - disconnect user from the chat'); addMessage('\'@pong\' - displays your pong match results'); addMessage('\'@ttt\' - displays your ttt match results'); - addMessage('\'F1\' - chat box display toggles on'); + addMessage('** ********** function keys ********** **'); addMessage('\'ESC\' - chat box display toggles off'); + addMessage('\'F1\' - chat box display toggles on'); + addMessage('\'F2\' - navigates to Pong Box'); + addMessage('\'F4\' - navigates to TTT Box'); + addMessage('\'F8\' - navigates to Home Page'); addMessage('** *********************************** **'); addMessage('*'); } \ No newline at end of file