- Statistiche

- Menu e Sottomenu
- Lista ultimi Movimenti

src/components/MyHeader/MyHeader.ts

@@ -1,6 +1,6 @@
 import { useQuasar } from 'quasar'
 import {
-  defineComponent, onBeforeMount, onBeforeUnmount, onMounted, ref, toRefs, watch, inject, computed,
+  defineComponent, onBeforeMount, onBeforeUnmount, onMounted, ref, toRefs, watch, inject, computed, nextTick,
 } from 'vue'
 
 import { tools } from '@store/Modules/tools'
@@ -80,6 +80,8 @@ export default defineComponent({
 
     const dark = ref(false)
 
+    const leftDrawerOpen = ref(globalStore.leftDrawerOpen)
+
     const getClassColorHeader = computed(() => {
       // if (tools.isTest()) return 'bg-light-blue'
       // if (tools.isDebug()) return 'bg-info'
@@ -261,12 +263,13 @@ export default defineComponent({
       globalStore.rightCoinsOpen = false
     }
 
-    const leftDrawerOpen = computed({
+    /*const leftDrawerOpen = computed({
       get: () => globalStore.leftDrawerOpen,
       set: val => {
         globalStore.leftDrawerOpen = val
+
       },
-    })
+    })*/
 
     const rightDrawerOpen = computed({
       get: () => globalStore.rightDrawerOpen,
@@ -447,6 +450,7 @@ export default defineComponent({
       // Test this by running the code snippet below and then
       // use the "TableOnlyView" checkbox in DevTools Network panel
 
+
       // console.log('Event LOAD')
       if (window) {
         window.addEventListener('load', () => {
@@ -470,6 +474,23 @@ export default defineComponent({
           window.addEventListener('offline', updateOnlineStatus)
         })
       }
+
+      nextTick(() => {
+        if (tools.getCookie('menu3oriz') === '1') {
+          if ($q.screen.width < 800) {
+            leftDrawerOpen.value = false
+            // globalStore.leftDrawerOpen = false
+          } else {
+            leftDrawerOpen.value = true
+            globalStore.leftDrawerOpen = true
+          }
+        }
+        else if (tools.getCookie('menu3oriz') === '0') {
+          leftDrawerOpen.value = false
+          globalStore.leftDrawerOpen = false
+        }
+      })
+
     }
 
     function imglogo() {
@@ -535,6 +556,14 @@ export default defineComponent({
       globalStore.changeCmdClick(value)
     }
 
+    function clickMenu3Orizz() {
+
+      leftDrawerOpen.value = !leftDrawerOpen.value
+      globalStore.leftDrawerOpen = leftDrawerOpen.value
+
+      tools.setCookie('menu3oriz', globalStore.leftDrawerOpen ? '1' : '0')
+    }
+
     onBeforeMount(BeforeMount)
     onMounted(mounted)
 
@@ -600,6 +629,7 @@ export default defineComponent({
       toHome,
       products,
       userStore,
+      clickMenu3Orizz,
     }
   },