Deplacement de navbar dans son propre fichier

This commit is contained in:
Aymeric SERRA 2023-02-09 09:07:28 +01:00
parent 017084fb56
commit 905829fb59
Signed by: oupson
GPG Key ID: 3BD88615552EFCB7
2 changed files with 32 additions and 28 deletions

View File

@ -16,34 +16,11 @@
{% endblock %} {% endblock %}
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <header>
<div class="container-fluid"> {% block topnavbar %}
<a class="navbar-brand" href="#">CC34</a> {{ include('components/navbar.html.twig') }}
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" {% endblock %}
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> </header>
<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 active" aria-current="page" href="{{ path('app_index') }}">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ path('app_atelier_index') }}">Atelier</a>
</li>
</ul>
</div>
{% if app.user %}
<div class="me-2">
<span class="navbar-text">{{ app.user.nom }} {{ app.user.prenom }}</span>
</div>
<a class="btn btn-secondary" href="{{ path('app_logout') }}">Se déconnecter</a>
{% elseif not app.user %}
<a class="btn btn-success" href="{{ path('app_login') }}">Se connecter</a>
{% endif %}
</div>
</nav>
<div class="container"> <div class="container">
<main class="pt-4"> <main class="pt-4">
{% block body %}{% endblock %} {% block body %}{% endblock %}

View File

@ -0,0 +1,27 @@
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="#">CC34</a>
<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 active" aria-current="page" href="{{ path('app_index') }}">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ path('app_atelier_index') }}">Atelier</a>
</li>
</ul>
</div>
{% if app.user %}
<div class="me-2">
<span class="navbar-text">{{ app.user.nom }} {{ app.user.prenom }}</span>
</div>
<a class="btn btn-secondary" href="{{ path('app_logout') }}">Se déconnecter</a>
{% elseif not app.user %}
<a class="btn btn-success" href="{{ path('app_login') }}">Se connecter</a>
{% endif %}
</div>
</nav>