41 lines
2.2 KiB
Twig
41 lines
2.2 KiB
Twig
<nav class="navbar navbar-expand-lg bg-body-tertiary" data-auth-header>
|
|
<div class="container">
|
|
<a class="navbar-brand fw-bold" href="{{ path('album_search') }}">Tonehaus</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navMain" aria-controls="navMain" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navMain">
|
|
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
|
<li class="nav-item"><a class="nav-link" href="{{ path('review_index') }}">Your Reviews</a></li>
|
|
</ul>
|
|
<div class="d-flex align-items-center gap-3">
|
|
{% if app.user %}
|
|
<div class="dropdown">
|
|
<button class="btn btn-outline-secondary dropdown-toggle d-flex align-items-center gap-2" type="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 16 16" aria-hidden="true">
|
|
<path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
|
|
<path fill-rule="evenodd" d="M14 14s-1-1.5-6-1.5S2 14 2 14s1-4 6-4 6 4 6 4z"/>
|
|
</svg>
|
|
<span class="text-truncate" style="max-width: 180px;">{{ app.user.displayName ?? app.user.userIdentifier }}</span>
|
|
</button>
|
|
<ul class="dropdown-menu dropdown-menu-end">
|
|
{% if is_granted('ROLE_ADMIN') %}
|
|
<li><a class="dropdown-item" href="{{ path('admin_settings') }}">Site settings</a></li>
|
|
<li><hr class="dropdown-divider"></li>
|
|
{% endif %}
|
|
<li><a class="dropdown-item" href="{{ path('account_dashboard') }}">Dashboard</a></li>
|
|
<li><a class="dropdown-item" href="{{ path('account_settings') }}">Settings</a></li>
|
|
<li><hr class="dropdown-divider"></li>
|
|
<li><a class="dropdown-item" href="{{ path('app_logout') }}">Logout</a></li>
|
|
</ul>
|
|
</div>
|
|
{% else %}
|
|
<button class="btn btn-success" type="button" data-open-auth="login">Login / Sign up</button>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
|