ayanova/src/views/inventory-widget-edit.vue

@@ -13,8 +13,7 @@
               transition="scale-transition"
               class="multi-line"
               outline
-              >{{ formState.errorBoxMessage }}</v-alert
-            >
+            >{{ formState.errorBoxMessage }}</v-alert>
           </v-flex>
           <v-flex xs12 sm6 lg4 xl3 px-2>
             <v-text-field
@@ -141,15 +140,15 @@
         <v-layout align-left justify-center row wrap mt-5>
           <v-flex xs6 sm4>
             READY: {{ formState.ready }}
-            <br />
+            <br>
             LOADING: {{ formState.loading }}
-            <br />
+            <br>
             DIRTY: {{ formState.dirty }}
-            <br />
+            <br>
             VALID: {{ formState.valid }}
-            <br />
+            <br>
             READONLY: {{ formState.readOnly }}
-            <br />
+            <br>
           </v-flex>
         </v-layout>
       </v-form>
@@ -261,7 +260,7 @@ export default {
     ];
     var vm = this;
     this.$gzlocale
-      .fetch(ltKeysRequired)     
+      .fetch(ltKeysRequired)
       .then(() => (vm.formState.ready = true))
       .catch(err => {
         vm.formState.ready = true;
@@ -272,6 +271,20 @@ export default {
     this.$gzevent.$on("menu-click", clickHandler);
     this.getDataFromApi();
   },
+  beforeRouteLeave(to, from, next) {
+    var vm = this;
+    if (this.formState.dirty) {
+      vm.$gzdialog.confirmLeaveUnsaved(vm).then(dialogResult => {
+        if (dialogResult == true) {
+          next();
+        } else {
+          next(false);
+        }
+      });
+    } else {
+      next();
+    }
+  },
   beforeDestroy() {
     this.$gzevent.$off("menu-click", clickHandler);
   },
@@ -403,7 +416,6 @@ export default {
     },
     remove() {
       var vm = this;
-      //Prompt:
       vm.$gzdialog.confirmDelete(vm).then(dialogResult => {
         if (dialogResult == true) {
           //do the delete