mirror of
https://github.com/MarijnDoeve/TijdVoorDeTest.git
synced 2026-07-12 21:05:19 +02:00
Marijn
38411dd44b
The toggler button was always rendered, but its collapse target (#navbarSupportedContent) only existed for authenticated users. On the login page, tapping the menu button on a narrow screen did nothing because the target it pointed at wasn't in the DOM.
39 lines
1.9 KiB
Twig
39 lines
1.9 KiB
Twig
<nav class="navbar navbar-expand-lg bg-body-tertiary">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand" href="{{ path('tvdt_backoffice_index') }}">Tijd voor de test</a>
|
|
{% if is_granted('IS_AUTHENTICATED') %}
|
|
<button class="navbar-toggler"
|
|
type="button"
|
|
data-bs-toggle="collapse"
|
|
data-bs-target="#navbarSupportedContent"
|
|
aria-controls="navbarSupportedContent"
|
|
aria-expanded="false"
|
|
aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
|
<li class="nav-item">
|
|
<a class="nav-link{% if 'tvdt_backoffice_index' == app.current_route() %} active{% endif %}"
|
|
href="{{ path('tvdt_backoffice_index') }}">{{ 'Seasons'|trans }}</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link"
|
|
href="{{ path('tvdt_backoffice_template') }}">{{ 'Download Template'|trans }}</a>
|
|
</li>
|
|
</ul>
|
|
<ul class="navbar-nav mb-auto me-2 me-lg-0">
|
|
<li class="nav-item">
|
|
<a class="nav-link{% if 'tvdt_backoffice_settings' == app.current_route() %} active{% endif %}"
|
|
href="{{ path('tvdt_backoffice_settings') }}">{{ 'Settings'|trans }}</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link"
|
|
href="{{ path('tvdt_login_logout') }}">{{ 'Logout'|trans }}</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</nav>
|