template for data wipe

ereuse_devicehub/static/js/main_inventory.js

@@ -1,8 +1,12 @@
 $(document).ready(function() {
-    var show_action_form = $("#allocateModal").data('show-action-form');
+    var show_allocate_form = $("#allocateModal").data('show-action-form');
-    if (show_action_form != "None") {
+    var show_datawipe_form = $("#datawipeModal").data('show-action-form');
+    if (show_allocate_form != "None") {
         $("#allocateModal .btn-primary").show();
-        newAllocate(show_action_form);
+        newAllocate(show_allocate_form);
+    } else if (show_datawipe_form != "None") {
+        $("#datawipeModal .btn-primary").show();
+        newDataWipe(show_datawipe_form);
     } else {
         $(".deviceSelect").on("change", deviceSelect);
     }
@@ -26,6 +30,9 @@ function deviceSelect() {
 
         $("#allocateModal .pol").show();
         $("#allocateModal .btn-primary").hide();
+
+        $("#datawipeModal .pol").show();
+        $("#datawipeModal .btn-primary").hide();
     } else {
         $("#addingLotModal .pol").hide();
         $("#addingLotModal .btn-primary").show();
@@ -39,6 +46,9 @@ function deviceSelect() {
         $("#allocateModal .pol").hide();
         $("#allocateModal .btn-primary").show();
 
+        $("#datawipeModal .pol").hide();
+        $("#datawipeModal .btn-primary").show();
+
         $("#addingTagModal .pol").hide();
     }
 }
@@ -69,11 +79,20 @@ function newAllocate(action) {
     $("#activeAllocateModal").click();
 }
 
+function newDataWipe(action) {
+    $("#datawipeModal #type").val(action);
+    $("#datawipeModal #title-action").html(action);
+    get_device_list();
+    deviceSelect();
+    $("#activeDatawipeModal").click();
+}
+
 function get_device_list() {
     var devices = $(".deviceSelect").filter(':checked');
 
     /* Insert the correct count of devices in actions form */
     var devices_count = devices.length;
+    $("#datawipeModal .devices-count").html(devices_count);
     $("#allocateModal .devices-count").html(devices_count);
     $("#actionModal .devices-count").html(devices_count);
 

ereuse_devicehub/templates/inventory/data_wipe.html

@@ -0,0 +1,63 @@
+<div class="modal fade" id="datawipeModal" tabindex="-1" style="display: none;" aria-hidden="true"
+    data-show-action-form="{{ form_new_datawipe.type.data }}">
+  <div class="modal-dialog modal-lg">
+    <div class="modal-content">
+
+      <div class="modal-header">
+        <h5 class="modal-title">New Action <span id="title-action"></span></h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+
+      <form action="{{ url_for('inventory.devices.datawipe_add') }}" method="post" enctype="multipart/form-data">
+      {{ form_new_datawipe.csrf_token }}
+        <div class="modal-body">
+          {% for field in form_new_datawipe %}
+          {% if field != form_new_datawipe.csrf_token %}
+          {% if field == form_new_datawipe.devices  %}
+          <div class="col-12">
+              {{ field.label(class_="form-label") }}: <span class="devices-count"></span>
+              {{ field(class_="devicesList") }}
+              <p class="text-danger pol" style="display: none;">
+                  You need select first some device before to do one action
+              </p>
+              <p class="enumeration-devices"></p>
+          </div>
+          {% elif field == form_new_datawipe.lot %}
+            {{ field }}
+          {% elif field == form_new_datawipe.type %}
+            {{ field }}
+          {% else %}
+          <div class="col-12">
+              {{ field.label(class_="form-label") }}
+              {% if field == form_new_datawipe.success %}
+                <div class="form-check form-switch">
+                  {{ field(class_="form-check-input") }}
+                  <small class="text-muted">{{ field.description }}</small>
+                </div>
+              {% else %}
+                {{ field(class_="form-control") }}
+                <small class="text-muted">{{ field.description }}</small>
+              {% endif %}
+              {% if field.errors %}
+              <p class="text-danger">
+                {% for error in field.errors %}
+                  {{ error }}<br/>
+                {% endfor %}
+              </p>
+              {% endif %}
+          </div>
+          {% endif %}
+          {% endif %}
+          {% endfor %}
+        </div>
+
+
+        <div class="modal-footer">
+          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+          <input type="submit" class="btn btn-primary" style="display: none;" value="Create" />
+        </div>
+      </form>
+
+    </div>
+  </div>
+</div>

ereuse_devicehub/templates/inventory/device_list.html

@@ -80,6 +80,7 @@
               </button>
               <span class="d-none" id="activeActionModal" data-bs-toggle="modal" data-bs-target="#actionModal"></span>
               <span class="d-none" id="activeAllocateModal" data-bs-toggle="modal" data-bs-target="#allocateModal"></span>
+              <span class="d-none" id="activeDatawipeModal" data-bs-toggle="modal" data-bs-target="#datawipeModal"></span>
               <ul class="dropdown-menu" aria-labelledby="btnActions">
                 <li>
                     Status actions
@@ -139,7 +140,7 @@
                   </a>
                 </li>
                 <li>
-                  <a href="javascript:void()" class="dropdown-item">
+                  <a href="javascript:newDataWipe('DataWipe')" class="dropdown-item">
                     <i class="bi bi-eraser-fill"></i>
                     DataWipe
                   </a>
@@ -280,6 +281,7 @@
 {% include "inventory/removelot.html" %}
 {% include "inventory/actions.html" %}
 {% include "inventory/allocate.html" %}
+{% include "inventory/data_wipe.html" %}
 
 <!-- CDN -->
 <script src="https://cdn.jsdelivr.net/npm/simple-datatables@latest"></script>