Add simple function for determining OPTIONS

InvenTree/templates/base.html

@@ -144,11 +144,12 @@
 
 <!-- general InvenTree -->
 <script type='text/javascript' src="{% static 'script/inventree/inventree.js' %}"></script>
-<script type='text/javascript' src="{% static 'script/inventree/api.js' %}"></script>
 <script type='text/javascript' src="{% static 'script/inventree/notification.js' %}"></script>
 <script type='text/javascript' src="{% static 'script/inventree/sidenav.js' %}"></script>
 
 <!-- translated -->
+<script type='text/javascript' src="{% i18n_static 'api.js' %}"></script>
+<script type='text/javascript' src="{% i18n_static 'forms.js' %}"></script>
 <script type='text/javascript' src="{% i18n_static 'barcode.js' %}"></script>
 <script type='text/javascript' src="{% i18n_static 'bom.js' %}"></script>
 <script type='text/javascript' src="{% i18n_static 'company.js' %}"></script>

InvenTree/templates/js/api.js

@@ -0,0 +1,132 @@
+var jQuery = window.$;
+
+// using jQuery
+function getCookie(name) {
+    var cookieValue = null;
+    if (document.cookie && document.cookie != '') {
+        var cookies = document.cookie.split(';');
+        for (var i = 0; i < cookies.length; i++) {
+            var cookie = jQuery.trim(cookies[i]);
+            // Does this cookie string begin with the name we want?
+            if (cookie.substring(0, name.length + 1) == (name + '=')) {
+                cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+                break;
+            }
+        }
+    }
+    return cookieValue;
+}
+
+function inventreeGet(url, filters={}, options={}) {
+    return $.ajax({
+        url: url,
+        type: 'GET',
+        data: filters,
+        dataType: 'json',
+        contentType: 'application/json',
+        success: function(response) {
+            if (options.success) {
+                options.success(response);
+            }
+        },
+        error: function(xhr, ajaxOptions, thrownError) {
+            console.error('Error on GET at ' + url);
+            console.error(thrownError);
+            if (options.error) {
+                options.error({
+                    error: thrownError
+                });
+            }
+        }
+    });
+}
+
+function inventreeFormDataUpload(url, data, options={}) {
+    /* Upload via AJAX using the FormData approach.
+     * 
+     * Note that the following AJAX parameters are required for FormData upload
+     * 
+     * processData: false
+     * contentType: false
+     */
+
+    // CSRF cookie token
+    var csrftoken = getCookie('csrftoken');
+
+    return $.ajax({
+        beforeSend: function(xhr, settings) {
+            xhr.setRequestHeader('X-CSRFToken', csrftoken);
+        },
+        url: url,
+        method: options.method || 'POST',
+        data: data,
+        processData: false,
+        contentType: false,
+        success: function(data, status, xhr) {
+            if (options.success) {
+                options.success(data, status, xhr);
+            }
+        },
+        error: function(xhr, status, error) {
+            console.log('Form data upload failure: ' + status);
+
+            if (options.error) {
+                options.error(xhr, status, error);
+            }
+        }
+    });
+}
+
+function inventreePut(url, data={}, options={}) {
+
+    var method = options.method || 'PUT';
+
+    // Middleware token required for data update
+    //var csrftoken = jQuery("[name=csrfmiddlewaretoken]").val();
+    var csrftoken = getCookie('csrftoken');
+
+    return $.ajax({
+        beforeSend: function(xhr, settings) {
+            xhr.setRequestHeader('X-CSRFToken', csrftoken);
+        },
+        url: url,
+        type: method,
+        data: JSON.stringify(data),
+        dataType: 'json',
+        contentType: 'application/json',
+        success: function(response, status) {
+            if (options.success) {
+                options.success(response, status);
+            }
+            if (options.reloadOnSuccess) {
+                location.reload();
+            }
+        },
+        error: function(xhr, ajaxOptions, thrownError) {
+            console.error('Error on UPDATE to ' + url);
+            console.error(thrownError);
+            if (options.error) {
+                options.error(xhr, ajaxOptions, thrownError);
+            }
+        },
+        complete: function(xhr, status) {
+            if (options.complete) {
+                options.complete(xhr, status);
+            }
+        }
+    });
+}
+
+
+function inventreeDelete(url, options={}) {
+    /*
+     * Delete a record
+     */
+
+    options = options || {};
+
+    options.method = 'DELETE';
+
+    inventreePut(url, {}, options);
+
+}

InvenTree/templates/js/forms.js

@@ -0,0 +1,38 @@
+/**
+ * This file contains code for rendering (and managing) HTML forms
+ * which are served via the django-drf API.
+ * 
+ * The django DRF library provides an OPTIONS method for each API endpoint,
+ * which allows us to introspect the available fields at any given endpoint.
+ * 
+ * The OPTIONS method provides the following information for each available field:
+ * 
+ * - Field name
+ * - Field label (translated)
+ * - Field help text (translated)
+ * - Field type
+ * - Read / write status
+ * - Field required status
+ * - min_value / max_value 
+ */
+
+
+/*
+ * Get the API endpoint options at the provided URL,
+ * using a HTTP options request.
+ */
+function getApiEndpointOptions(url, options={}) {
+
+    $.ajax({
+        url: url,
+        type: 'OPTIONS',
+        contentType: 'application/json',
+        dataType: 'json',
+        accepts: {
+            json: 'application/json',
+        },
+        success: function(response) {
+            console.log(response);
+        }
+    });
+}