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,39 +13,48 @@
<hr />
</div>
<div class="my-3 text-end">
<a class="btn btn-outline-primary" href="/admin/fields/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">Champs supplémentaires</span>
</div>
<div class="col-sm-6 text-end">
<a class="btn btn-outline-primary" href="/admin/fields/add">
<i class="bi-plus-lg"></i>
Ajouter
</a>
</div>
</div>
<div class="h4 my-2">Membres</div>
<div class="table-responsive">
<table class="table">
<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 == "member" %}
<tr>
<td>
<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">
<div class="card mb-3">
<div class="card-header">Membres</div>
<div class="card-body">
{% for Field in Fields %}
{% if Field.PersonType == "member" %}
<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"
@ -61,40 +70,45 @@
Descendre
</a>
</div>
</td>
</tr>
{% endif %}
{% endfor %}
</tbody>
</table>
</div>
</div>
<div class="h4 my-2">Contacts</div>
<div class="table-responsive">
<table class="table">
<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 %}
{% if Key == Field.FieldType %}
{{ Value }}
{% endif %}
{% endfor %}
</td>
<td class="text-end">
<div class="btn-group">
</div>
</div>
{% endif %}
{% endfor %}
</div>
</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"
@ -110,12 +124,13 @@
Descendre
</a>
</div>
</td>
</tr>
{% endif %}
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
</div>
</div>
{% endblock %}