Enable to reset assignment

frontend/components/example/ActionMenu.vue

@@ -6,12 +6,13 @@
     @upload="$emit('upload')"
     @download="$emit('download')"
     @assign="$emit('assign')"
+    @reset="$emit('reset')"
   />
 </template>
 
 <script lang="ts">
 import Vue from 'vue'
-import { mdiAccountCheck, mdiUpload, mdiDownload } from '@mdi/js'
+import { mdiAccountCheck, mdiUpload, mdiDownload, mdiUpdate } from '@mdi/js'
 import ActionMenu from '~/components/utils/ActionMenu.vue'
 
 export default Vue.extend({
@@ -36,6 +37,11 @@ export default Vue.extend({
           title: 'Assign to member',
           icon: mdiAccountCheck,
           event: 'assign'
+        },
+        {
+          title: 'Reset Assignment',
+          icon: mdiUpdate,
+          event: 'reset'
         }
       ]
     }

frontend/components/example/FormAssignment.vue

@@ -117,7 +117,6 @@ export default Vue.extend({
         weight,
         member_id: this.members[i].id
       }))
-      console.log(workloads)
       this.$repositories.assignment.bulkAssign(this.projectId, {
         strategy_name: this.selectedStrategy,
         workloads

frontend/components/example/FormResetAssignment.vue

@@ -0,0 +1,19 @@
+<template>
+  <confirm-form
+    title="Reset assignment"
+    message="Are you sure you want to reset all the assignments?"
+    @ok="$emit('reset')"
+    @cancel="$emit('cancel')"
+  />
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+import ConfirmForm from '@/components/utils/ConfirmForm.vue'
+
+export default Vue.extend({
+  components: {
+    ConfirmForm
+  }
+})
+</script>

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

@@ -5,6 +5,7 @@
         @upload="$router.push('dataset/import')"
         @download="$router.push('dataset/export')"
         @assign="dialogAssignment = true"
+        @reset="dialogReset = true"
       />
       <v-btn
         class="text-capitalize ms-2"
@@ -37,6 +38,9 @@
       <v-dialog v-model="dialogAssignment">
         <form-assignment @assigned="assigned" @cancel="dialogAssignment = false" />
       </v-dialog>
+      <v-dialog v-model="dialogReset">
+        <form-reset-assignment @cancel="dialogReset = false" @reset="resetAssignment" />
+      </v-dialog>
     </v-card-title>
     <image-list
       v-if="project.isImageProject"
@@ -90,6 +94,7 @@ import DocumentList from '@/components/example/DocumentList.vue'
 import FormAssignment from '~/components/example/FormAssignment.vue'
 import FormDelete from '@/components/example/FormDelete.vue'
 import FormDeleteBulk from '@/components/example/FormDeleteBulk.vue'
+import FormResetAssignment from '~/components/example/FormResetAssignment.vue'
 import ActionMenu from '~/components/example/ActionMenu.vue'
 import AudioList from '~/components/example/AudioList.vue'
 import ImageList from '~/components/example/ImageList.vue'
@@ -105,7 +110,8 @@ export default Vue.extend({
     ImageList,
     FormAssignment,
     FormDelete,
-    FormDeleteBulk
+    FormDeleteBulk,
+    FormResetAssignment
   },
 
   layout: 'project',
@@ -121,6 +127,7 @@ export default Vue.extend({
       dialogDelete: false,
       dialogDeleteAll: false,
       dialogAssignment: false,
+      dialogReset: false,
       item: {} as ExampleListDTO,
       selected: [] as ExampleDTO[],
       members: [] as MemberItem[],
@@ -216,6 +223,12 @@ export default Vue.extend({
     async assigned() {
       this.dialogAssignment = false
       this.item = await this.$services.example.list(this.projectId, this.$route.query)
+    },
+
+    async resetAssignment() {
+      this.dialogReset = false
+      await this.$repositories.assignment.reset(this.projectId)
+      this.item = await this.$services.example.list(this.projectId, this.$route.query)
     }
   }
 })

frontend/repositories/example/apiAssignmentRepository.ts

@@ -20,4 +20,9 @@ export class APIAssignmentRepository {
     const url = `/projects/${projectId}/assignments/bulk_assign`
     await this.request.post(url, workloadAllocation)
   }
+
+  async reset(projectId: string): Promise<void> {
+    const url = `/projects/${projectId}/assignments/reset`
+    await this.request.delete(url)
+  }
 }