Handle network failure and give proper error message

Author: HarshOB

client/src/components/SchemaView.vue

@@ -605,7 +605,7 @@ export default {
             if (e.response.data.message) {
               this.$Notice.error({title: 'Error', desc: e.response.data.message.toString()})
             } else {
-              this.$Notice.error({title: 'Error', desc: 'Instace Not Generated'})
+              this.$Notice.error({title: 'Error', desc: e.message})
             }
           })
       } else {
@@ -655,11 +655,11 @@ export default {
                 }, 1000)
               })
               .catch((err) => {
+                this.$Notice.error({duration: '3', title: err.message, desc: ''})
                 setTimeout(() => {
                   this.sendDataEmail = this.$refs.schemasubformview.$el.outerHTML
                   this.email = true
                   this.loadEmail = false
-                  console.log(err)
                 }, 1000)
               })
             } else {
@@ -769,7 +769,7 @@ export default {
         this.validErr = []
         this.isEmailDone = false
       }).catch(err => {
-        console.log('Error', err)
+        this.$Notice.error({duration: '3', title: err.message, desc: ''})
         this.$Loading.finish()
         this.bLoading = false
         this.email = false
@@ -934,7 +934,7 @@ export default {
       .then((res) => {
         return (res.data.data[0])
       }).catch(err => {
-        console.log('Error: ', err)
+        this.$Notice.error({duration: '3', title: err.message, desc: ''})
         this.dataLoading = false
         return
       })
@@ -944,7 +944,7 @@ export default {
       return schemaModel.getAll(this.flowzData.schema).then(res => {
         return res
       }).catch(err => {
-        console.log('Error: ', err)
+        this.$Notice.error({duration: '3', title: err.message, desc: ''})
         this.dataLoading = false
         return
       })
@@ -990,7 +990,7 @@ export default {
           this.$Loading.finish()
         }
       }).catch(err => {
-        console.error('Error: ', err)
+        this.$Notice.error({duration: '3', title: err.message, desc: ''})
         this.$Loading.error()
         this.dataLoading = false
       })

client/src/components/emailtemplate.vue

@@ -4,7 +4,7 @@
       <h2 class="heading">Templates</h2>
       <Table border highlight-row :columns="columns7" class="tableCss" :data="data6"></Table>
     </div>
-    <div class="editor" v-if="newTemplate">
+    <div class="editor" v-if="newTemplate && flag">
       <h2 class="heading">Create Template</h2>
       <keep-alive>
         <editor v-model="GetHtmlOfEditor" api-key="ppzi01crrfo3pvd43s3do89pguwkhowrwajpjdqdkginzj7k" :toolbar="toolbar1" :plugins="plugins" :init="settings" :initial-value="gethtmlcontent"></editor>
@@ -29,6 +29,7 @@ import _ from 'lodash'
 export default {
   data () {
     return {
+      flag: false,
       updateTemplateid: '',
       newTemplate: true,
       templateName: '',
@@ -179,10 +180,12 @@ export default {
       'user': this.$store.state.user._id
     })
     .then((res) => {
+      this.flag = true
       this.data6 = res.data.data
     })
     .catch((err) => {
       console.log(err)
+      this.$Notice.error({duration: '3', title: err.message, desc: ''})
     })
   },
   feathers: {

client/src/pages/Login.vue

@@ -145,7 +145,7 @@ export default {
             if (error.response) {
               this.$Message.error(error.response.data)
             } else {
-              this.$Message.error('Fail login.')
+              this.$Message.error(error.message)
             }
             return
           })

client/src/pages/Register.vue

@@ -99,8 +99,8 @@ export default {
             }
           })
           .catch(e => {
-            this.$Message.error(e.response.data)
             this.loading = false
+            this.$Message.error(e.message)
           })
         } else {
           this.$Message.error('Form validation failed!')

client/src/pages/flow/List.vue

@@ -719,7 +719,7 @@ export default {
       })
       .catch(error => {
         this.loading = false
-        this.$Notice({duration: '3', title: 'Network Error', desc: ''})
+        this.$Notice.error({duration: '3', title: error.message, desc: ''})
         console.log(error)
       })
     },

client/src/pages/schema/schemaList.vue

@@ -193,6 +193,7 @@
           return res.data.data
         }).catch(err => {
           console.log(err)
+          this.$Notice.error({duration: '3', title: err.message, desc: ''})
           this.loading = false
           return []
         }))