- 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,
     }
   },
 

src/components/MyHeader/MyHeader.vue

@@ -13,13 +13,7 @@
         :inverted="$q.theme === 'ios'"
         class="toolbar"
       >
-        <q-btn
-          flat
-          dense
-          round
-          @click="leftDrawerOpen = !leftDrawerOpen"
-          aria-label="Menu"
-        >
+        <q-btn flat dense round @click="clickMenu3Orizz" aria-label="Menu">
           <q-icon name="menu" />
         </q-btn>
 
@@ -196,7 +190,8 @@
             site.confpages &&
             site.confpages.showUserMenu &&
             tools.isLogged() &&
-            getMyImg()
+            getMyImg() &&
+            $q.screen.gt.sm
           "
           size="36px"
           class="center_img cursor-pointer"
@@ -212,7 +207,7 @@
           />
         </q-avatar>
         <q-btn
-          v-else
+          v-else-if="$q.screen.gt.sm"
           class="q-mx-xs iconprofile_small"
           round
           dense
@@ -228,7 +223,7 @@
     <q-drawer
       side="left"
       bordered
-      show-if-above
+      :show-if-above="globalStore.leftDrawerOpen"
       :breakpoint="800"
       v-model="leftDrawerOpen"
       :content-class="['bg-grey-1', 'q-pa-sm']"
@@ -257,7 +252,7 @@
       </q-btn>
 
       <CSelectUserActive></CSelectUserActive>
-      
+
       <div v-if="tools.isLogged()" class="text-weight-bold text-cart">
         {{ $t('ecomm.carrello_di', { user: products.userActive.username }) }}
       </div>
@@ -287,7 +282,7 @@
               `text-center q-ma-xs boldhigh text-` + getColorText + ` text-h7`
             "
           >
-            Area Personale
+            {{ t('header.area_personale') }}
           </div>
 
           <q-avatar size="80px" class="center_img q-ma-md">
@@ -400,7 +395,7 @@
             >
               &nbsp;{{ t('otherpages.myactivities') }}
             </q-btn>
-            <!--<q-btn round color="warning" icon="lock"></q-btn>-->
+
             <q-btn
               rounded
               color="negative"