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

@ -79,7 +79,7 @@
<span class="input-group-text"> <span class="input-group-text">
<a href="/admin/lists/{{ Field.List.ID }}"> <a href="/admin/lists/{{ Field.List.ID }}">
Afficher Afficher
<i class="bi-box-arrow align-items-center-up-right ms-1"></i> <i class="bi-box-arrow-up-right ms-1"></i>
</a> </a>
</span> </span>
</div> </div>

View file

@ -36,7 +36,7 @@
{% endif %} {% endif %}
<div class="row align-items-center mb-3"> <div class="row align-items-center mb-3">
<label for="name" class="form-label col-md-2"> Nom du champ </label> <label for="name" class="form-label mb-0 col-md-2"> Nom du champ </label>
<div class="col-md-10"> <div class="col-md-10">
<input <input
id="name" id="name"
@ -53,7 +53,7 @@
{% if !Field.ID %} {% if !Field.ID %}
<div class="row align-items-center mb-3"> <div class="row align-items-center mb-3">
<label for="person_type" class="form-label col-md-2"> <label for="person_type" class="form-label mb-0 col-md-2">
Population Population
</label> </label>
<div class="col-md-10"> <div class="col-md-10">
@ -65,13 +65,13 @@
required required
> >
<option value="member">Membre</option> <option value="member">Membre</option>
<option value="contact">Contact</option> <option value="contact">Sympathisant</option>
</select> </select>
</div> </div>
</div> </div>
<div class="row align-items-center mb-3"> <div class="row align-items-center mb-3">
<label for="field_type" class="form-label col-md-2"> <label for="field_type" class="form-label mb-0 col-md-2">
Type de champ Type de champ
</label> </label>
<div class="col-md-10"> <div class="col-md-10">
@ -92,7 +92,7 @@
</div> </div>
<div class="row align-items-center mb-3"> <div class="row align-items-center mb-3">
<label for="list" class="form-label col-md-2"> Liste </label> <label for="list" class="form-label mb-0 col-md-2"> Liste </label>
<div class="col-md-10"> <div class="col-md-10">
<select <select
name="list" name="list"

View file

@ -13,88 +13,48 @@
<hr /> <hr />
</div> </div>
<div class="my-3 text-end"> <div class="row my-3">
<div class="col-sm-6">
<span class="h2 d-none d-sm-inline">Champs supplémentaires</span>
</div>
<div class="col-sm-6 text-end">
<a class="btn btn-outline-primary" href="/admin/fields/add"> <a class="btn btn-outline-primary" href="/admin/fields/add">
<i class="bi-plus-lg"></i> <i class="bi-plus-lg"></i>
Ajouter Ajouter
</a> </a>
</div> </div>
</div>
<div class="h4 my-2">Membres</div> <div class="card mb-3">
<div class="table-responsive"> <div class="card-header">Membres</div>
<table class="table"> <div class="card-body">
<thead>
<tr>
<th class="w-50">Nom</th>
<th class="w-25">Type de champ</th>
<th class="w-25"></th>
</tr>
</thead>
<tbody>
{% for Field in Fields %} {% for Field in Fields %}
{% if Field.PersonType == "member" %} {% if Field.PersonType == "member" %}
<tr> <div class="card card-body my-2 py-2 bg-body-tertiary">
<td> <div class="row align-items-center">
<div class="col-12 col-md-8 col-lg-6">
<div class="text-bold fs-7 mt-xxl-0 mt-2">Nom</div>
<div>
<a href="/admin/fields/{{ Field.ID }}"> {{ Field.Name }} </a> <a href="/admin/fields/{{ Field.ID }}"> {{ Field.Name }} </a>
</td>
<td>
{% for Key, Value in FieldTypes %}
{% if Key == Field.FieldType %}
{{ Value }}
{% endif %}
{% endfor %}
</td>
<td class="text-end">
<div class="btn-group">
<a
class="btn btn-sm btn-outline-primary"
href="/admin/fields/{{ Field.ID }}/move-up"
>
<i class="bi-arrow-up me-1"></i>
Monter
</a>
<a
class="btn btn-sm btn-outline-primary"
href="/admin/fields/{{ Field.ID }}/move-down"
>
<i class="bi-arrow-down me-1"></i>
Descendre
</a>
</div> </div>
</td>
</tr>
{% endif %}
{% endfor %}
</tbody>
</table>
</div> </div>
<div class="h4 my-2">Contacts</div> <div class="col-12 col-md-4 col-lg-3">
<div class="table-responsive"> <div class="text-bold fs-7 mt-xxl-0 mt-2">Type de champ</div>
<table class="table"> <div>
<thead>
<tr>
<th class="w-50">Nom</th>
<th class="w-25">Type de champ</th>
<th class="w-25"></th>
</tr>
</thead>
<tbody>
{% for Field in Fields %}
{% if Field.PersonType == "contact" %}
<tr>
<td>
<a href="/admin/fields/{{ Field.ID }}"> {{ Field.Name }} </a>
</td>
<td>
{% for Key, Value in FieldTypes %} {% for Key, Value in FieldTypes %}
{% if Key == Field.FieldType %} {% if Key == Field.FieldType %}
<span class="badge text-bg-primary">
{{ Value }} {{ Value }}
</span>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</td> </div>
<td class="text-end"> </div>
<div class="btn-group">
<div class="col text-lg-end">
<div class="btn-group mb-2 mt-3 mt-lg-0 mb-lg-0">
<a <a
class="btn btn-sm btn-outline-primary" class="btn btn-sm btn-outline-primary"
href="/admin/fields/{{ Field.ID }}/move-up" href="/admin/fields/{{ Field.ID }}/move-up"
@ -110,12 +70,67 @@
Descendre Descendre
</a> </a>
</div> </div>
</td> </div>
</tr>
</div>
</div>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</tbody> </div>
</table> </div>
<div class="card">
<div class="card-header">Sympathisants</div>
<div class="card-body">
{% for Field in Fields %}
{% if Field.PersonType == "contact" %}
<div class="card card-body my-2 py-2 bg-body-tertiary">
<div class="row align-items-center">
<div class="col-12 col-md-8 col-lg-6">
<div class="text-bold fs-7 mt-xxl-0 mt-2">Nom</div>
<div>
<a href="/admin/fields/{{ Field.ID }}"> {{ Field.Name }} </a>
</div>
</div>
<div class="col-12 col-md-4 col-lg-3">
<div class="text-bold fs-7 mt-xxl-0 mt-2">Type de champ</div>
<div>
{% for Key, Value in FieldTypes %}
{% if Key == Field.FieldType %}
<span class="badge text-bg-primary">
{{ Value }}
</span>
{% endif %}
{% endfor %}
</div>
</div>
<div class="col text-lg-end">
<div class="btn-group mb-2 mt-3 mt-lg-0 mb-lg-0">
<a
class="btn btn-sm btn-outline-primary"
href="/admin/fields/{{ Field.ID }}/move-up"
>
<i class="bi-arrow-up me-1"></i>
Monter
</a>
<a
class="btn btn-sm btn-outline-primary"
href="/admin/fields/{{ Field.ID }}/move-down"
>
<i class="bi-arrow-down me-1"></i>
Descendre
</a>
</div>
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
</div> </div>
</div> </div>
{% endblock %} {% endblock %}

View file

@ -13,42 +13,44 @@
<hr /> <hr />
</div> </div>
<div class="my-3 text-end"> <div class="row my-3">
<div class="col-sm-6">
<span class="h2 d-none d-sm-inline">Listes</span>
</div>
<div class="col-sm-6 text-end">
<a class="btn btn-outline-primary" href="/admin/lists/add"> <a class="btn btn-outline-primary" href="/admin/lists/add">
<i class="bi-plus-lg"></i> <i class="bi-plus-lg"></i>
Ajouter Ajouter
</a> </a>
</div> </div>
</div>
{% if Lists %} {% if Lists %}
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th class="w-75">Nom</th>
<th class="w-25">Choix multiples</th>
</tr>
</thead>
<tbody>
{% for List in Lists %} {% for List in Lists %}
<tr> <div class="card card-body my-2 py-2 bg-body-tertiary">
<td> <div class="row">
<div class="col-12 col-sm-8 col-md-9 col-xl-6">
<div class="text-bold fs-7 mt-xxl-0 mt-2">Nom</div>
<div>
<a href="/admin/lists/{{ List.ID }}"> {{ List.Name }} </a> <a href="/admin/lists/{{ List.ID }}"> {{ List.Name }} </a>
</td>
<td>
{% if List.Multi %}
<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> </div>
</div>
<div class="col">
<div class="text-bold fs-7 mt-xxl-0 mt-2">Choix multiples</div>
<div>
{% if List.Multi %}
<span class="badge text-bg-success">Oui</span>
{% else %}
<span class="badge text-bg-danger">Non</span>
{% endif %}
</div>
</div>
</div>
</div>
{% endfor %}
{% else %} {% else %}
<div class="my-4">Pas de liste pour le moment</div> <div class="my-4">Pas de liste pour le moment</div>
{% endif %} {% endif %}

View file

@ -33,7 +33,7 @@
{% if Globals.AllowContactsPage %} {% if Globals.AllowContactsPage %}
<li class="nav-item"> <li class="nav-item">
<a class="nav-link active" href="/contacts"> <a class="nav-link active" href="/contacts">
<i class="bi-telephone me-2"></i>Contacts <i class="bi-telephone me-2"></i>Sympathisants
</a> </a>
</li> </li>
{% endif %} {% endif %}

View file

@ -10,14 +10,22 @@
{% if MembersPage %} {% if MembersPage %}
<li class="breadcrumb-item active">Membres</li> <li class="breadcrumb-item active">Membres</li>
{% else %} {% else %}
<li class="breadcrumb-item active">Contacts</li> <li class="breadcrumb-item active">Sympathisants</li>
{% endif %} {% endif %}
</ol> </ol>
</nav> </nav>
<hr /> <hr />
</div> </div>
<div class="my-3 text-end"> <div class="row my-3">
<div class="col-sm-6">
{% if MembersPage %}
<span class="h2 d-none d-sm-inline">Membres</span>
{% else %}
<span class="h2 d-none d-sm-inline">Sympathisants</span>
{% endif %}
</div>
<div class="col-sm-6 text-end">
{% if MembersPage %} {% if MembersPage %}
<div class="btn-group"> <div class="btn-group">
<a class="btn btn-outline-primary" href="/members/add"> <a class="btn btn-outline-primary" href="/members/add">
@ -48,6 +56,7 @@
</div> </div>
{% endif %} {% endif %}
</div> </div>
</div>
<div id="search-container" class="h-100 p-4 mb-3 bg-body-tertiary border"> <div id="search-container" class="h-100 p-4 mb-3 bg-body-tertiary border">
<div class="row"> <div class="row">
@ -95,7 +104,7 @@
> >
{% else %} {% else %}
<label class="form-check-label" for="active" <label class="form-check-label" for="active"
>Afficher contacts actifs</label >Afficher sympathisants actifs</label
> >
{% endif %} {% endif %}
</div> </div>
@ -116,7 +125,7 @@
> >
{% else %} {% else %}
<label class="form-check-label" for="archive" <label class="form-check-label" for="archive"
>Afficher contacts archivés</label >Afficher sympathisants archivés</label
> >
{% endif %} {% endif %}
</div> </div>
@ -203,7 +212,7 @@
</div> </div>
<div class="row mt-2"> <div class="row mt-2">
<div class="col-6"> <div class="col-12 col-sm-8 col-md-6 d-grid d-sm-block">
<button <button
class="btn btn-outline-primary" class="btn btn-outline-primary"
id="advanced" id="advanced"
@ -220,7 +229,7 @@
<i class="bi-arrow-clockwise me-1"></i> Réinitialiser <i class="bi-arrow-clockwise me-1"></i> Réinitialiser
</button> </button>
</div> </div>
<div class="col-6 text-end"> <div class="col-12 col-sm-4 col-md-6 text-end d-grid d-sm-block">
<button class="btn btn-outline-success" id="search" type="button"> <button class="btn btn-outline-success" id="search" type="button">
<i class="bi-search me-1"></i> Recherche <i class="bi-search me-1"></i> Recherche
</button> </button>

View file

@ -10,7 +10,7 @@
{% if Person.IsMember %} {% if Person.IsMember %}
<li class="breadcrumb-item"><a href="/members">Membres</a></li> <li class="breadcrumb-item"><a href="/members">Membres</a></li>
{% else %} {% else %}
<li class="breadcrumb-item"><a href="/contacts">Contacts</a></li> <li class="breadcrumb-item"><a href="/contacts">Sympathisants</a></li>
{% endif %} {% endif %}
<li class="breadcrumb-item active"> <li class="breadcrumb-item active">
@ -274,7 +274,7 @@
data-bs-target="#modal-convert" data-bs-target="#modal-convert"
> >
<i class="bi-arrow-repeat align-items-center-repeat"></i> <i class="bi-arrow-repeat align-items-center-repeat"></i>
Convertir en contact Convertir en sympathisant
</button> </button>
{% endif %} {% endif %}
{% endif %} {% endif %}
@ -403,7 +403,7 @@
{% if Person.IsMember %} {% if Person.IsMember %}
<p>Êtes-vous sûr de vouloir supprimer ce membre ?</p> <p>Êtes-vous sûr de vouloir supprimer ce membre ?</p>
{% else %} {% else %}
<p>Êtes-vous sûr de vouloir supprimer ce contact ?</p> <p>Êtes-vous sûr de vouloir supprimer ce sympathisant ?</p>
{% endif %} {% endif %}
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
@ -451,7 +451,7 @@
{% if Person.IsMember %} {% if Person.IsMember %}
<p>Êtes-vous sûr de vouloir archiver ce membre ?</p> <p>Êtes-vous sûr de vouloir archiver ce membre ?</p>
{% else %} {% else %}
<p>Êtes-vous sûr de vouloir archiver ce contact ?</p> <p>Êtes-vous sûr de vouloir archiver ce sympathisant ?</p>
{% endif %} {% endif %}
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
@ -499,7 +499,7 @@
{% if Person.IsMember %} {% if Person.IsMember %}
<p>Êtes-vous sûr de vouloir restaurer ce membre ?</p> <p>Êtes-vous sûr de vouloir restaurer ce membre ?</p>
{% else %} {% else %}
<p>Êtes-vous sûr de vouloir restaurer ce contact ?</p> <p>Êtes-vous sûr de vouloir restaurer ce sympathisant ?</p>
{% endif %} {% endif %}
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
@ -545,9 +545,9 @@
<div class="modal-content"> <div class="modal-content">
<div class="modal-body"> <div class="modal-body">
{% if Person.IsMember %} {% if Person.IsMember %}
<p>Êtes-vous sûr de vouloir convertir ce membre en contact ?</p> <p>Êtes-vous sûr de vouloir convertir ce membre en sympathisant ?</p>
{% else %} {% else %}
<p>Êtes-vous sûr de vouloir convertir ce contact en membre ?</p> <p>Êtes-vous sûr de vouloir convertir ce sympathisant en membre ?</p>
{% endif %} {% endif %}
</div> </div>
<div class="modal-footer"> <div class="modal-footer">

View file

@ -10,7 +10,7 @@
{% if Person.IsMember or MembersPage %} {% if Person.IsMember or MembersPage %}
<li class="breadcrumb-item"><a href="/members">Membres</a></li> <li class="breadcrumb-item"><a href="/members">Membres</a></li>
{% else %} {% else %}
<li class="breadcrumb-item"><a href="/contacts">Contacts</a></li> <li class="breadcrumb-item"><a href="/contacts">Sympathisants</a></li>
{% endif %} {% endif %}
{% if Person.ID %} {% if Person.ID %}

View file

@ -251,7 +251,7 @@
</div> </div>
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-md-2 col-xl-3">Convertir membres en contacts</div> <div class="col-md-2 col-xl-3">Convertir membres en sympathisants</div>
<div class="col"> <div class="col">
{% if Role.ConvertMemberToContact %} {% if Role.ConvertMemberToContact %}
<div class="input-group"> <div class="input-group">
@ -284,10 +284,10 @@
</div> </div>
<div class="card"> <div class="card">
<div class="card-header">Permissions contacts</div> <div class="card-header">Permissions sympathisants</div>
<div class="card-body"> <div class="card-body">
<div class="row align-items-center mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-2 col-xl-3">Afficher contacts</div> <div class="col-md-2 col-xl-3">Afficher sympathisants</div>
<div class="col"> <div class="col">
{% if Role.ShowContact %} {% if Role.ShowContact %}
<div class="input-group"> <div class="input-group">
@ -318,7 +318,7 @@
</div> </div>
<div class="row align-items-center mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-2 col-xl-3">Créer contacts</div> <div class="col-md-2 col-xl-3">Créer sympathisants</div>
<div class="col"> <div class="col">
{% if Role.CreateContact %} {% if Role.CreateContact %}
<div class="input-group"> <div class="input-group">
@ -349,7 +349,7 @@
</div> </div>
<div class="row align-items-center mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-2 col-xl-3">Modifier contacts</div> <div class="col-md-2 col-xl-3">Modifier sympathisants</div>
<div class="col"> <div class="col">
{% if Role.EditContact %} {% if Role.EditContact %}
<div class="input-group"> <div class="input-group">
@ -380,7 +380,7 @@
</div> </div>
<div class="row align-items-center mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-2 col-xl-3">Afficher contacts archivés</div> <div class="col-md-2 col-xl-3">Afficher sympathisants archivés</div>
<div class="col"> <div class="col">
{% if Role.ShowArchivedContact %} {% if Role.ShowArchivedContact %}
<div class="input-group"> <div class="input-group">
@ -411,7 +411,7 @@
</div> </div>
<div class="row align-items-center mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-2 col-xl-3">Archiver contacts</div> <div class="col-md-2 col-xl-3">Archiver sympathisants</div>
<div class="col"> <div class="col">
{% if Role.ArchiveContact %} {% if Role.ArchiveContact %}
<div class="input-group"> <div class="input-group">
@ -442,7 +442,7 @@
</div> </div>
<div class="row align-items-center mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-2 col-xl-3">Restaurer contacts</div> <div class="col-md-2 col-xl-3">Restaurer sympathisants</div>
<div class="col"> <div class="col">
{% if Role.RestoreContact %} {% if Role.RestoreContact %}
<div class="input-group"> <div class="input-group">
@ -474,7 +474,7 @@
<div class="row align-items-center mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-2 col-xl-3"> <div class="col-md-2 col-xl-3">
Purger contacts (suppression définitive) Purger sympathisants (suppression définitive)
</div> </div>
<div class="col"> <div class="col">
{% if Role.PurgeContact %} {% if Role.PurgeContact %}
@ -506,7 +506,7 @@
</div> </div>
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-md-2 col-xl-3">Convertir contacts en membres</div> <div class="col-md-2 col-xl-3">Convertir sympathisants en membres</div>
<div class="col"> <div class="col">
{% if Role.ConvertContactToMember %} {% if Role.ConvertContactToMember %}
<div class="input-group"> <div class="input-group">

View file

@ -152,7 +152,7 @@
{% if Role.ConvertMemberToContact %}checked{% endif %} {% if Role.ConvertMemberToContact %}checked{% endif %}
/> />
<label for="convert_member_to_contact" class="form-label"> <label for="convert_member_to_contact" class="form-label">
Convertir en contacts Convertir en sympathisants
</label> </label>
</div> </div>
</div> </div>
@ -160,7 +160,7 @@
<div class="row mb-3"> <div class="row mb-3">
<div class="col-md-2"> <div class="col-md-2">
<div class="mb-2">Permissions contacts</div> <div class="mb-2">Permissions sympathisants</div>
</div> </div>
<div class="col-md-10"> <div class="col-md-10">
<div class="mb-1"> <div class="mb-1">

View file

@ -13,32 +13,33 @@
<hr /> <hr />
</div> </div>
<div class="my-3 text-end"> <div class="row my-3">
<div class="col-sm-6">
<span class="h2 d-none d-sm-inline">Rôles</span>
</div>
<div class="col-sm-6 text-end">
<a class="btn btn-outline-primary" href="/admin/roles/add"> <a class="btn btn-outline-primary" href="/admin/roles/add">
<i class="bi-plus-lg"></i> <i class="bi-plus-lg"></i>
Ajouter Ajouter
</a> </a>
</div> </div>
</div>
{% if Roles %} {% if Roles %}
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th>Nom</th>
</tr>
</thead>
<tbody>
{% for Role in Roles %} {% for Role in Roles %}
<tr> <div class="card card-body my-2 py-2 bg-body-tertiary">
<td> <div class="row">
<div class="col">
<div class="text-bold fs-7 mt-xxl-0 mt-2">Nom</div>
<div>
<a href="/admin/roles/{{ Role.ID }}"> {{ Role.Name }} </a> <a href="/admin/roles/{{ Role.ID }}"> {{ Role.Name }} </a>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div> </div>
</div>
</div>
</div>
{% endfor %}
{% else %} {% else %}
<div class="my-4">Pas de rôle pour le moment</div> <div class="my-4">Pas de rôle pour le moment</div>
{% endif %} {% endif %}

View file

@ -87,7 +87,7 @@
</div> </div>
<div class="row align-items-center mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-2 col-xl-3">Peut contenir des contacts</div> <div class="col-md-2 col-xl-3">Peut contenir des sympathisants</div>
<div class="col-md-10 col-xl-9"> <div class="col-md-10 col-xl-9">
{% if Section.ContainsContacts %} {% if Section.ContainsContacts %}
<div class="input-group"> <div class="input-group">

View file

@ -128,7 +128,7 @@
{% endif %} {% endif %}
/> />
<label for="contains_contacts" class="form-label mb-0"> <label for="contains_contacts" class="form-label mb-0">
Contient des contacts Contient des sympathisants
</label> </label>
</div> </div>
</div> </div>

View file

@ -13,12 +13,17 @@
<hr /> <hr />
</div> </div>
<div class="my-3 text-end"> <div class="row my-3">
<div class="col-sm-6">
<span class="h2 d-none d-sm-inline">Sections</span>
</div>
<div class="col-sm-6 text-end">
<a class="btn btn-outline-primary" href="/admin/sections/add"> <a class="btn btn-outline-primary" href="/admin/sections/add">
<i class="bi-plus-lg"></i> <i class="bi-plus-lg"></i>
Ajouter Ajouter
</a> </a>
</div> </div>
</div>
{% if Sections %} {% if Sections %}
{% for Section in Sections %} {% for Section in Sections %}

View file

@ -13,45 +13,51 @@
<hr /> <hr />
</div> </div>
<div class="my-3 text-end"> <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"> <a class="btn btn-outline-primary" href="/admin/users/add">
<i class="bi-plus-lg"></i> <i class="bi-plus-lg"></i>
Ajouter Ajouter
</a> </a>
</div> </div>
</div>
{% if Users %} {% 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 %} {% for User in Users %}
<tr> <div class="card card-body my-2 py-2 bg-body-tertiary">
<td> <div class="row">
<span class="user-photo me-2">{{ User.Name|first }}</span>
<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> <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> </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 %} {% else %}
<div class="my-4">Pas d'utilisateurs pour le moment</div> <div class="my-4">Pas d'utilisateurs pour le moment</div>
{% endif %} {% endif %}