From deb4a26efa31f82a2bd62ba839d80dbb32685d72 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Wed, 7 Dec 2022 12:59:53 +0100
Subject: [PATCH] mobile menu admin and logout emit

---
 frontend/src/components/Menu/Sidebar.vue      |  6 ---
 .../MobileSidebar/MobileSidebar.vue           |  2 +-
 frontend/src/layouts/DashboardLayout.vue      | 38 ++++++++-----------
 3 files changed, 17 insertions(+), 29 deletions(-)

diff --git a/frontend/src/components/Menu/Sidebar.vue b/frontend/src/components/Menu/Sidebar.vue
index 66d5d943b..54dffee76 100644
--- a/frontend/src/components/Menu/Sidebar.vue
+++ b/frontend/src/components/Menu/Sidebar.vue
@@ -75,12 +75,6 @@
             <b-icon icon="power" aria-hidden="true"></b-icon>
             <span class="ml-2">{{ $t('navigation.logout') }}</span>
           </b-nav-item>
-          <b-nav-item
-            class="mt-4 mb-3 d-block d-md-none d-lg-none"
-            @click="$emit('toogleMobilMenu')"
-          >
-            <b-icon icon="x" aria-hidden="true"></b-icon>
-          </b-nav-item>
         </b-nav>
       </div>
     </div>
diff --git a/frontend/src/components/MobileSidebar/MobileSidebar.vue b/frontend/src/components/MobileSidebar/MobileSidebar.vue
index ec147c4dc..77ce6e24b 100644
--- a/frontend/src/components/MobileSidebar/MobileSidebar.vue
+++ b/frontend/src/components/MobileSidebar/MobileSidebar.vue
@@ -2,7 +2,7 @@
   <div>
     <b-sidebar id="sidebar-1" no-header bg-variant="white" :backdrop="true">
       <div class="px-3 py-2">
-        <sidebar />
+        <sidebar @admin="$emit('admin')" @logout="$emit('logout')" />
       </div>
     </b-sidebar>
   </div>
diff --git a/frontend/src/layouts/DashboardLayout.vue b/frontend/src/layouts/DashboardLayout.vue
index d11b66571..6ef0695db 100755
--- a/frontend/src/layouts/DashboardLayout.vue
+++ b/frontend/src/layouts/DashboardLayout.vue
@@ -10,7 +10,7 @@
           <navbar class="main-navbar" :balance="balance"></navbar>
         </b-col>
       </b-row>
-      <mobile-sidebar />
+      <mobile-sidebar @admin="admin" @logout="logout" />
       <!-- <div ref="sideMenuRow" class="d-none d-lg-none d-md-none zindex1000">
         <sidebar
           class="main-sidebar"
@@ -23,13 +23,7 @@
       <b-row fluid class="d-flex">
         <!-- Sidebar left -->
         <b-col cols="2" class="d-none d-lg-block">
-          <sidebar
-            class="main-sidebar"
-            @admin="admin"
-            @logout="logout"
-            @modeToggle="modeToggle"
-            @toogleMobilMenu="toogleMobilMenu"
-          />
+          <sidebar class="main-sidebar" @admin="admin" @logout="logout" />
         </b-col>
         <!-- ContentHeader && Content -->
         <b-col>
@@ -222,14 +216,14 @@ export default {
     setTunneledEmail(email) {
       this.tunneledEmail = email
     },
-    toogleMobilMenu() {
-      // console.log(this.$refs.sideMenuRow.classList.value)
-      this.$refs.sideMenuRow.classList.toggle('d-inline')
-      this.$refs.sideMenuRow.classList.toggle('position-absolute')
+    // toogleMobilMenu() {
+    //   // console.log(this.$refs.sideMenuRow.classList.value)
+    //   this.$refs.sideMenuRow.classList.toggle('d-inline')
+    //   this.$refs.sideMenuRow.classList.toggle('position-absolute')
 
-      document.getElementById('side-menu').classList.toggle('bg-lightgrey')
-      this.hamburger ? (this.hamburger = false) : (this.hamburger = true)
-    },
+    //   document.getElementById('side-menu').classList.toggle('bg-lightgrey')
+    //   this.hamburger ? (this.hamburger = false) : (this.hamburger = true)
+    // },
     // dark() {
     //   document.getElementById('app').classList.add('dark-mode')
     //   document.querySelector('#app a').classList.add('dark-mode')
@@ -242,13 +236,13 @@ export default {
     //   this.darkMode = false
     // },
 
-    modeToggle() {
-      if (this.darkMode || document.getElementById('app').classList.contains('dark-mode')) {
-        this.light()
-      } else {
-        this.dark()
-      }
-    },
+    // modeToggle() {
+    //   if (this.darkMode || document.getElementById('app').classList.contains('dark-mode')) {
+    //     this.light()
+    //   } else {
+    //     this.dark()
+    //   }
+    // },
   },
   computed: {
     darkDark() {