From 653e3cd135469291b920001076788af72c5e62b9 Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Wed, 30 Jun 2021 12:03:32 +1000
Subject: [PATCH] Starting work on a DELETE form

---
 InvenTree/InvenTree/static/css/inventree.css |  8 +++
 InvenTree/templates/js/forms.js              | 66 +++++++++++++++++++-
 2 files changed, 71 insertions(+), 3 deletions(-)

diff --git a/InvenTree/InvenTree/static/css/inventree.css b/InvenTree/InvenTree/static/css/inventree.css
index 375e02c8ca..11c0c95561 100644
--- a/InvenTree/InvenTree/static/css/inventree.css
+++ b/InvenTree/InvenTree/static/css/inventree.css
@@ -640,6 +640,14 @@
   z-index: 9999;
 }
 
+.modal-header {
+    border-bottom: 1px solid #ddd;
+}
+
+.modal-footer {
+    border-top: 1px solid #ddd;
+}
+
 .modal-primary {
     z-index: 10000;
 }
diff --git a/InvenTree/templates/js/forms.js b/InvenTree/templates/js/forms.js
index 10d07d07e2..89b4608c8d 100644
--- a/InvenTree/templates/js/forms.js
+++ b/InvenTree/templates/js/forms.js
@@ -172,10 +172,48 @@ function constructChangeForm(fields, options) {
         },
         error: function(request, status, error) {
             // TODO: Handle error here
-            console.log(`ERROR in constructChangeForm at '${url}'`);
+            console.log(`ERROR in constructChangeForm at '${options.url}'`);
         }
-    })
+    });
+}
 
+
+/*
+ * Construct a 'delete' form, to remove a model instance from the database.
+ * 
+ * arguments:
+ * - fields: The 'actions' object provided by the OPTIONS request
+ * - options: The 'options' object provided by the client
+ */
+function constructDeleteForm(fields, options) {
+
+    // Force the "confirm" property if not set
+    if (!('confirm' in options)) {
+        options.confirm = true;
+    }
+
+    // Request existing data from the API endpoint
+    // This data can be used to render some information on the form
+    $.ajax({
+        url: options.url,
+        type: 'GET',
+        contentType: 'application/json',
+        dataType: 'json',
+        accepts: {
+            json: 'application/json',
+        },
+        success: function(data) {
+
+            // Store the instance data
+            options.instance = data;
+
+            constructFormBody(fields, options);
+        },
+        error: function(request, status, error) {
+            // TODO: Handle error here
+            console.log(`ERROR in constructDeleteForm at '${options.url}`);
+        }
+    });
 }
 
 
@@ -229,7 +267,7 @@ function constructForm(url, options) {
                 break;
             case 'DELETE':
                 if (canDelete(OPTIONS)) {
-                    console.log('delete');
+                    constructDeleteForm(OPTIONS.actions.DELETE, options);
                 } else {
                     // User does not have permission to DELETE to the endpoint
                     // TODO
@@ -363,6 +401,14 @@ function constructFormBody(fields, options) {
     // Insert generated form content
     $(modal).find('.modal-form-content').html(html);
     
+    // Clear any existing buttons from the modal
+    $(modal).find('#modal-footer-buttons').html('');
+
+    // Insert "confirm" button (if required)
+    if (options.confirm) {
+        insertConfirmButton(options);
+    }
+
     $(modal).modal('show');
 
     updateFieldValues(fields, options);
@@ -388,6 +434,20 @@ function constructFormBody(fields, options) {
 }
 
 
+// Add a "confirm" checkbox to the modal
+// The "submit" button will be disabled unless "confirm" is checked
+function insertConfirmButton(options) {
+
+    var confirm = `
+    <span style='float: left;'>
+        Confirm
+        <input name='confirm' type='checkbox'>
+    </span>`;
+
+    $(options.modal).find('#modal-footer-buttons').append(confirm);
+}
+
+
 /*
  * Submit form data to the server.
  *