Add BS modals when confirmation needed

This commit is contained in:
William Bouzourène 2025-01-23 14:54:31 +01:00
parent 73e24514b1
commit 476b8c396e
7 changed files with 400 additions and 171 deletions

View file

@ -72,8 +72,8 @@
Liste
</div>
<div class="col-md-10">
<div class="input-group">
{% if Field.ListID %}
{% if Field.ListID %}
<div class="input-group">
<input
type="text"
class="form-control"
@ -104,22 +104,43 @@
</div>
</div>
<div class="my-4">
<a class="btn btn-md btn-primary" href="/admin/fields/{{ Field.ID }}/edit">
<i class="bi-pencil-square"></i>
Modifier
</a>
<form
action="/admin/fields/{{ Field.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="row my-4">
<div class="col-6">
<a class="btn btn-outline-primary" href="/admin/fields/{{ Field.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>
<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 ce champ ?</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/fields/{{ Field.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>
{% endblock %}