diff --git a/ayanova/src/App.vue b/ayanova/src/App.vue index dcf622f7..a141d42b 100644 --- a/ayanova/src/App.vue +++ b/ayanova/src/App.vue @@ -12,27 +12,41 @@ - + - {{ contextAppBar.icon }} - {{ contextAppBar.title}} - + {{ appBar.icon }}  + {{ appBar.title}} + + + fa-save + + + fa-search + + + + + + + + {{ item.title }} + + + @@ -63,7 +77,13 @@ export default { name: "App", data() { return { - drawer: null + drawer: null, + items: [ + { title: "Click Me" }, + { title: "Click Me" }, + { title: "Click Me" }, + { title: "Click Me 2" } + ] }; }, mounted() { @@ -86,8 +106,8 @@ export default { navItems() { return this.$store.state.navItems; }, - contextAppBar() { - return this.$store.state.contextAppBar; + appBar() { + return this.$store.state.appBar; }, copyright() { return aboutInfo.copyright; diff --git a/ayanova/src/store.js b/ayanova/src/store.js index 94b278fa..8481eb04 100644 --- a/ayanova/src/store.js +++ b/ayanova/src/store.js @@ -19,10 +19,12 @@ export default new Vuex.Store({ localeText: {}, navItems: [], logArray: [], - contextAppBar: { + appBar: { isMain: true, icon: "", - title: "" + title: "", + contextMenuItems: [], + mainMenuItems: [] } }, mutations: { @@ -64,11 +66,8 @@ export default new Vuex.Store({ ); } }, - setContextAppBar(state, data) { - state.contextAppBar = data; - }, - setAppBarMainState(state) { - state.contextAppBar = { isMain: true }; + setAppBar(state, data) { + state.appBar = data; } }, actions: {} diff --git a/ayanova/src/views/About.vue b/ayanova/src/views/About.vue index aa700299..19867683 100644 --- a/ayanova/src/views/About.vue +++ b/ayanova/src/views/About.vue @@ -127,7 +127,11 @@ export default { ]); }, created() { - this.$store.commit("setAppBarMainState"); + this.$store.commit("setAppBar", { + isMain: true, + icon: "fa-info-circle", + title: this.$gzlocale.get("HelpAboutAyaNova") + }); this.clientInfo.version = aboutInfo.version; this.$gzapi .get("ServerInfo") diff --git a/ayanova/src/views/Home.vue b/ayanova/src/views/Home.vue index 5b87b696..76e7af74 100644 --- a/ayanova/src/views/Home.vue +++ b/ayanova/src/views/Home.vue @@ -9,8 +9,12 @@ export default { components: { HelloWorld }, - created() { - this.$store.commit("setAppBarMainState"); + beforeCreate() { + this.$store.commit("setAppBar", { + isMain: true, + icon: "fa-home", + title: this.$gzlocale.get("Home") + }); } }; diff --git a/ayanova/src/views/inventory-widget-edit.vue b/ayanova/src/views/inventory-widget-edit.vue index e6fafe69..8e16a8df 100644 --- a/ayanova/src/views/inventory-widget-edit.vue +++ b/ayanova/src/views/inventory-widget-edit.vue @@ -171,7 +171,7 @@ export default { }); }, created() { - this.$store.commit("setContextAppBar", { + this.$store.commit("setAppBar", { isMain: false, icon: "fa-splotch", title: this.$gzlocale.get("Widget") diff --git a/ayanova/src/views/inventory.vue b/ayanova/src/views/inventory.vue index c0cf437d..0fb061be 100644 --- a/ayanova/src/views/inventory.vue +++ b/ayanova/src/views/inventory.vue @@ -48,7 +48,11 @@ export default { }); }, created() { - this.$store.commit("setAppBarMainState"); + this.$store.commit("setAppBar", { + isMain: true, + icon: "fa-dolly", + title: this.$gzlocale.get("Inventory") + }); }, components: { WidgetList, diff --git a/ayanova/src/views/login.vue b/ayanova/src/views/login.vue index 053ceafa..c9b6b513 100644 --- a/ayanova/src/views/login.vue +++ b/ayanova/src/views/login.vue @@ -65,7 +65,11 @@ export default { }; }, created() { - this.$store.commit("setAppBarMainState"); + this.$store.commit("setAppBar", { + isMain: true, + icon: "", + title: "" + }); }, methods: { login() {