Add FormDeleteBulk.vue component

app/api/views/document.py

@@ -46,7 +46,7 @@ class DocumentList(generics.ListCreateAPIView):
         if delete_ids:
             queryset.filter(pk__in=delete_ids).delete()
         else:
-            queryset.delete()
+            queryset.all().delete()
         return Response(status=status.HTTP_204_NO_CONTENT)
 
 

frontend/components/document/FormDeleteBulk.vue

@@ -0,0 +1,20 @@
+<template>
+  <confirm-form
+    :title="$t('dataset.deleteBulkDocumentsTitle')"
+    :message="$t('dataset.deleteBulkDocumentsMessage')"
+    item-key="text"
+    @ok="$emit('remove')"
+    @cancel="$emit('cancel')"
+  />
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+import ConfirmForm from '@/components/organisms/utils/ConfirmForm.vue'
+
+export default Vue.extend({
+  components: {
+    ConfirmForm
+  }
+})
+</script>

frontend/pages/projects/_id/dataset/index.vue

@@ -9,6 +9,15 @@
       >
         {{ $t('generic.delete') }}
       </v-btn>
+      <v-spacer />
+      <v-btn
+        :disabled="!item.count"
+        class="text-capitalize"
+        color="error"
+        @click="dialogDeleteAll=true"
+      >
+        {{ $t('generic.deleteAll') }}
+      </v-btn>
       <v-dialog v-model="dialogDelete">
         <form-delete
           :selected="selected"
@@ -16,6 +25,12 @@
           @remove="remove"
         />
       </v-dialog>
+      <v-dialog v-model="dialogDeleteAll">
+        <form-delete-bulk
+          @cancel="dialogDeleteAll=false"
+          @remove="removeAll"
+        />
+      </v-dialog>
     </v-card-title>
     <document-list
       v-model="selected"
@@ -32,6 +47,7 @@
 import Vue from 'vue'
 import DocumentList from '@/components/document/DocumentList.vue'
 import FormDelete from '@/components/document/FormDelete.vue'
+import FormDeleteBulk from '@/components/document/FormDeleteBulk.vue'
 import { DocumentListDTO, DocumentDTO } from '@/services/application/document.service'
 
 export default Vue.extend({
@@ -39,7 +55,8 @@ export default Vue.extend({
 
   components: {
     DocumentList,
-    FormDelete
+    FormDelete,
+    FormDeleteBulk
   },
 
   async fetch() {
@@ -52,6 +69,7 @@ export default Vue.extend({
     return {
       dialogCreate: false,
       dialogDelete: false,
+      dialogDeleteAll: false,
       pageLink: '',
       item: {} as DocumentListDTO,
       selected: [] as DocumentDTO[],
@@ -79,6 +97,12 @@ export default Vue.extend({
       this.dialogDelete = false
       this.selected = []
     },
+    async removeAll() {
+      await this.$services.document.bulkDelete(this.projectId, [])
+      this.$fetch()
+      this.dialogDeleteAll = false
+      this.selected = []
+    },
   },
 
   validate({ params, query }) {