From 6ea179fe25701f1b2911b8cbaaad5787c20555fc Mon Sep 17 00:00:00 2001
From: Hironsan <hiroki.nakayama.py@gmail.com>
Date: Tue, 5 Jul 2022 10:36:28 +0900
Subject: [PATCH] Enable to delete region from region list

---
 frontend/components/tasks/image/RegionList.vue         | 8 +++++++-
 frontend/pages/demo/object-detection/index.vue         | 1 +
 frontend/pages/demo/segmentation/index.vue             | 1 +
 frontend/pages/projects/_id/object-detection/index.vue | 1 +
 frontend/pages/projects/_id/segmentation/index.vue     | 1 +
 5 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/frontend/components/tasks/image/RegionList.vue b/frontend/components/tasks/image/RegionList.vue
index 005cb00e..c9c51b49 100644
--- a/frontend/components/tasks/image/RegionList.vue
+++ b/frontend/components/tasks/image/RegionList.vue
@@ -24,6 +24,11 @@
                 @change="$emit('change-visibility', item.id, $event)"
               />
             </v-list-item-action>
+            <v-list-item-action>
+              <v-btn icon @click="$emit('delete-region', item.id)">
+                <v-icon>{{ mdiDelete }}</v-icon>
+              </v-btn>
+            </v-list-item-action>
           </template>
         </v-list-item>
       </v-list-item-group>
@@ -32,7 +37,7 @@
 </template>
 
 <script>
-import { mdiEyeOutline, mdiEyeOffOutline } from '@mdi/js'
+import { mdiEyeOutline, mdiEyeOffOutline, mdiDelete } from '@mdi/js'
 
 export default {
   props: {
@@ -44,6 +49,7 @@ export default {
 
   data() {
     return {
+      mdiDelete,
       mdiEyeOutline,
       mdiEyeOffOutline,
       model: null,
diff --git a/frontend/pages/demo/object-detection/index.vue b/frontend/pages/demo/object-detection/index.vue
index ee01d5fd..0d359f3a 100644
--- a/frontend/pages/demo/object-detection/index.vue
+++ b/frontend/pages/demo/object-detection/index.vue
@@ -47,6 +47,7 @@
             class="mt-4"
             :regions="regionList"
             @change-visibility="changeVisibility"
+            @delete-region="deleteRectangle"
             @hover-region="hoverRegion"
             @unhover-region="unhoverRegion"
           />
diff --git a/frontend/pages/demo/segmentation/index.vue b/frontend/pages/demo/segmentation/index.vue
index af4c5295..6c3fc70a 100644
--- a/frontend/pages/demo/segmentation/index.vue
+++ b/frontend/pages/demo/segmentation/index.vue
@@ -47,6 +47,7 @@
             class="mt-4"
             :regions="regionList"
             @change-visibility="changeVisibility"
+            @delete-region="deletePolygon"
             @hover-region="hoverRegion"
             @unhover-region="unhoverRegion"
           />
diff --git a/frontend/pages/projects/_id/object-detection/index.vue b/frontend/pages/projects/_id/object-detection/index.vue
index 0f721735..fa3bf8b1 100644
--- a/frontend/pages/projects/_id/object-detection/index.vue
+++ b/frontend/pages/projects/_id/object-detection/index.vue
@@ -69,6 +69,7 @@
         class="mt-4"
         :regions="regionList"
         @change-visibility="changeVisibility"
+        @delete-region="remove"
         @hover-region="hoverRegion"
         @unhover-region="unhoverRegion"
       />
diff --git a/frontend/pages/projects/_id/segmentation/index.vue b/frontend/pages/projects/_id/segmentation/index.vue
index 604cd44d..efe6bf3e 100644
--- a/frontend/pages/projects/_id/segmentation/index.vue
+++ b/frontend/pages/projects/_id/segmentation/index.vue
@@ -69,6 +69,7 @@
         class="mt-4"
         :regions="regionList"
         @change-visibility="changeVisibility"
+        @delete-region="remove"
         @hover-region="hoverRegion"
         @unhover-region="unhoverRegion"
       />