delete modal

This commit is contained in:
Corban-Lee Jones 2024-08-02 21:41:32 +01:00
parent bb8a55107a
commit a8a4d28564
2 changed files with 30 additions and 0 deletions

View File

@ -144,3 +144,17 @@ $(document).ready(function() {
});
});
async function confirmDeleteModal(title, description, acceptFunc, declineFunc) {
let $modal = $("#confirmDeleteModal");
$modal.find(".modal-title").text(title);
$modal.find(".modal-body > p").html(description);
$modal.find(".confirm-delete-btn").off("click").on("click", async function(e) {
await acceptFunc()
$modal.modal("hide");
});
$modal.find(".dismiss-delete-btn").off("click").on("click", async function(e) {
if (declineFunc) await declineFunc();
$modal.modal("hide");
});
$modal.modal("show");
}

View File

@ -0,0 +1,16 @@
<div id="confirmDeleteModal" class="modal fade" data-bs-backdrop="static" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content rounded-1">
<div class="modal-header">
<h5 class="modal-title mx-2"></h5>
</div>
<div class="modal-body">
<p class="mx-2"></p>
</div>
<div class="modal-footer px-4">
<button type="button" class="btn btn-danger rounded-1 confirm-delete-btn" tabindex="1">Delete</button>
<button type="button" class="btn btn-secondary rounded-1 ms-3 ms-0 dismiss-delete-btn" tabindex="2">Cancel</button>
</div>
</div>
</div>
</div>