Remove reliance on "bootstrap-toggle" library

- Still needs fixing in modal forms

InvenTree/templates/base.html

@@ -41,7 +41,6 @@
 <link rel="stylesheet" href="{% static 'fontawesome/css/brands.css' %}">
 <link rel="stylesheet" href="{% static 'fontawesome/css/solid.css' %}">
 <link rel="stylesheet" href="{% static 'select2/css/select2.css' %}">
-<link rel="stylesheet" href="{% static 'css/bootstrap-toggle.css' %}">
 <link rel="stylesheet" href="{% static 'fullcalendar/main.css' %}">
 <link rel="stylesheet" href="{% static 'script/jquery-ui/jquery-ui.min.css' %}">
 
@@ -118,7 +117,6 @@
 
 <script type="text/javascript" src="{% static 'bootstrap/js/bootstrap.bundle.min.js' %}"></script>
 <script type='text/javascript' src="{% static 'script/bootstrap/bootstrap-treeview.js' %}"></script>
-<script type='text/javascript' src="{% static 'script/bootstrap/bootstrap-toggle.js' %}"></script>
 <script type='text/javascript' src="{% static 'bootstrap-table/bootstrap-table.js' %}"></script>
 <script type='text/javascript' src="{% static 'bootstrap-table/bootstrap-table-en-US.min.js' %}"></script>
 

InvenTree/templates/js/translated/forms.js

@@ -2,7 +2,6 @@
 {% load inventree_extras %}
 
 /* globals
-    attachToggle,
     createNewModal,
     inventreeFormDataUpload,
     inventreeGet,
@@ -519,8 +518,6 @@ function constructFormBody(fields, options) {
     // Attach clear callbacks (if required)
     addClearCallbacks(fields, options);
 
-    attachToggle(modal);
-
     $(modal + ' .select2-container').addClass('select-full-width');
     $(modal + ' .select2-container').css('width', '100%');
 
@@ -563,13 +560,13 @@ function insertConfirmButton(options) {
 
     var message = options.confirmMessage || '{% trans "Confirm" %}';
 
-    var confirm = `
-    <span style='float: left;'>
-        ${message}
-        <input id='modal-confirm' name='confirm' type='checkbox'>
-    </span>`;
+    var html = `
+    <div class="form-check form-switch">
+        <input class="form-check-input" type="checkbox" id="modal-confirm">
+        <label class="form-check-label" for="modal-confirm">${message}</label>
+    </div>`;
 
-    $(options.modal).find('#modal-footer-buttons').append(confirm);
+    $(options.modal).find('#modal-footer-buttons').append(html);
 
     // Disable the 'submit' button
     $(options.modal).find('#modal-form-submit').prop('disabled', true);
@@ -2029,7 +2026,7 @@ function constructCheckboxInput(name, parameters) {
 
     return constructInputOptions(
         name,
-        'checkboxinput',
+        'form-check-input',
         'checkbox',
         parameters
     );

InvenTree/templates/js/translated/modals.js

@@ -355,22 +355,6 @@ function partialMatcher(params, data) {
 }
 
 
-function attachToggle(modal) {
-    /* Attach 'bootstrap-toggle' functionality to any checkbox in the modal.
-     * This is simple for visual improvement, 
-     * and also larger toggle style buttons are easier to press!
-     */
-
-    $(modal).find(`input[type='checkbox']`).each(function() {
-        $(this).bootstrapToggle({
-            size: 'small',
-            onstyle: 'success',
-            offstyle: 'warning',
-        });
-    });
-}
-
-
 function attachSelect(modal) {
     /* Attach 'select2' functionality to any drop-down list in the modal. 
      * Provides search filtering for dropdown items
@@ -698,7 +682,6 @@ function injectModalForm(modal, form_html) {
      */
     $(modal).find('.modal-form-content').html(form_html);
     attachSelect(modal);
-    attachToggle(modal);
 }