Merge pull request #1959 from doccano/enhancement/928

Show status on dataset page

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',

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',

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',