starnakin/42_ft_transcendence
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

front: add link to user's profile

Browse Source
This commit is contained in:
AdrienLSH 2024-01-18 13:35:47 +01:00
parent c831a019b2
commit a7b0051d47
2 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/static/js/api/client.js
View File

@ -112,12 +112,14 @@ class Client
await this.me.init(); await this.me.init();
document.getElementById('navbarLoggedOut').classList.add('d-none'); document.getElementById('navbarLoggedOut').classList.add('d-none');
document.getElementById('navbarLoggedIn').classList.remove('d-none'); document.getElementById('navbarLoggedIn').classList.remove('d-none');
document.getElementById('myProfileLink').href = '/profiles/' + this.me.username;
} }
else else
{ {
this.me = undefined; this.me = undefined;
document.getElementById('navbarLoggedOut').classList.remove('d-none'); document.getElementById('navbarLoggedOut').classList.remove('d-none');
document.getElementById('navbarLoggedIn').classList.add('d-none'); document.getElementById('navbarLoggedIn').classList.add('d-none');
document.getElementById('myProfileLink').href = '';
} }
this._logged = state; this._logged = state;
} }

3
frontend/templates/index.html
View File

@ -25,7 +25,8 @@
Me Me
</a> </a>
<div class='dropdown-menu dropdown-menu-end position-absolute text-end px-2' style='min-width: 100px'> <div class='dropdown-menu dropdown-menu-end position-absolute text-end px-2' style='min-width: 100px'>
<a href="/me" class="dropdow-item nav-link" data-link>My Profile</a> <a id='myProfileLink' href='' class="dropdow-item nav-link" data-link>My Profile</a>
<a href="/me" class="dropdow-item nav-link" data-link>Settings</a>
<hr class='dropdown-separator my-auto'></hr> <hr class='dropdown-separator my-auto'></hr>
<a href="/logout" class="dropdow-item nav-link" data-link>Logout</a> <a href="/logout" class="dropdow-item nav-link" data-link>Logout</a>
</div> </div>