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

Added Login state in profil + css

Browse source
This commit is contained in:
NigeParis 2026-01-02 13:51:13 +01:00 • committed by Maix0
parent b8b4bbd1cb
commit 9620fa12d3
2 changed files with 7 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/pages/chat/openProfilePopup.ts
View file

@ -6,14 +6,14 @@ export async function openProfilePopup(profil: ClientProfil) {
modalname.innerHTML = modalname.innerHTML =
` `
<div class="profile-info"> <div class="profile-info">
<div-profil-name id="profilName"> Profil of ${profil.user} </div> <div-profil-name id="profilName" class="text-xl font-bold text-blue-500"> Profil of ${profil.user} </div>
<div-login-name id="loginName"> Login Name: '${profil.loginName ?? 'Guest'}' </div> <div-login-name id="loginName"> Login status: '${profil.loginName ?? 'Guest'}' </div>
</br> </br>
<div-login-name id="loginName"> Login ID: '${profil.userID ?? ''}' </div> <div-login-name id="loginName"> Login ID: '${profil.userID ?? ''}' </div>
</br> </br>
<button id="popup-b-invite" class="btn-style popup-b-invite">U Game ?</button> <button id="popup-b-invite" class="btn-style popup-b-invite">U Game ?</button>
<button id="popup-b-block" class="btn-style popup-b-block">Block User</button> <button id="popup-b-block" class="btn-style popup-b-block">Block User</button>
<div id="profile-about">About: '${profil.text}' </div> <div id="profile-about" class="text-2xl text-amber-500">About: '${profil.text}' </div>
</div> </div>
`; `;
const profilList = document.getElementById("profile-modal") ?? null; const profilList = document.getElementById("profile-modal") ?? null;

7
src/chat/src/makeProfil.ts
View file

@ -19,16 +19,17 @@ export async function makeProfil(fastify: FastifyInstance, user: string, socket:
let clientProfil!: ClientProfil; let clientProfil!: ClientProfil;
const users: User[] = fastify.db.getAllUsers() ?? []; const users: User[] = fastify.db.getAllUsers() ?? [];
const allUsers: User | null = getUserByName(users, user); const allUsers: User | null = getUserByName(users, user);
// console.log(color.yellow, `DEBUG LOG: 'userFound is:'${allUsers?.name}`);
if (user === allUsers?.name) { if (user === allUsers?.name) {
// console.log(color.yellow, `DEBUG LOG: 'login Name: '${allUsers.login}' user: '${user}'`); let loginState = `${allUsers?.login ?? 'Guest'}`
if (loginState !== 'Guest')
loginState = 'Member';
clientProfil = clientProfil =
{ {
command: 'makeProfil', command: 'makeProfil',
destination: 'profilMsg', destination: 'profilMsg',
type: 'chat' as const, type: 'chat' as const,
user: `${allUsers.name}`, user: `${allUsers.name}`,
loginName: `${allUsers?.login ?? 'Guest'}`, loginName: loginState,
userID: `${allUsers?.id ?? ''}`, userID: `${allUsers?.id ?? ''}`,
text: escape(allUsers.desc), text: escape(allUsers.desc),
timestamp: Date.now(), timestamp: Date.now(),