From f20109d37376ebda47ac38d5e4a61205f4156847 Mon Sep 17 00:00:00 2001
From: tkskjri05 <t.kujirai@nagatake.co.jp>
Date: Mon, 3 May 2021 10:27:13 +0900
Subject: [PATCH] =?utf8?q?spinner=E3=82=92=E7=B5=84=E3=81=BF=E8=BE=BC?=
 =?utf8?q?=E3=81=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

---
 src/components/todoApp.vue | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/components/todoApp.vue b/src/components/todoApp.vue
index 751f5a4..4ff873f 100644
--- a/src/components/todoApp.vue
+++ b/src/components/todoApp.vue
@@ -160,12 +160,15 @@ export default {
 
     },
     searchHeader(){
+      this.$refs.spinner.show()
       this.$apollo.queries.todo_header.refetch()
       .then(() => {
           this.$refs.selectPanel.show()
       }).catch((error) => {
-        this.$refs.snackBar.setMessageAndshow('add error!')
+        this.$refs.snackBar.setMessageAndshow('db error?')
         console.error(error)
+      }).finally(() => {
+        this.$refs.spinner.close()
       })
       
     },
@@ -182,6 +185,7 @@ export default {
                                           header_id
                                         }
                                       }`
+      this.$refs.spinner.show()
       this.$apollo.mutate({
             mutation: UPDATE_DONE,
             variables: {
@@ -195,6 +199,8 @@ export default {
       .catch((error) => {
         this.$refs.snackBar.setMessageAndshow('update error!')
         console.error(error)
+      }).finally(() => {
+        this.$refs.spinner.close()
       })
     },
     onDelete(data){
@@ -204,14 +210,16 @@ export default {
                                           id
                                         }
                                       }`
-
+      this.$refs.spinner.show()
       this.mutateApollo(DELETE_TODO, {
                         header_id: data.header_id
                         , id: data.id
        }).catch((error) => {
         this.$refs.snackBar.setMessageAndshow('delete error!')
         console.error(error)
-      });
+      }).finally(() => {
+        this.$refs.spinner.close()
+      })
     },
     onAdd(){
       const now = this.getNowFormatted()
@@ -237,6 +245,7 @@ export default {
                                 }
                               }`
 
+      this.$refs.spinner.show()
       this.$apollo.queries.todo_list_aggregate.refetch({
           selectedHeadrId: this.selectedHeadrId
       }).then(() => {
@@ -251,6 +260,8 @@ export default {
       }).catch((error) => {
         this.$refs.snackBar.setMessageAndshow('add error!')
         console.error(error)
+      }).finally(() => {
+        this.$refs.spinner.close()
       })
     },
     loading(){
-- 
2.11.0