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

@ -10,44 +10,53 @@
{% if MembersPage %}
<li class="breadcrumb-item active">Membres</li>
{% else %}
<li class="breadcrumb-item active">Contacts</li>
<li class="breadcrumb-item active">Sympathisants</li>
{% endif %}
</ol>
</nav>
<hr />
</div>
<div class="my-3 text-end">
{% if MembersPage %}
<div class="btn-group">
<a class="btn btn-outline-primary" href="/members/add">
<i class="bi-plus-lg"></i>
Ajouter
</a>
<a
class="btn btn-outline-primary"
href="/members/export?s={{ SearchJSON|urlencode }}"
>
<i class="bi-filetype-csv"></i>
Exporter
</a>
</div>
{% else %}
<div class="btn-group">
<a class="btn btn-outline-primary" href="/contacts/add">
<i class="bi-plus-lg"></i>
Ajouter
</a>
<a
class="btn btn-outline-primary"
href="/contacts/export?s={{ SearchJSON|urlencode }}"
>
<i class="bi-filetype-csv"></i>
Exporter
</a>
</div>
{% endif %}
</div>
<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 %}
<div class="btn-group">
<a class="btn btn-outline-primary" href="/members/add">
<i class="bi-plus-lg"></i>
Ajouter
</a>
<a
class="btn btn-outline-primary"
href="/members/export?s={{ SearchJSON|urlencode }}"
>
<i class="bi-filetype-csv"></i>
Exporter
</a>
</div>
{% else %}
<div class="btn-group">
<a class="btn btn-outline-primary" href="/contacts/add">
<i class="bi-plus-lg"></i>
Ajouter
</a>
<a
class="btn btn-outline-primary"
href="/contacts/export?s={{ SearchJSON|urlencode }}"
>
<i class="bi-filetype-csv"></i>
Exporter
</a>
</div>
{% endif %}
</div>
</div>
<div id="search-container" class="h-100 p-4 mb-3 bg-body-tertiary border">
<div class="row">
@ -95,7 +104,7 @@
>
{% else %}
<label class="form-check-label" for="active"
>Afficher contacts actifs</label
>Afficher sympathisants actifs</label
>
{% endif %}
</div>
@ -116,7 +125,7 @@
>
{% else %}
<label class="form-check-label" for="archive"
>Afficher contacts archivés</label
>Afficher sympathisants archivés</label
>
{% endif %}
</div>
@ -203,7 +212,7 @@
</div>
<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
class="btn btn-outline-primary"
id="advanced"
@ -220,7 +229,7 @@
<i class="bi-arrow-clockwise me-1"></i> Réinitialiser
</button>
</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">
<i class="bi-search me-1"></i> Recherche
</button>