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

add: navbar links change when logged

Browse Source
This commit is contained in:
AdrienLSH 2024-01-10 13:33:40 +01:00
parent ad20d85470
commit 6a80cd4e35
2 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -107,10 +107,22 @@ class Client
{ {
this.me = new MyProfile(this); this.me = new MyProfile(this);
await this.me.init(); await this.me.init();
[...document.getElementById('nav-account-links').children].forEach(el => {
if (el.matches('[logged-in]'))
el.classList.remove('d-none');
else
el.classList.add('d-none');
});
} }
else else
{ {
this.me = undefined; this.me = undefined;
[...document.getElementById('nav-account-links').children].forEach(el => {
if (el.matches('[logged-in]'))
el.classList.add('d-none');
else
el.classList.remove('d-none');
});
} }
this._logged = state; this._logged = state;
} }

4
frontend/templates/index.html
View File

@ -15,9 +15,11 @@
<a href="/search" class="nav-link" data-link>Search</a> <a href="/search" class="nav-link" data-link>Search</a>
<a href="/home" class="nav-link" data-link>Home</a> <a href="/home" class="nav-link" data-link>Home</a>
</div> </div>
<div class="navbar-nav d-flex justify-content-end flex-row gap-2"> <div id="nav-account-links" class="navbar-nav d-flex justify-content-end flex-row gap-2">
<a href="/login" class="nav-link" data-link>Login</a> <a href="/login" class="nav-link" data-link>Login</a>
<a href="/register" class="nav-link" data-link>Register</a> <a href="/register" class="nav-link" data-link>Register</a>
<a logged-in href="/me" class="nav-link d-none" data-link>My Profile</a>
<a logged-in href="/logout" class="nav-link d-none" data-link>Logout</a>
</div> </div>
</div> </div>
</nav> </nav>