From 45be1e02c595552d4e04ab0145762ed4781f0428 Mon Sep 17 00:00:00 2001
From: paolo <paolo.arena77@gmail.com>
Date: Mon, 26 Nov 2018 00:53:05 +0100
Subject: [PATCH] Sistemato menu laterale... getters, state....

---
 src/layouts/drawer/drawer.vue    | 23 +++++++++++++++--------
 src/model/GlobalStore.ts         |  2 +-
 src/root/home/home.ts            |  3 +--
 src/store/Modules/GlobalStore.ts | 32 +-------------------------------
 src/store/Modules/UserStore.ts   |  1 +
 src/store/index.ts               |  4 ++--
 src/typings/GlobalState.d.ts     |  8 --------
 src/typings/index.ts             |  2 +-
 8 files changed, 22 insertions(+), 53 deletions(-)
 delete mode 100644 src/typings/GlobalState.d.ts

diff --git a/src/layouts/drawer/drawer.vue b/src/layouts/drawer/drawer.vue
index 8dc56eb..fdc609a 100644
--- a/src/layouts/drawer/drawer.vue
+++ b/src/layouts/drawer/drawer.vue
@@ -27,13 +27,16 @@
     </div>
 </template>
 
-<script type="ts">
+<script lang="ts">
   import menuOne from './menuOne.vue'
   import menuTwo from './menuTwo.vue'
 
-  import { Component, Vue, Watch, Prop } from 'vue-property-decorator'
-  import { GlobalStore } from '@store'
-  import { UserStore } from '@store';
+  import Vue from 'vue'
+  import { Component, Watch, Prop } from 'vue-property-decorator'
+  import {Store} from 'vuex'
+  import { UserStore } from '@modules';
+  import { GlobalStore } from '@modules'
+
 
   @Component({
     components: {
@@ -42,6 +45,9 @@
     }
   })
   export default class Drawer extends Vue {
+    public $q
+    $t: any
+
     photo = ''
     user = null
     links = {
@@ -74,18 +80,19 @@
     }
 
     get MenuCollapse () {
-      return GlobalStore.getters.menuCollapse
+      return GlobalStore.state.menuCollapse
+      // return true
     }
     get Username () {
-      return UserStore.getters.username
+      return UserStore.state.username
     }
 
     get Verificato () {
-      return UserStore.getters.verifiedEmail
+      return UserStore.state.verifiedEmail
     }
 
     logoutHandler() {
-      this.logout({ router: this.$router })
+      UserStore.actions.logout()
       this.$q.notify(this.$t('logout.uscito'))
     }
   }
diff --git a/src/model/GlobalStore.ts b/src/model/GlobalStore.ts
index d639dab..ce1c84e 100644
--- a/src/model/GlobalStore.ts
+++ b/src/model/GlobalStore.ts
@@ -1,4 +1,4 @@
-export interface IGlobState {
+export interface IGlobalState {
   conta: number
   isLoginPage: boolean
   layoutNeeded: boolean
diff --git a/src/root/home/home.ts b/src/root/home/home.ts
index d25b851..ccd2adc 100644
--- a/src/root/home/home.ts
+++ b/src/root/home/home.ts
@@ -29,9 +29,8 @@ export default class Home extends Vue {
   }
 
   get conta() {
-    return GlobalStore.getters.getConta
+    return GlobalStore.state.conta
   }
-
   set conta(valore) {
     GlobalStore.actions.setConta(valore)
     let my = this.$q.i18n.lang
diff --git a/src/store/Modules/GlobalStore.ts b/src/store/Modules/GlobalStore.ts
index 9503aa0..52283cc 100644
--- a/src/store/Modules/GlobalStore.ts
+++ b/src/store/Modules/GlobalStore.ts
@@ -1,4 +1,4 @@
-import { IGlobalState } from '@types'
+import { IGlobalState } from 'model'
 import { storeBuilder } from './Store/Store'
 
 
@@ -17,37 +17,7 @@ const stateGetter = b.state()
 // Getters
 namespace Getters {
 
-  const getConta = b.read(function getConta(state: IGlobalState): number {
-    return state.conta
-  })
-
-  const getIsLoginPage = b.read(function getIsLoginPage(state: IGlobalState): boolean {
-    return state.isLoginPage
-  })
-
-  const getLayoutNeeded = b.read(function getLayoutNeeded(state: IGlobalState): boolean {
-    return state.layoutNeeded
-  })
-
-  const getMobileMode = b.read(function getMobileMode(state: IGlobalState): boolean {
-    return state.mobileMode
-  })
-
-  const getMenuCollapse = b.read(function getMenuCollapse(state: IGlobalState): boolean {
-    return state.menuCollapse
-  })
-
-  const getPosts = b.read(function getPosts(state: IGlobalState): boolean {
-    return state.posts
-  })
-
   export const getters = {
-    get getConta() { return getConta() },
-    get getIsLoginPage() { return getIsLoginPage() },
-    get getLayoutNeeded() { return getLayoutNeeded() },
-    get getMobileMode() { return getMobileMode() },
-    get getMenuCollapse() { return getMenuCollapse() },
-    get getPosts() { return getPosts() }
   }
 
 }
diff --git a/src/store/Modules/UserStore.ts b/src/store/Modules/UserStore.ts
index 4934c04..7d3ffde 100644
--- a/src/store/Modules/UserStore.ts
+++ b/src/store/Modules/UserStore.ts
@@ -33,6 +33,7 @@ const b = storeBuilder.module<IUserState>('UserModule', state)
 const stateGetter = b.state()
 
 namespace Getters {
+
   const lang = b.read(function lang(state): string {
     if (state.lang !== '') {
       return state.lang
diff --git a/src/store/index.ts b/src/store/index.ts
index b202434..e12d1d2 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -1,13 +1,13 @@
 import Vue from 'vue'
 import Vuex, { Store } from 'vuex'
 
-import { IGlobState } from 'model'
+import { IGlobalState } from 'model'
 import { Route } from 'vue-router'
 import { getStoreBuilder } from 'vuex-typex'
 
 
 export interface RootState {
-  GlobalModule: IGlobState
+  GlobalModule: IGlobalState
   route: Route
 }
 
diff --git a/src/typings/GlobalState.d.ts b/src/typings/GlobalState.d.ts
deleted file mode 100644
index e41ad88..0000000
--- a/src/typings/GlobalState.d.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export interface IGlobalState {
-  conta: number,
-  isLoginPage: boolean,
-  layoutNeeded: boolean,
-  mobileMode: boolean,
-  menuCollapse: boolean,
-  posts: Array
-}
diff --git a/src/typings/index.ts b/src/typings/index.ts
index a0d40fa..aa2ef01 100644
--- a/src/typings/index.ts
+++ b/src/typings/index.ts
@@ -1,6 +1,6 @@
 // export * from './LoginState';
 
-export * from './GlobalState.d'
+// export * from './GlobalState.d'