ayanova/devdocs/todo.txt

@@ -40,6 +40,7 @@ All platforms and browsers
 		- DONE Move ABOUT item to just above HELP in menu and remove from main NAV and make it navigate properly on click
 			- DONE Make about contextual and insert a menu item to view log		
 		- WIRE up save menu item and add code to disable save on broken rules (and make red, disabled etc)
+		- Move wire up event code from app.vue to gzmenu and call it from app.vue
 		- Wire up delete menu item
 			- api code is stubbed out for delete, need to write that as well
 		- DONE TODO navigating through menu doesn't "back" properly when clicking back on browser controls

ayanova/src/App.vue

@@ -118,11 +118,12 @@ export default {
       vm.$gzmenu.handleReplaceMenuItem(vm, newItem);
     });
 
-    this.$gzevent.$on("menu-disable-item", function handleDisableMenuItem(
-      key,
-      disabled
-    ) {
-      vm.$gzmenu.handleDisableMenuItem(vm, key, disabled);
+    this.$gzevent.$on("menu-disable-item", function handleDisableMenuItem(key) {
+      vm.$gzmenu.handleDisableMenuItem(vm, key, true);
+    });
+
+    this.$gzevent.$on("menu-enable-item", function handleDisableMenuItem(key) {
+      vm.$gzmenu.handleDisableMenuItem(vm, key, false);
     });
 
     this.$gzevent.$on("menu-click", function handleMenuClick(menuitem) {

ayanova/src/api/gzmenu.js

@@ -95,8 +95,10 @@ export default {
     for (var i = 0; i < vm.appBar.menuItems.length; i++) {
       var menuItem = vm.appBar.menuItems[i];
       if (menuItem.key == key) {
-        menuItem.disabled = disabled;
+        vm.$set(vm.appBar.menuItems[i], "disabled", disabled);
+        //menuItem.disabled = disabled;
       }
+      vm.$set(vm.appBar.menuItems[i], "color", disabled ? "error" : "");
       return;
     }
   },

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

@@ -263,21 +263,27 @@ export default {
       }
     };
   },
-  // ,
-  // watch: {
-  //   canSave: {
-  //     // xeslint-disable-next-line
-  //     handler: function(newState) {
-  //       this.$gzevent.$emit(
-  //         "menu-replace-item",
-  //         "inventory-widget-edit:save",
-  //         newState
-  //       );
-  //       //todo: change the save button state here
-  //       //console.log("Valid CHANGED, was " + oldObj + " Now is " + newObj);
-  //     }
-  //   }
-  // },
+  //WATCHERS
+  watch: {
+    formState: {
+      // eslint-disable-next-line
+      handler: function(val, oldVal) {
+        if (this.formState.loading) {
+          return;
+        }
+        var canSave = val.dirty && val.valid;
+        if (canSave) {
+          this.$gzevent.$emit("menu-enable-item", "inventory-widget-edit:save");
+        } else {
+          this.$gzevent.$emit(
+            "menu-disable-item",
+            "inventory-widget-edit:save"
+          );
+        }
+      },
+      deep: true
+    }
+  },
   computed: {
     canSave: function() {
       return this.formState.valid && this.formState.dirty;