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

Add BS modals when confirmation needed

Browse source
This commit is contained in:
William Bouzourène 2025-01-23 14:54:31 +01:00
parent e5b564539e
commit 59b1e32c29
Signed by: bouzoure
SSH key fingerprint: SHA256:19MbXpLua4rUtk8tunMesD8KUKb91LXLHg8E/qTooww
7 changed files with 400 additions and 171 deletions
Download patch file Download diff file Expand all files Collapse all files

89
views/list.html
View file

@ -62,21 +62,19 @@
</div>
</div>
<div class="my-4">
<a class="btn btn-md btn-primary" href="/admin/lists/{{ List.ID }}/edit">
<i class="bi-pencil-square"></i>
Modifier
</a>
<form
action="/admin/lists/{{ List.ID }}/delete"
method="post"
class="d-inline p-0"
>
<button class="btn btn-md btn-danger areyousure" type="submit">
<i class="bi-trash3"></i>
<div class="my-4 row">
<div class="col-6">
<a class="btn btn-md btn-outline-primary" href="/admin/lists/{{ List.ID }}/edit">
<i class="bi-pencil-square"></i>
Modifier
</a>
</div>
<div class="col-6 text-end">
<button type="button" class="btn btn-outline-danger" data-bs-toggle="modal" data-bs-target="#modal-delete">
<i class="bi-trash3 me-1"></i>
Supprimer
</button>
</form>
</div>
</div>
<div class="my-3 row">
@ -84,7 +82,7 @@
Contenu de la liste
</div>
<div class="col-sm-3 text-end">
<a class="btn btn-md btn-primary" href="/admin/lists/{{ List.ID }}/items/add">
<a class="btn btn-md btn-outline-primary" href="/admin/lists/{{ List.ID }}/items/add">
<i class="bi-plus-lg"></i>
Ajouter
</a>
@ -119,16 +117,10 @@
{% endif %}
</td>
<td class="text-end">
<form
action="/admin/lists/{{ List.ID }}/items/{{ Item.ID }}/delete"
method="post"
class="d-inline p-0"
>
<button class="btn btn-sm btn-danger areyousure" type="submit">
<i class="bi-trash3"></i>
Supprimer
</button>
</form>
<button type="button" class="btn btn-outline-danger btn-sm" data-bs-toggle="modal" data-bs-target="#modal-delete-value-{{ Item.ID }}">
<i class="bi-trash3 me-1"></i>
Supprimer
</button>
</td>
</tr>
{% endfor %}
@ -142,4 +134,53 @@
{% endif %}
</div>
<div id="modal-delete" class="modal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-body">
<p>Êtes-vous sûr de vouloir supprimer cette liste ?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">
<i class="bi-x-lg me-1"></i>
Annuler
</button>
<form action="/admin/lists/{{ List.ID }}/delete" method="post" class="d-inline p-0">
<button class="btn btn-md btn-outline-danger" type="submit">
<i class="bi-trash3 me-1"></i>
Supprimer
</button>
</form>
</div>
</div>
</div>
</div>
{% for Item in ListItems %}
<div id="modal-delete-value-{{ Item.ID }}" class="modal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-body">
<p>Êtes-vous sûr de vouloir supprimer cette valeur ?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">
<i class="bi-x-lg me-1"></i>
Annuler
</button>
<form action="/admin/lists/{{ List.ID }}/items/{{ Item.ID }}/delete" method="post" class="d-inline p-0">
<button class="btn btn-md btn-outline-danger" type="submit">
<i class="bi-trash3 me-1"></i>
Supprimer
</button>
</form>
</div>
</div>
</div>
</div>
{% endfor %}
{% endblock %}