Merge pull request #37 from kingscode/KCI-163

KCI-163 > Fix issue with displaying server-errors and added translations

Author: martn001

generator/templates/Crud/src/VuetifyResourceTexts.js

@@ -1,10 +1,13 @@
 export default {
   save: 'Opslaan',
+  close: 'Sluiten',
   from: 'van',
   till: 'tot',
+  of: 'van',
   create: 'Nieuwe maken',
   update: 'Wijzigen',
   delete: 'Verwijderen',
+  cancel: 'Terug',
   'no-data': 'Er is niets gevonden...',
   'no-results': 'Er is niets gevonden...',
   'rows-per-page-text': 'Rijen per pagina',
@@ -13,5 +16,8 @@ export default {
   'snackbar-get-error': 'Er ging iets mis, probeer het later opnieuwr',
   'snackbar-deleted': 'Het is verwijderd!',
   'snackbar-delete-error': 'Er ging iets mis, probeer het later opnieuw',
-  'search': 'Zoeken',
+  search: 'Zoeken',
+  loading: 'Laden...',
+  'delete-confirmation-title': 'Weet u het zeker?',
+  'delete-confirmation-content': 'Weet u het zeker dat u deze item(s) wilt verwijderen?',
 };

generator/templates/Crud/src/components/Resource.vue

@@ -160,7 +160,7 @@ export default {
                   resolve();
                 })
                 .catch((error) => {
-                  this.errors = error.response.data.errors;
+                  this.$refs.createForm.validate();
                   reject(error);
                 });
           } else {
@@ -180,7 +180,7 @@ export default {
             this.updateRequest(this.updateForm.values)
                 .then(() => resolve())
                 .catch((error) => {
-                  this.errors = error.response.data.errors;
+                  this.$refs.createForm.validate();
                   reject(error);
                 });
           } else {

generator/templates/Crud/src/components/VuetifyResourceBaseForm.vue

@@ -68,5 +68,8 @@ export default {
       }, 500);
     },
   },
+  beforeDestroy() {
+    clearTimeout(this.emitTimeout);
+  },
 };
 </script>

generator/templates/Default/src/components/crud/fields/FieldMixin.vue

@@ -70,6 +70,8 @@ export default {
     getServerError() {
       const error = this.$store.getters['error/find'](this.validationField || this.field);
       if (error) {
+        // ServerError should be removed after it had been appeared,
+        //    else the ServerError keep existing and appearing when the user tries to navigate to a different form
         this.removeServerError(this.field);
         return error;
       }