spinnerを組み込み

diff --git a/src/components/todoApp.vue b/src/components/todoApp.vue
index 751f5a4..4ff873f 100644 (file)
--- 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(){