Confirm delete modal: added warning message when some of the selected nodes are not deletable

vospace-ui-frontend/src/components/Main.vue

@@ -117,12 +117,19 @@ export default {
       this.$store.dispatch('startAsyncRecallJob');
     },
     deleteNodes() {
-      let deletableCheckboxes = document.querySelectorAll('#nodes input.deletable:checked');
-      let paths = [];
-      for (let i = 0; i < deletableCheckboxes.length; i++) {
-        paths.push(deletableCheckboxes[i].getAttribute('data-node'));
+      let selectedNodesCheckboxes = document.querySelectorAll('#nodes input:checked');
+      let paths = [], unDeletablePaths = [];
+      for (let i = 0; i < selectedNodesCheckboxes.length; i++) {
+        let checkbox = selectedNodesCheckboxes[i];
+        let dataNode = checkbox.getAttribute('data-node');
+        if(checkbox.classList.contains('deletable')) {
+          paths.push(dataNode);
+        } else {
+          unDeletablePaths.push(dataNode);
+        }
       }
       this.$store.commit('setNodesToDelete', paths);
+      this.$store.commit('setSelectedUndeletableNodes', unDeletablePaths);
       this.$bvModal.show('confirm-delete-modal');
     }
   }

vospace-ui-frontend/src/components/modal/ConfirmDeleteModal.vue

@@ -11,6 +11,14 @@
     <li v-for="node in nodesToDelete" :key="node">{{node}}</li>
   </ul>
   </p>
+  <div v-if="selectedUndeletableNodes.length > 0">
+    <p><strong>Warning</strong>: following selected nodes can't be deleted and will be ignored:</p>
+    <p>
+    <ul>
+      <li v-for="node in selectedUndeletableNodes" :key="node">{{node}}</li>
+    </ul>
+    </p>
+  </div>
 </b-modal>
 </template>
 
@@ -18,7 +26,8 @@
 export default {
   name: 'ConfirmDeleteModal',
   computed: {
-    nodesToDelete() { return this.$store.state.nodesToDelete }
+    nodesToDelete() { return this.$store.state.nodesToDelete },
+    selectedUndeletableNodes() { return this.$store.state.selectedUndeletableNodes }
   },
   methods: {
     reset() {

vospace-ui-frontend/src/store.js

@@ -33,6 +33,7 @@ export default new Vuex.Store({
     lastJobsCheckTime: null,
     user: 'anonymous',
     nodesToDelete: [],
+    selectedUndeletableNodes: [],
     writable: false,
     nodeToShare: {
       path: null,
@@ -78,6 +79,9 @@ export default new Vuex.Store({
     setNodesToDelete(state, paths) {
       updateArray(state.nodesToDelete, paths);
     },
+    setSelectedUndeletableNodes(state, paths) {
+      updateArray(state.selectedUndeletableNodes, paths);
+    },
     setWritable(state, value) {
       state.writable = value;
     },