ayanova/src/App.vue

@@ -12,7 +12,7 @@
         </v-list-tile>
       </v-list>
     </v-navigation-drawer>
-    <v-toolbar v-if="isAuthenticated" color="primary" dark fixed app>
+    <v-toolbar v-if="isAuthenticated" :color="contextAppBar.isContextual?'secondary':'primary'" dark fixed app>
       <v-toolbar-side-icon @click.stop="drawer = !drawer"></v-toolbar-side-icon>
       <v-toolbar-title style="width: 300px" class="ml-0 pl-3">
         <v-avatar size="32px" tile>
@@ -48,6 +48,7 @@
 </template>
 
 <script>
+/*  xeslint-disable    */
 import aboutInfo from "./api/aboutinfo";
 
 export default {
@@ -77,6 +78,9 @@ export default {
     navItems() {
       return this.$store.state.navItems;
     },
+    contextAppBar() {
+      return this.$store.state.contextAppBar;
+    },
     copyright() {
       return aboutInfo.copyright;
     },

ayanova/src/store.js

@@ -18,7 +18,12 @@ export default new Vuex.Store({
     roles: 0,
     localeText: {},
     navItems: [],
-    logArray: []
+    logArray: [],
+    contextAppBar: {
+      isContextual: false,
+      icon: "",
+      title: ""
+    }
   },
   mutations: {
     login(state, data) {
@@ -58,6 +63,12 @@ export default new Vuex.Store({
           state.logArray.length - MaxLogLength
         );
       }
+    },
+    setContextAppBar(state, data) {
+      state.contextAppBar = data;
+    },
+    setNonContextAppBar(state) {
+      state.contextAppBar = { isContextual: false };
     }
   },
   actions: {}

ayanova/src/views/About.vue

@@ -127,6 +127,7 @@ export default {
     ]);
   },
   created() {
+    this.$store.commit("setNonContextAppBar");
     this.clientInfo.version = aboutInfo.version;
     this.$gzapi
       .get("ServerInfo")

ayanova/src/views/Home.vue

@@ -1,5 +1,5 @@
 <template>
-  <HelloWorld/>  
+  <HelloWorld/>
 </template>
 
 <script>
@@ -8,6 +8,9 @@ import HelloWorld from "../components/HelloWorld";
 export default {
   components: {
     HelloWorld
+  },
+  created() {
+    this.$store.commit("setNonContextAppBar");
   }
 };
 </script>

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

@@ -171,6 +171,9 @@ export default {
       });
   },
   created() {
+    this.$store.commit("setContextAppBar", {
+      isContextual: true
+    });
     this.getDataFromApi();
   },
   components: {},

ayanova/src/views/inventory.vue

@@ -47,6 +47,9 @@ export default {
         this.$gzHandleFormError(err);
       });
   },
+  created() {
+    this.$store.commit("setNonContextAppBar");
+  },
   components: {
     WidgetList,
     WarehouseTop,

ayanova/src/views/login.vue

@@ -64,6 +64,9 @@ export default {
       errorBadCreds: false
     };
   },
+  created() {
+    this.$store.commit("setNonContextAppBar");
+  },
   methods: {
     login() {
       if (this.input.username != "" && this.input.password != "") {