97 lines
4.0 KiB
Twig
97 lines
4.0 KiB
Twig
<header>
|
|
<nav>
|
|
<ul>
|
|
<li><img src="/static/img/logo.svg" alt="DrWhy" height="24" width="24"></li>
|
|
</ul>
|
|
<ul>
|
|
<li><a href="#">Dr WHO(2005)</a></li>
|
|
<li><a href="#">Dr WHO Classic(1963)</a></li>
|
|
<li><a href="#">Torchwood</a></li>
|
|
<li><a href="#">Sarah janes adventure</a></li>
|
|
<li><a href="#">K-9</a></li>
|
|
<li><a href="#">K-9 and Company</a></li>
|
|
<li><a href="#">Class</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
|
|
<nav class="navbar navbar-expand-md navbar-dark bg-dark" id="navbar" style="background-color: hsl(210deg 11% 20%) !important;">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand" href="/">
|
|
<img src="/static/img/logo.svg" alt="DrWhy" height="24">
|
|
</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarCollapse">
|
|
<ul class="navbar-nav me-auto mb-2 mb-md-0">
|
|
<li class="nav-item">
|
|
<a class="nav-link active" aria-current="page" href="/#anchorStart">COMMENCER</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="/#features">FONCTIONNALITES</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="/#example">EXEMPLES</a>
|
|
</li>
|
|
</ul>
|
|
{# <form class="col-12 col-lg-auto mb-3 mb-lg-0 me-lg-3">
|
|
<input type="search" class="form-control" placeholder="Search..." aria-label="Search">
|
|
</form> #}
|
|
|
|
{% if user is defined %}
|
|
<a href="/dashboard" class="btn btn-primary">Tableaux de bord</a>
|
|
<div class="dropdown text-end ms-2">
|
|
<a href="#" class="d-block link-light text-decoration-none dropdown-toggle" id="dropdownUser1" data-bs-toggle="dropdown" aria-expanded="false">
|
|
<img src="{{user.image}}" alt="avatar" class="rounded" width="38" height="38">
|
|
</a>
|
|
<ul class="dropdown-menu text-small" aria-labelledby="dropdownUser1" style="left:-6.5rem">
|
|
<li><a class="dropdown-item" href="/profile/{{user.id}}">Profil</a></li>
|
|
<li><hr class="dropdown-divider"></li>
|
|
<li><a class="dropdown-item text-danger" href="/logout">Deconnexion</a></li>
|
|
</ul>
|
|
</div>
|
|
{% else %}
|
|
<button type="button" class="btn btn-primary text-light ms-2" data-bs-toggle="modal" data-bs-target="#modalSignUp">Inscription</button>
|
|
<button type="button" class="btn btn-black text-light ms-2" data-bs-toggle="modal" data-bs-target="#modalLogIn">Connexion</button>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
{# <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal"> #}
|
|
|
|
{% if user is not defined %}
|
|
{# Modal pour LogIn #}
|
|
<div class="modal fade" role="dialog" id="modalLogIn">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content rounded-5 shadow">
|
|
<div class="modal-header p-5 pb-4 border-bottom-0">
|
|
<!-- <h5 class="modal-title">Modal title</h5> -->
|
|
<h2 class="fw-bold mb-0">Connexion</h2>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body p-5 pt-0">
|
|
{% include 'forms/user/login.html.twig' %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{# Modal pour SignUp #}
|
|
<div class="modal fade" role="dialog" id="modalSignUp">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content rounded-5 shadow">
|
|
<div class="modal-header p-5 pb-4 border-bottom-0">
|
|
<!-- <h5 class="modal-title">Modal title</h5> -->
|
|
<h2 class="fw-bold mb-0">Inscription</h2>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body p-5 pt-0">
|
|
{% include 'forms/user/register.html.twig' %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %} |