bouzoure/pop-camarades
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Sections: improve table + form

Browse source
This commit is contained in:
William Bouzourène 2025-07-12 11:54:48 +02:00
parent ff2bb2d443
commit 08c18baa85
Signed by: bouzoure
SSH key fingerprint: SHA256:19MbXpLua4rUtk8tunMesD8KUKb91LXLHg8E/qTooww
3 changed files with 67 additions and 65 deletions
Download patch file Download diff file Expand all files Collapse all files

12
views/section.html
View file

@ -17,7 +17,7 @@
</div> </div>
<div class="mw-1200"> <div class="mw-1200">
<div class="row mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-2 col-xl-3">Nom</div> <div class="col-md-2 col-xl-3">Nom</div>
<div class="col-md-10 col-xl-9"> <div class="col-md-10 col-xl-9">
<input <input
@ -30,7 +30,7 @@
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-2 col-xl-3">Nom technique</div> <div class="col-md-2 col-xl-3">Nom technique</div>
<div class="col-md-10 col-xl-9"> <div class="col-md-10 col-xl-9">
<input <input
@ -43,7 +43,7 @@
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-2 col-xl-3">Section parente</div> <div class="col-md-2 col-xl-3">Section parente</div>
<div class="col-md-10 col-xl-9"> <div class="col-md-10 col-xl-9">
{% if Section.ParentSectionID %} {% if Section.ParentSectionID %}
@ -65,7 +65,7 @@
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-2 col-xl-3">Peut contenir des membres</div> <div class="col-md-2 col-xl-3">Peut contenir des membres</div>
<div class="col-md-10 col-xl-9"> <div class="col-md-10 col-xl-9">
{% if Section.ContainsMembers %} {% if Section.ContainsMembers %}
@ -86,7 +86,7 @@
</div> </div>
</div> </div>
<div class="row 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 contacts</div>
<div class="col-md-10 col-xl-9"> <div class="col-md-10 col-xl-9">
{% if Section.ContainsContacts %} {% if Section.ContainsContacts %}
@ -107,7 +107,7 @@
</div> </div>
</div> </div>
<div class="my-4 row"> <div class="my-4 row align-items-center">
<div class="col-6"> <div class="col-6">
<a <a
class="btn btn-outline-primary" class="btn btn-outline-primary"

20
views/section_form.html
View file

@ -35,8 +35,8 @@
</div> </div>
{% endif %} {% endif %}
<div class="row mb-3"> <div class="row align-items-center mb-3">
<label for="name" class="form-label col-md-2 col-xl-3"> Nom </label> <label for="name" class="form-label mb-0 col-md-2 col-xl-3"> Nom </label>
<div class="col-md-10 col-xl-9"> <div class="col-md-10 col-xl-9">
<input <input
id="name" id="name"
@ -51,8 +51,8 @@
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<label for="short_name" class="form-label col-md-2 col-xl-3"> <label for="short_name" class="form-label mb-0 col-md-2 col-xl-3">
Nom technique Nom technique
</label> </label>
<div class="col-md-10 col-xl-9"> <div class="col-md-10 col-xl-9">
@ -68,8 +68,8 @@
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<label for="parent_section" class="form-label col-md-2 col-xl-3"> <label for="parent_section" class="form-label mb-0 col-md-2 col-xl-3">
Section parente Section parente
</label> </label>
<div class="col-md-10 col-xl-9"> <div class="col-md-10 col-xl-9">
@ -97,7 +97,7 @@
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-10 col-xl-9 offset-md-2 offset-xl-3"> <div class="col-md-10 col-xl-9 offset-md-2 offset-xl-3">
<input <input
type="checkbox" type="checkbox"
@ -109,13 +109,13 @@
checked checked
{% endif %} {% endif %}
/> />
<label for="contains_members" class="form-label"> <label for="contains_members" class="form-label mb-0">
Contient des membres Contient des membres
</label> </label>
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-10 col-xl-9 offset-md-2 offset-xl-3"> <div class="col-md-10 col-xl-9 offset-md-2 offset-xl-3">
<input <input
type="checkbox" type="checkbox"
@ -127,7 +127,7 @@
checked checked
{% endif %} {% endif %}
/> />
<label for="contains_contacts" class="form-label"> <label for="contains_contacts" class="form-label mb-0">
Contient des contacts Contient des contacts
</label> </label>
</div> </div>

100
views/sections.html
View file

@ -21,55 +21,57 @@
</div> </div>
{% if Sections %} {% if Sections %}
<div class="table-responsive"> {% for Section in Sections %}
<table class="table"> <div class="card card-body my-2 py-2 bg-body-tertiary">
<thead> <div class="row">
<tr>
<th class="w-25">Nom</th> <div class="col-12 col-sm-8 col-md-9 col-xl-3 order-1">
<th class="w-25">Section parente</th> <div class="text-bold fs-7 mt-xxl-0 mt-2">Nom</div>
<th class="w-25">Membres</th> <div>
<th class="w-25">Contacts</th> <a href="/admin/sections/{{ Section.ID }}">
</tr> {{ Section.Name }}
</thead> </a>
<tbody> </div>
{% for Section in Sections %} </div>
<tr>
<td> <div class="col-12 col-sm-8 col-md-9 col-xl-3 order-2 order-sm-3 order-xl-2">
<a href="/admin/sections/{{ Section.ID }}"> <div class="text-bold fs-7 mt-xxl-0 mt-2">Section parente</div>
{{ Section.Name }} <div>
</a> {% if Section.ParentSectionID %}
</td> <a href="/admin/sections/{{ Section.ParentSectionID }}">
<td> {{ Section.ParentSection.Name }}
{% if Section.ParentSectionID %} </a>
{{ Section.ParentSection.Name }} {% else %}
{% else %} <span class="badge text-bg-danger">Pas de section parente</span>
<i class="bi-x-lg text-danger me-1"></i> {% endif %}
Non </div>
{% endif %} </div>
</td>
<td> <div class="col-12 col-sm-4 col-md-3 col-xl-3 order-3 order-sm-2 order-xl-3">
{% if Section.ContainsMembers %} <div class="text-bold fs-7 mt-xxl-0 mt-2">Membres</div>
<i class="bi-check-lg text-success me-1"></i> <div>
Oui {% if Section.ContainsMembers %}
{% else %} <span class="badge text-bg-success">Oui</span>
<i class="bi-x-lg text-danger me-1"></i> {% else %}
Non <span class="badge text-bg-danger">Non</span>
{% endif %} {% endif %}
</td> </div>
<td> </div>
{% if Section.ContainsContacts %}
<i class="bi-check-lg text-success me-1"></i> <div class="col-12 col-sm-4 col-md-3 col-xl-3 order-4">
Oui <div class="text-bold fs-7 mt-xxl-0 mt-2">Sympathisants</div>
{% else %} <div>
<i class="bi-x-lg text-danger me-1"></i> {% if Section.ContainsContacts %}
Non <span class="badge text-bg-success">Oui</span>
{% endif %} {% else %}
</td> <span class="badge text-bg-danger">Non</span>
</tr> {% endif %}
{% endfor %} </div>
</tbody> </div>
</table>
</div> </div>
</div>
{% endfor %}
{% else %} {% else %}
<div class="my-4">Pas de section pour le moment</div> <div class="my-4">Pas de section pour le moment</div>
{% endif %} {% endif %}