Resolve "Delete multiple files (web interface)"

Closes #95 (closed) add bulk delete of selected datafiles (web interface)

portal/templates/portal/secure/user/datafile_list.html

@@ -57,6 +57,36 @@
     </div>
 </div>
 
+
+{# Delete bulk #}
+<div class="modal fade" id="delBulkModal" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered" role="document">
+        <div class="modal-content">
+            <form id="batch_delete_datafiles" action="{% url 'user.datafile-batch-delete' %}" method="post">
+                <div class="modal-header">
+                    <h5 class="modal-title">{% trans 'Delete selected files' %}</h5>
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                    </button>
+                 </div>
+                <div class="modal-body">
+                        {% csrf_token %}
+                        {{ batch_deletebulk_datafile_form|crispy }}
+                        <div class="alert alert-warning" role="alert">
+                            {% trans 'Warning: Deleting selected files is an IRREVERSIBLE action.' %}
+                        </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">{% trans 'Cancel' %}</button>
+                    <button type="submit" class="btn btn-primary">{% trans 'Remove' %}</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+
+
 {% endblock modals %}
 
 {% block main_content %}
@@ -74,9 +104,11 @@
 
 var get_selected_datafiles = function () {
     data = $('#all-datafile').DataTable().rows('.selected').data()
+    console.log(data)
     return data.toArray().map(x => x.id).toString()
 }
 
+
 var addAnnotClick = function() {
     // Reset form
     $("form#batch_add_annotations").find("#id_datafiles").val(get_selected_datafiles())
@@ -121,6 +153,14 @@ var createDatasetClick = function() {
 
 
 
+var deleteBulkClick = function() {
+    var datafiles = get_selected_datafiles()
+    $("form#batch_delete_datafiles").find("#id_datafiles").val(datafiles)
+    $("#delBulkModal").modal("show")
+}
+
+
+
 $(function() {
     $("#{{ dt_struct.id }}").DataTable({
         "ajax": {
@@ -154,9 +194,11 @@ $(function() {
                 rows:{
                     _: `Selected %d rows&nbsp;&nbsp;<a onclick="$('#all-datafile').DataTable().rows('.selected').deselect()" id="sel-deselect" href="#"><i class="fas fa-backspace"></i></a>
                         <br>
-                        <a onclick="addAnnotClick()" id="sel-add-annot" href="#"><i class="far fa-plus-circle mr-1"></i>{% trans 'Add/Update annotations' %}</a>
+                        <a onclick="addAnnotClick()" id="sel-add-annot" href="#"><i class="fa fa-plus-circle mr-1"></i>{% trans 'Add/Update annotations' %}</a>
                         &nbsp;
-                        <a onclick="remAnnotClick()" id="sel-rem-annot" href="#"><i class="far fa-minus-circle mr-1"></i>{% trans 'Remove annotations' %}</a>
+                        <a onclick="remAnnotClick()" id="sel-rem-annot" href="#"><i class="fa fa-minus-circle mr-1"></i>{% trans 'Remove annotations' %}</a>
+                        <br>
+                        <a onclick="deleteBulkClick()" id="sel-delete-bulk" href="#"><i class="fa fa-trash mr-1"></i>{% trans 'Delete selected files' %}</a>
                         <br>
                         <a onclick="createDatasetClick()" id="sel-create-dataset" href="#"><i class="fa fa-cloud-upload mr-1"></i>{% trans 'Create Dataset' %}</a>`,
                     0: "",