From 288cee34f28a207354440e2584d78d567ebc80ec Mon Sep 17 00:00:00 2001
From: Hironsan <light.tree.1.13@gmail.com>
Date: Wed, 16 Jun 2021 08:05:15 +0900
Subject: [PATCH] Update speech-to-text page

---
 frontend/pages/projects/_id/speech-to-text/index.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/pages/projects/_id/speech-to-text/index.vue b/frontend/pages/projects/_id/speech-to-text/index.vue
index 90169b36..8241824d 100644
--- a/frontend/pages/projects/_id/speech-to-text/index.vue
+++ b/frontend/pages/projects/_id/speech-to-text/index.vue
@@ -18,6 +18,12 @@
       />
     </template>
     <template v-slot:content>
+      <v-overlay :value="isLoading">
+        <v-progress-circular
+          indeterminate
+          size="64"
+        />
+      </v-overlay>
       <audio-viewer
         :source="item.url"
         class="mb-5"
@@ -58,6 +64,7 @@ export default {
   },
 
   async fetch() {
+    this.isLoading = true
     this.items = await this.$services.example.fetchOne(
       this.projectId,
       this.$route.query.page,
@@ -69,6 +76,7 @@ export default {
       await this.autoLabel(item.id)
     }
     await this.list(item.id)
+    this.isLoading = false
   },
 
   data() {
@@ -76,7 +84,8 @@ export default {
       annotations: [],
       items: [],
       project: {},
-      enableAutoLabeling: false
+      enableAutoLabeling: false,
+      isLoading: false
     }
   },