ayanova/src/App.vue

@@ -64,12 +64,14 @@
 
             <v-divider v-else-if="item.divider" :key="index" :inset="item.inset"></v-divider>
 
-            <v-list-tile v-else :key="item.key" @click="$gzevent.$emit('menu-click',item.key)">
+            <v-list-tile v-else :key="item.key" :disabled="item.disabled" @click="$gzevent.$emit('menu-click',item)">
               <v-list-tile-action>
-                <v-icon v-if="item.icon">{{ "fa-" + item.icon }}</v-icon>
+                <v-icon v-if="item.icon" :color="item.color?item.color:''">{{ "fa-" + item.icon }}</v-icon>
               </v-list-tile-action>
               <v-list-tile-content>
-                <v-list-tile-title>{{ item.title }}</v-list-tile-title>
+                <v-list-tile-title >
+                  <span>{{ item.title }}</span>
+                </v-list-tile-title>
               </v-list-tile-content>
             </v-list-tile>
           </template>
@@ -150,6 +152,7 @@ export default {
       that.appBar.menuItems.push({
         title: this.$gzlocale.get("Logout"),
         icon: "sign-out-alt",
+        color: "pink",
         key: "app:logout"
       });
 
@@ -164,15 +167,15 @@ export default {
     //////////////////////////////////
     //CLICK EVENT HANDLER
     //
-    this.$gzevent.$on("menu-click", function(key) {
+    this.$gzevent.$on("menu-click", function(item) {
-      if (key.startsWith("app:")) {
+      if (!item.disabled && item.key.startsWith("app:")) {
-        if (key.startsWith("app:help:")) {
+        if (item.key.startsWith("app:help:")) {
           // "https://www.ayanova.com/AyaNova7webHelp/" +
           var helpurl =
-            that.$store.state.helpUrl + key.replace("app:help:", "");
+            that.$store.state.helpUrl + item.key.replace("app:help:", "");
           window.open(helpurl, "_blank");
         } else {
-          alert("STUB: App.vue::menu click: " + key);
+          alert("STUB: App.vue::menu click: " + item.key);
         }
       }
     });

ayanova/src/plugins/vuetify.js

@@ -8,6 +8,7 @@ Vue.use(Vuetify, {
     primary: "#00205B",
     secondary: "#00843D",
     accent: "#ffff00",
-    error: "#b71c1c"
+    error: "#b71c1c",
+    disabled: "#e0e0e0"
   }
 });

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

@@ -130,9 +130,9 @@
 
 <script>
 /*  xeslint-disable    */
-function clickHandler(key) {
+function clickHandler(item) {
-  if (!key.startsWith("app:")) {
+  if (!item.disabled && !item.key.startsWith("app:")) {
-    alert("inventory-widget-edit.vue::context click: " + key);
+    alert("inventory-widget-edit.vue::context click: " + item.key);
   }
 }
 export default {
@@ -186,7 +186,13 @@ export default {
           icon: "clone",
           key: "duplicate"
         },
-        { title: this.$gzlocale.get("Save"), icon: "save", key: "save" },
+        {
+          title: this.$gzlocale.get("Save"),
+          icon: "save",
+          color: "error",
+          disabled: true,
+          key: "save"
+        },
         {
           title: this.$gzlocale.get("Delete"),
           icon: "trash-alt",