Add bulkd action delete videos in Workspace video list, (elan-ev#1344)

By checking the domain that is rendering the videos list table so called fragment, we make sure that we are in workspace or contents, then we provide the bulk action properties of select row and select all checkboy as well as the Move to trash bin button in table footer.

Author: ferishili

vueapp/components/Videos/VideosTable.vue

@@ -87,7 +87,7 @@
                         :numberOfColumns="numberOfColumns"
                         :selectedVideos="selectedVideos"
                         @toggle="toggleVideo"
-                        :selectable="selectable"
+                        :selectable="selectable || isContents"
                         :isCourse="isCourse"
                         :canUpload="canUpload"
                         :showActions="showActions"
@@ -98,7 +98,7 @@
                 </template>
             </draggable>
 
-            <tfoot v-if="canEdit || (isCourse && playlist)">
+            <tfoot v-if="canEdit || (isCourse && playlist) || isContents">
                 <tr>
                     <td :colspan="numberOfColumns">
                         <span class="oc--bulk-actions">
@@ -107,7 +107,7 @@
                             </StudipButton>
                         </span>
 
-                        <span v-if="canEdit && !isCourse && !trashBin">
+                        <span v-if="(canEdit || isContents) && !isCourse && !trashBin">
                             <StudipButton icon="trash"
                                 @click.prevent="doBulkAction('BulkVideoDelete')"
                                 :class="{
@@ -301,7 +301,7 @@ export default {
         },
 
         showCheckbox() {
-            return (this.selectable || this.canEdit || this.canUpload) && this.userHasSelectableVideos;
+            return (this.selectable || this.canEdit || this.canUpload || this.isContents) && this.userHasSelectableVideos;
         },
 
         isCourse() {
@@ -350,7 +350,16 @@ export default {
 
         serversCheckSuccessful() {
             return Object.values(this.isLTIAuthenticated).every(server => server);
+        },
+
+        fragment() {
+            return this.$route.name;
+        },
+
+        isContents() {
+            return this.fragment === 'videos';
         }
+
     },
 
     methods: {