From 25db33712acab33d46d0693eda192ba1dd3586da Mon Sep 17 00:00:00 2001
From: Hironsan <hiroki.nakayama.py@gmail.com>
Date: Fri, 19 Aug 2022 15:42:43 +0900
Subject: [PATCH] Show status on dataset page, resolve #928

---
 frontend/components/example/AudioList.vue    | 10 ++++++++++
 frontend/components/example/DocumentList.vue | 10 ++++++++++
 frontend/components/example/ImageList.vue    | 10 ++++++++++
 3 files changed, 30 insertions(+)

diff --git a/frontend/components/example/AudioList.vue b/frontend/components/example/AudioList.vue
index 332df0c1..b9fc99f6 100644
--- a/frontend/components/example/AudioList.vue
+++ b/frontend/components/example/AudioList.vue
@@ -29,6 +29,11 @@
         filled
       />
     </template>
+    <template #[`item.isConfirmed`]="{ item }">
+      <v-chip :color="item.isConfirmed ? 'success' : 'warning'" text small>
+        {{ item.isConfirmed ? 'Finished' : 'In progress' }}
+      </v-chip>
+    </template>
     <template #[`item.fileUrl`]="{ item }">
       <audio controls :src="item.fileUrl" class="mt-2">
         Your browser does not support the
@@ -95,6 +100,11 @@ export default Vue.extend({
           value: 'id',
           sortable: false
         },
+        {
+          text: 'Status',
+          value: 'isConfirmed',
+          sortable: false
+        },
         {
           text: 'Audio',
           value: 'fileUrl',
diff --git a/frontend/components/example/DocumentList.vue b/frontend/components/example/DocumentList.vue
index e4424b29..1977aae2 100644
--- a/frontend/components/example/DocumentList.vue
+++ b/frontend/components/example/DocumentList.vue
@@ -29,6 +29,11 @@
         filled
       />
     </template>
+    <template #[`item.isConfirmed`]="{ item }">
+      <v-chip :color="item.isConfirmed ? 'success' : 'warning'" text small>
+        {{ item.isConfirmed ? 'Finished' : 'In progress' }}
+      </v-chip>
+    </template>
     <template #[`item.text`]="{ item }">
       <span class="d-flex d-sm-none">{{ item.text | truncate(50) }}</span>
       <span class="d-none d-sm-flex">{{ item.text | truncate(200) }}</span>
@@ -93,6 +98,11 @@ export default Vue.extend({
           value: 'id',
           sortable: false
         },
+        {
+          text: 'Status',
+          value: 'isConfirmed',
+          sortable: false
+        },
         {
           text: this.$t('dataset.text'),
           value: 'text',
diff --git a/frontend/components/example/ImageList.vue b/frontend/components/example/ImageList.vue
index b85e369d..96f94ff0 100644
--- a/frontend/components/example/ImageList.vue
+++ b/frontend/components/example/ImageList.vue
@@ -29,6 +29,11 @@
         filled
       />
     </template>
+    <template #[`item.isConfirmed`]="{ item }">
+      <v-chip :color="item.isConfirmed ? 'success' : 'warning'" text small>
+        {{ item.isConfirmed ? 'Finished' : 'In progress' }}
+      </v-chip>
+    </template>
     <template #[`item.fileUrl`]="{ item }">
       <v-img
         :src="item.fileUrl"
@@ -99,6 +104,11 @@ export default Vue.extend({
           value: 'id',
           sortable: false
         },
+        {
+          text: 'Status',
+          value: 'isConfirmed',
+          sortable: false
+        },
         {
           text: 'Image',
           value: 'fileUrl',