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

feat(tour): added tournament broadcast

Browse source
This commit is contained in:
Maieul BOYER 2026-01-14 15:55:39 +01:00 • committed by Nigel
parent eccc763644
commit 8e6ff3aedc
10 changed files with 157 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/chat/chat.html
View file

@ -39,7 +39,7 @@
<div id="game-modal" class="gamePopup hidden">
<div class="popUpMessage">
<div id="game-info">
<p class="modal-messages" id="modal-message"></p>
<p class="" id="modal-message"></p>
<button id="close-modal-message" class="btn-style relative bottom-8 left-85">Close</button>
</div>
</div>

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

@ -296,6 +296,11 @@ function initChatSocket() {
socket.on("nextGame", (message: string) => {
openMessagePopup(message);
});
//receives broadcast of the next GAME
socket.on("tourStatus", (message: string) => {
openMessagePopup(message);
});
socket.on("listBud", async (myBuddies: string[]) => {
const buddies = document.getElementById(

6
frontend/src/chat/chatHelperFunctions/openMessagePopup.ts
View file

@ -5,16 +5,14 @@ import { incrementCounter } from "./incrementCounter";
// return count;
// }
export async function openMessagePopup(message: any) {
export async function openMessagePopup(message: string) {
const modalmessage = document.getElementById("modal-message") ?? null;
if(!message) return
const obj = message;
if (modalmessage) {
const messageElement = document.createElement("div");
messageElement.innerHTML = `
<div id="profile-about">Game-Info: ${incrementCounter()}: ${obj.nextGame}</div>
`;
messageElement.innerHTML = `<div id="profile-about">${message}</div>`;
modalmessage.appendChild(messageElement);
modalmessage.scrollTop = modalmessage.scrollHeight;
}