From 212381a5c35be336fc403c7bfbde1f2d55cf005c Mon Sep 17 00:00:00 2001
From: Gavin Troy <gavin@cantlogout.com>
Date: Sat, 18 Feb 2023 21:01:59 +0000
Subject: [PATCH] Add delete confirmation

---
 static/custom.js  |  5 +++++
 static/index.html | 22 ++++++++++++++++++++++
 2 files changed, 27 insertions(+)

diff --git a/static/custom.js b/static/custom.js
index e81b39d..1d45571 100644
--- a/static/custom.js
+++ b/static/custom.js
@@ -58,6 +58,11 @@ $(document).ready(function() {
 
     $("#remove-btn").on("click", function(event) {
         event.preventDefault();
+        $('#deletion-modal').modal('show');
+    });
+
+    $("#deletion-confirm-btn").on("click", function(event) {
+        event.preventDefault();
 
         $.ajax({
             url: window.location.pathname,
diff --git a/static/index.html b/static/index.html
index faeb2cb..7236ddd 100644
--- a/static/index.html
+++ b/static/index.html
@@ -300,6 +300,28 @@
     </div>
     {{/if}}
 
+    {{#if is_created}}
+    <div class="modal fade hide" id="deletion-modal" tabindex="-1" role="dialog" aria-labelledby="deletion-modal-label" aria-hidden="true">
+        <div class="modal-dialog modal-dialog-centered modal-sm" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title" id="deletion-modal-label">
+                        <i class="fas fa-trash"></i>
+                        Delete this paste?
+                    </h5>
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">×</span>
+                    </button>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal" id="deletion-modal-close-btn">Cancel</button>
+                    <button type="button" class="btn btn-danger" id="deletion-confirm-btn">Delete</button>
+                </div>
+            </div>
+        </div>
+    </div>
+    {{/if}}
+
     <script>
         var uri_prefix="{{uri_prefix}}";