94 lines
3.1 KiB
Twig
94 lines
3.1 KiB
Twig
<header>
|
|
<nav>
|
|
<ul>
|
|
</ul>
|
|
<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>
|
|
<ul>
|
|
{% if user is defined %}
|
|
<details role="list">
|
|
<summary aria-haspopup="listbox" role="button">
|
|
<img src="{{user.image}}" alt="avatar" class="rounded" width="50" height="50">
|
|
</summary>
|
|
<ul role="listbox">
|
|
<li><a class="dropdown-item" href="/profile/{{user.id}}">Profil</a></li>
|
|
<li><a class="dropdown-item text-danger" href="/logout">Deconnexion</a></li>
|
|
</ul>
|
|
</details>
|
|
{% else %}
|
|
<button class="contrast" data-target="modal-signin" onClick="toggleModal(event)">Inscription</button>
|
|
<button class="contrast" data-target="modal-login" onClick="toggleModal(event)">Connexion</button>
|
|
{# <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 %}
|
|
</ul>
|
|
<ul>
|
|
</ul>
|
|
</nav>
|
|
<dialog id="modal-login">
|
|
<article>
|
|
<a href="#close"
|
|
aria-label="Close"
|
|
class="close"
|
|
data-target="modal-login"
|
|
onClick="toggleModal(event)">
|
|
</a>
|
|
{% include 'forms/user/login.html.twig' %}
|
|
</article>
|
|
</dialog>
|
|
<dialog id="modal-signin">
|
|
<article>
|
|
<a href="#close"
|
|
aria-label="Close"
|
|
class="close"
|
|
data-target="modal-signin"
|
|
onClick="toggleModal(event)">
|
|
</a>
|
|
{% include 'forms/user/register.html.twig' %}
|
|
</article>
|
|
</dialog>
|
|
|
|
|
|
{% 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 %} |