From f062088d9be539ce4ac6734a0574d2c5c12bc2fb Mon Sep 17 00:00:00 2001
From: jbnadal <jbnadal@awox.com>
Date: Wed, 23 May 2018 18:45:13 +0200
Subject: [PATCH] navigation wip

---
 .../dashboard3/src/components/domo-tabs.vue   |  1 +
 src/prog/dashboard3/src/layouts/default.vue   |  9 ++++-
 src/prog/dashboard3/src/router/index.js       | 17 +++++++++
 src/prog/dashboard3/src/router/routes.js      | 36 +++++++++++++++----
 .../src/store/domo-store/actions.js           |  3 ++
 .../src/store/domo-store/getters.js           |  3 ++
 .../dashboard3/src/store/domo-store/index.js  | 12 +++++++
 .../src/store/domo-store/mutations.js         | 16 +++++++++
 .../dashboard3/src/store/domo-store/state.js  |  4 +++
 9 files changed, 94 insertions(+), 7 deletions(-)
 create mode 100644 src/prog/dashboard3/src/store/domo-store/actions.js
 create mode 100644 src/prog/dashboard3/src/store/domo-store/getters.js
 create mode 100644 src/prog/dashboard3/src/store/domo-store/index.js
 create mode 100644 src/prog/dashboard3/src/store/domo-store/mutations.js
 create mode 100644 src/prog/dashboard3/src/store/domo-store/state.js

diff --git a/src/prog/dashboard3/src/components/domo-tabs.vue b/src/prog/dashboard3/src/components/domo-tabs.vue
index 07cab35b..44b199b8 100644
--- a/src/prog/dashboard3/src/components/domo-tabs.vue
+++ b/src/prog/dashboard3/src/components/domo-tabs.vue
@@ -13,6 +13,7 @@
 </template>
 
 <script>
+
 export default {
   // name: 'ComponentName',
   data () {
diff --git a/src/prog/dashboard3/src/layouts/default.vue b/src/prog/dashboard3/src/layouts/default.vue
index e9e7e1cb..c58914ee 100644
--- a/src/prog/dashboard3/src/layouts/default.vue
+++ b/src/prog/dashboard3/src/layouts/default.vue
@@ -2,7 +2,7 @@
   <q-layout view="lHh Lpr lFf">
     <q-layout-header>
       <q-toolbar :inverted="$q.theme === 'ios'">
-        <q-toolbar-title> Domo </q-toolbar-title>
+        <q-toolbar-title> {{ pageMeta.title }} </q-toolbar-title>
       </q-toolbar>
     </q-layout-header>
     <q-layout-footer reveal v-if="$q.theme === 'ios'">
@@ -24,6 +24,8 @@
 
 <script>
 import DomoTabs from 'components/domo-tabs'
+import { mapState } from 'vuex'
+
 export default {
   name: 'LayoutDefault',
   components: {
@@ -33,6 +35,11 @@ export default {
     return {
     }
   },
+  computed: {
+    ...mapState('domoStore', [
+      'pageMeta'
+    ])
+  },
   methods: {
     resetScroll (el, done) {
       document.documentElement.scrollTop = 0
diff --git a/src/prog/dashboard3/src/router/index.js b/src/prog/dashboard3/src/router/index.js
index 67486b24..a161a0c3 100644
--- a/src/prog/dashboard3/src/router/index.js
+++ b/src/prog/dashboard3/src/router/index.js
@@ -1,6 +1,7 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
 
+import store from 'src/store'
 import routes from './routes'
 
 Vue.use(VueRouter)
@@ -21,4 +22,20 @@ const Router = new VueRouter({
   routes
 })
 
+Router.beforeEach((to, from, next) => {
+  if (to.meta) {
+    store.commit('domoStore/updatePageMeta', to.meta)
+  }
+
+  /*
+  // Inform Google Analytics
+  if (typeof ga !== 'undefined') {
+    ga('set', 'page', to.path)
+    ga('send', 'pageview')
+  }
+  */
+
+  next()
+})
+
 export default Router
diff --git a/src/prog/dashboard3/src/router/routes.js b/src/prog/dashboard3/src/router/routes.js
index 1af18f55..9ba5623a 100644
--- a/src/prog/dashboard3/src/router/routes.js
+++ b/src/prog/dashboard3/src/router/routes.js
@@ -4,12 +4,36 @@ export default [
     path: '/',
     component: () => import('layouts/default'),
     children: [
-      { path: '', component: () => import('pages/home') },
-      { path: '/outlets', component: () => import('pages/outlets') },
-      { path: '/shutters', component: () => import('pages/shutters') },
-      { path: '/sprinklers', component: () => import('pages/sprinklers') },
-      { path: '/sequences', component: () => import('pages/sequences') },
-      { path: '/settings', component: () => import('pages/settings') }
+      { path: '',
+        meta: {
+          title: 'Domo'
+        },
+        component: () => import('pages/home') },
+      { path: '/outlets',
+        meta: {
+          title: 'Outlets'
+        },
+        component: () => import('pages/outlets') },
+      { path: '/shutters',
+        meta: {
+          title: 'Shutters'
+        },
+        component: () => import('pages/shutters') },
+      { path: '/sprinklers',
+        meta: {
+          title: 'Sprinklers'
+        },
+        component: () => import('pages/sprinklers') },
+      { path: '/sequences',
+        meta: {
+          title: 'Sequences'
+        },
+        component: () => import('pages/sequences') },
+      { path: '/settings',
+        meta: {
+          title: 'Settings'
+        },
+        component: () => import('pages/settings') }
     ]
   },
 
diff --git a/src/prog/dashboard3/src/store/domo-store/actions.js b/src/prog/dashboard3/src/store/domo-store/actions.js
new file mode 100644
index 00000000..bb3a970e
--- /dev/null
+++ b/src/prog/dashboard3/src/store/domo-store/actions.js
@@ -0,0 +1,3 @@
+/*
+export const someAction = (state) => {}
+ */
diff --git a/src/prog/dashboard3/src/store/domo-store/getters.js b/src/prog/dashboard3/src/store/domo-store/getters.js
new file mode 100644
index 00000000..cd435e79
--- /dev/null
+++ b/src/prog/dashboard3/src/store/domo-store/getters.js
@@ -0,0 +1,3 @@
+/*
+export const someGetter = (state) => {}
+ */
diff --git a/src/prog/dashboard3/src/store/domo-store/index.js b/src/prog/dashboard3/src/store/domo-store/index.js
new file mode 100644
index 00000000..b41a219b
--- /dev/null
+++ b/src/prog/dashboard3/src/store/domo-store/index.js
@@ -0,0 +1,12 @@
+import state from './state'
+import * as getters from './getters'
+import * as mutations from './mutations'
+import * as actions from './actions'
+
+export default {
+  namespaced: true,
+  state,
+  getters,
+  mutations,
+  actions
+}
diff --git a/src/prog/dashboard3/src/store/domo-store/mutations.js b/src/prog/dashboard3/src/store/domo-store/mutations.js
new file mode 100644
index 00000000..72e76c10
--- /dev/null
+++ b/src/prog/dashboard3/src/store/domo-store/mutations.js
@@ -0,0 +1,16 @@
+export const updateDrawerState = (state, opened) => {
+    state.drawerState = opened
+  }
+  
+  export const updatePageMeta = (state, meta) => {
+    state.pageMeta = {
+      title: 'Domo',
+      hash: '',
+      icon: '',
+      iframeTabs: false,
+      backRoute: '/',
+      tabs: [],
+      ...meta
+    }
+  }
+  
\ No newline at end of file
diff --git a/src/prog/dashboard3/src/store/domo-store/state.js b/src/prog/dashboard3/src/store/domo-store/state.js
new file mode 100644
index 00000000..a6eb0fd7
--- /dev/null
+++ b/src/prog/dashboard3/src/store/domo-store/state.js
@@ -0,0 +1,4 @@
+export default {
+  drawerState: true,
+  pageMeta: {}
+}