System: connecting ...
diff --git a/frontend/src/chat/chat.ts b/frontend/src/chat/chat.ts
index 22d931c..e793426 100644
--- a/frontend/src/chat/chat.ts
+++ b/frontend/src/chat/chat.ts
@@ -21,6 +21,7 @@ import { addInviteMessage, addMessage } from "./chatHelperFunctions/addMessage";
import { broadcastMsg } from "./chatHelperFunctions/broadcastMsg";
import { openProfilePopup } from "./chatHelperFunctions/openProfilePopup";
import { actionBtnPopUpBlock } from "./chatHelperFunctions/actionBtnPopUpBlock";
+import { actionBtnPongGames } from "./chatHelperFunctions/actionBtnPongGames";
import { windowStateHidden } from "./chatHelperFunctions/windowStateHidden";
import { blockUser } from "./chatHelperFunctions/blockUser";
import { parseCmdMsg } from "./chatHelperFunctions/parseCmdMsg";
@@ -32,6 +33,7 @@ import { openMessagePopup } from "./chatHelperFunctions/openMessagePopup";
import { windowStateVisable } from "./chatHelperFunctions/windowStateVisable";
import { cmdList } from "./chatHelperFunctions/cmdList";
import { showInfo } from "../toast";
+import { actionBtnTTTGames } from "./chatHelperFunctions/actionBtnTTTGames";
const MAX_SYSTEM_MESSAGES = 10;
let inviteMsgFlag: boolean = false;
@@ -71,6 +73,8 @@ const chatButton = document.querySelector("#chatButton");
const chatWindow = document.querySelector("#t-chatbox")!;
const clearText = document.getElementById("b-clear") as HTMLButtonElement;
const gameMessage = document.getElementById("game-modal") ?? null;
+const myGames = document.getElementById("b-hGame") ?? null;
+const myTTTGames = document.getElementById("b-hTGame") ?? null;
const modalmessage = document.getElementById("modal-message") ?? null;
const noGuest = document.getElementById("noGuest") ?? null;
const notify = document.getElementById("notify") ?? null;
@@ -176,6 +180,8 @@ function initChatSocket() {
socket.emit("check_Block_button", profil);
actionBtnPopUpInvite(profil, socket);
actionBtnPopUpBlock(profil, socket);
+ actionBtnPongGames(profil, socket);
+ actionBtnTTTGames(profil, socket);
});
socket.on("blockUser", (blocked: ClientProfil) => {
@@ -304,6 +310,20 @@ sendButton?.addEventListener("click", () => {
}
break;
+ case "@pong":
+ if (msgCommand[1] === "") {
+ window.location.href = "/app/pong/games";
+ quitChat();
+ }
+ break;
+
+ case "@ttt":
+ if (msgCommand[1] === "") {
+ window.location.href = "/app/ttt/games";
+ quitChat();
+ }
+ break;
+
case "@guest":
if (!userId) {
return;
@@ -384,9 +404,6 @@ sendButton?.addEventListener("click", () => {
let toggle = false;
window.addEventListener("focus", async () => {
- console.log('--------------------------')
- console.log('Window focus called Called');
- console.log('--------------------------')
setTimeout(() => {
if (window.__state.chatSock) connected(window.__state.chatSock);
}, 16);
@@ -411,8 +428,21 @@ clearText?.addEventListener("click", () => {
bquit?.addEventListener("click", () => {
quitChat();
+
});
+myGames?.addEventListener("click", () => {
+ window.location.href = "/app/pong/games";
+ quitChat();
+});
+
+myTTTGames?.addEventListener("click", () => {
+ window.location.href = "/app/ttt/games";
+ quitChat();
+});
+
+
+
// Enter key to send message
sendtextbox.addEventListener("keydown", (event) => {
if (!sendtextbox) return;
diff --git a/frontend/src/chat/chatHelperFunctions/actionBtnPongGames.ts b/frontend/src/chat/chatHelperFunctions/actionBtnPongGames.ts
new file mode 100644
index 0000000..d90d2db
--- /dev/null
+++ b/frontend/src/chat/chatHelperFunctions/actionBtnPongGames.ts
@@ -0,0 +1,17 @@
+import type { ClientProfil } from "../types_front";
+import { Socket } from "socket.io-client";
+
+/**
+ * function listens for a click on the Pong Games history button
+ * @param profile - Clients target profil
+ * @param senderSocket - socket from the sender
+**/
+
+export function actionBtnPongGames(profile: ClientProfil, senderSocket: Socket) {
+ setTimeout(() => {
+ const userGames = document.querySelector("#popup-b-hGame");
+ userGames?.addEventListener("click", () => {
+ window.location.href = `/app/pong/games/${profile.userID}`;
+ });
+ }, 0)
+};
\ No newline at end of file
diff --git a/frontend/src/chat/chatHelperFunctions/actionBtnTTTGames.ts b/frontend/src/chat/chatHelperFunctions/actionBtnTTTGames.ts
new file mode 100644
index 0000000..78aa5d9
--- /dev/null
+++ b/frontend/src/chat/chatHelperFunctions/actionBtnTTTGames.ts
@@ -0,0 +1,17 @@
+import type { ClientProfil } from "../types_front";
+import { Socket } from "socket.io-client";
+
+/**
+ * function listens for a click on the TTT game History button
+ * @param profile - Clients target profil
+ * @param senderSocket - socket from the sender
+**/
+
+export function actionBtnTTTGames(profile: ClientProfil, senderSocket: Socket) {
+ setTimeout(() => {
+ const userGames = document.querySelector("#popup-b-hTGame");
+ userGames?.addEventListener("click", () => {
+ window.location.href = `/app/ttt/games/${profile.userID}`;
+ });
+ }, 0)
+};
\ No newline at end of file
diff --git a/frontend/src/chat/chatHelperFunctions/cmdList.ts b/frontend/src/chat/chatHelperFunctions/cmdList.ts
index 9e07891..9ab871b 100644
--- a/frontend/src/chat/chatHelperFunctions/cmdList.ts
+++ b/frontend/src/chat/chatHelperFunctions/cmdList.ts
@@ -14,6 +14,7 @@ export function cmdList() {
}
addMessage('\'@notify\' - toggles notifications on / off');
addMessage('\'@quit\' - disconnect user from the chat');
+ addMessage('\'@pong\' - displays your pong match results');
addMessage('** *********************************** **');
addMessage('*');
}
\ No newline at end of file
diff --git a/frontend/src/chat/chatHelperFunctions/openMessagePopup.ts b/frontend/src/chat/chatHelperFunctions/openMessagePopup.ts
index f37c547..4502b66 100644
--- a/frontend/src/chat/chatHelperFunctions/openMessagePopup.ts
+++ b/frontend/src/chat/chatHelperFunctions/openMessagePopup.ts
@@ -17,7 +17,6 @@ export async function openMessagePopup(message: any) {
`;
modalmessage.appendChild(messageElement);
modalmessage.scrollTop = modalmessage.scrollHeight;
-
}
const gameMessage = document.getElementById("game-modal") ?? null;
if (gameMessage) {
diff --git a/frontend/src/chat/chatHelperFunctions/openProfilePopup.ts b/frontend/src/chat/chatHelperFunctions/openProfilePopup.ts
index 3f758a4..c3f3011 100644
--- a/frontend/src/chat/chatHelperFunctions/openProfilePopup.ts
+++ b/frontend/src/chat/chatHelperFunctions/openProfilePopup.ts
@@ -13,7 +13,10 @@ export async function openProfilePopup(profil: ClientProfil) {
-
About: ${profil.text}
+
About: ${profil.text}
+
+
+