Create navbar and add template globals

This commit is contained in:
William Bouzourène 2024-12-27 17:45:29 +01:00
parent 4be15c2f12
commit 432b01f370
Signed by: bouzoure
SSH key fingerprint: SHA256:19MbXpLua4rUtk8tunMesD8KUKb91LXLHg8E/qTooww
5 changed files with 192 additions and 4 deletions

View file

@ -1,5 +1,5 @@
<nav class="navbar bg-body-tertiary">
<div class="container">
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<a href="/" class="navbar-brand">
<img
id="header-logo"
@ -9,5 +9,115 @@
>
Camarades
</a>
{% if Globals.LoggedIn %}
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbar-content"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar-content">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
{% if Globals.TotpVerified %}
<li class="nav-item">
<a class="nav-link" href="/membres">
<i class="feather me-1" data-feather="users"></i>
Membres
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/sympathisants">
<i class="feather me-1" data-feather="users"></i>
Sympathisants
</a>
</li>
{% if Globals.UserIsAdmin %}
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a
class="nav-link dropdown-toggle"
href="javascript:;"
role="button"
data-bs-toggle="dropdown"
>
<i class="feather me-1" data-feather="settings"></i>
Administration
</a>
<ul class="dropdown-menu dropdown-menu-end">
<li>
<a class="dropdown-item" href="/account/manage">
<i class="feather me-1" data-feather="settings"></i>
Gérer mon compte
</a>
</li>
<li>
<a class="dropdown-item" href="/account/totp">
<i class="feather me-1" data-feather="smartphone"></i>
Gérer multifacteur (TOTP)
</a>
</li>
<li>
<a class="dropdown-item" href="/logout">
<i class="feather me-1" data-feather="log-out"></i>
Déconnexion
</a>
</li>
</ul>
</li>
</ul>
{% endif %}
{% endif %}
</ul>
<div class="d-flex">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a
class="nav-link dropdown-toggle"
href="javascript:;"
role="button"
data-bs-toggle="dropdown"
>
<span class="user-photo me-1">{{ Globals.UserFullname|first }}</span>
{{ Globals.UserFullname }}
</a>
<ul class="dropdown-menu dropdown-menu-end">
{% if Globals.TotpVerified %}
<li>
<a class="dropdown-item" href="/account/manage">
<i class="feather me-1" data-feather="settings"></i>
Gérer mon compte
</a>
</li>
<li>
<a class="dropdown-item" href="/account/totp">
<i class="feather me-1" data-feather="smartphone"></i>
Gérer multifacteur (TOTP)
</a>
</li>
<li>
<hr class="dropdown-divider">
</li>
{% endif %}
<li>
<a class="dropdown-item" href="/logout">
<i class="feather me-1" data-feather="log-out"></i>
Déconnexion
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
{% endif %}
</div>
</nav>