Improve UI (titles, lists, sympathisant)

This commit is contained in:
William Bouzourène 2025-07-12 15:50:10 +02:00
parent 08c18baa85
commit 3b0447b316
Signed by: bouzoure
SSH key fingerprint: SHA256:19MbXpLua4rUtk8tunMesD8KUKb91LXLHg8E/qTooww
15 changed files with 276 additions and 238 deletions

View file

@ -13,45 +13,51 @@
<hr />
</div>
<div class="my-3 text-end">
<a class="btn btn-outline-primary" href="/admin/users/add">
<i class="bi-plus-lg"></i>
Ajouter
</a>
</div>
<div class="row my-3">
<div class="col-sm-6">
<span class="h2 d-none d-sm-inline">Utilisateurs</span>
</div>
<div class="col-sm-6 text-end">
<a class="btn btn-outline-primary" href="/admin/users/add">
<i class="bi-plus-lg"></i>
Ajouter
</a>
</div>
</div>
{% if Users %}
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th class="w-50">Nom complet</th>
<th class="w-25">Email</th>
<th class="w-25">Administrateur</th>
</tr>
</thead>
<tbody>
{% for User in Users %}
<tr>
<td>
<span class="user-photo me-2">{{ User.Name|first }}</span>
<a href="/admin/users/{{ User.ID }}"> {{ User.Name }} </a>
</td>
<td>{{ User.Email }}</td>
<td>
{% if User.IsAdmin %}
<i class="bi-check-lg text-success me-1"></i>
Oui
{% else %}
<i class="bi-x-lg text-danger me-1"></i>
Non
{% endif %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% for User in Users %}
<div class="card card-body my-2 py-2 bg-body-tertiary">
<div class="row">
<div class="col-12 col-sm-8 col-md-9 col-xl-5 order-1">
<div class="text-bold fs-7 mt-xxl-0 mt-2">Nom</div>
<div>
<a href="/admin/users/{{ User.ID }}"> {{ User.Name }} </a>
</div>
</div>
<div class="col-12 col-xl-5 order-2 order-sm-3 order-xl-2">
<div class="text-bold fs-7 mt-xxl-0 mt-2">Email</div>
<div>
{{ User.Email }}
</div>
</div>
<div class="col order-3 order-sm-2 order-xl-3">
<div class="text-bold fs-7 mt-xxl-0 mt-2">Administrateur</div>
<div>
{% if User.IsAdmin %}
<span class="badge text-bg-success">Oui</span>
{% else %}
<span class="badge text-bg-danger">Non</span>
{% endif %}
</div>
</div>
</div>
</div>
{% endfor %}
{% else %}
<div class="my-4">Pas d'utilisateurs pour le moment</div>
{% endif %}