From a8a4d2856434b3e3fadec5bee183bf663c585b2d Mon Sep 17 00:00:00 2001
From: Corban-Lee Jones <corbz.jones@gmail.com>
Date: Fri, 2 Aug 2024 21:41:32 +0100
Subject: [PATCH] delete modal

---
 apps/static/js/home/index.js                  | 14 ++++++++++++++
 apps/templates/home/includes/deletemodal.html | 16 ++++++++++++++++
 2 files changed, 30 insertions(+)
 create mode 100644 apps/templates/home/includes/deletemodal.html

diff --git a/apps/static/js/home/index.js b/apps/static/js/home/index.js
index 4ddecd6..f1d25d7 100644
--- a/apps/static/js/home/index.js
+++ b/apps/static/js/home/index.js
@@ -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");
+}
\ No newline at end of file
diff --git a/apps/templates/home/includes/deletemodal.html b/apps/templates/home/includes/deletemodal.html
new file mode 100644
index 0000000..9867c2a
--- /dev/null
+++ b/apps/templates/home/includes/deletemodal.html
@@ -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>
\ No newline at end of file