From 7710fcab95265a92c4953eda8cf038fb3c42db65 Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Thu, 9 Feb 2023 13:04:00 +0100
Subject: [PATCH] emit toggle mobile menu view from avatar menu

---
 webapp/components/AvatarMenu/AvatarMenu.vue |  5 ++++-
 webapp/components/HeaderMenu/HeaderMenu.vue | 15 ++++++++++++---
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/webapp/components/AvatarMenu/AvatarMenu.vue b/webapp/components/AvatarMenu/AvatarMenu.vue
index a5b56ba43..5ec031e61 100644
--- a/webapp/components/AvatarMenu/AvatarMenu.vue
+++ b/webapp/components/AvatarMenu/AvatarMenu.vue
@@ -31,7 +31,10 @@
             slot-scope="item"
             :route="item.route"
             :parents="item.parents"
-            @click.native="closeMenu(false)"
+            @click.native="
+              closeMenu(false)
+              $emit('toggle-Mobile-Menu-view')
+            "
           >
             <base-icon :name="item.route.icon" />
             {{ item.route.name }}
diff --git a/webapp/components/HeaderMenu/HeaderMenu.vue b/webapp/components/HeaderMenu/HeaderMenu.vue
index c63bba4fe..df0607402 100644
--- a/webapp/components/HeaderMenu/HeaderMenu.vue
+++ b/webapp/components/HeaderMenu/HeaderMenu.vue
@@ -199,7 +199,7 @@
           <!-- avatar menu mobile -->
           <ds-flex-item :class="{ 'hide-mobile-menu': !toggleMobileMenu }" style="text-align: end">
             <client-only>
-              <avatar-menu placement="top" />
+              <avatar-menu placement="top" @toggle-Mobile-Menu-view="toggleMobileMenuView" />
             </client-only>
           </ds-flex-item>
         </ds-flex>
@@ -207,7 +207,12 @@
           <!-- dynamic branding menus -->
           <ul v-if="isHeaderMenu" class="dynamic-branding-mobil">
             <li v-for="item in menu" :key="item.name">
-              <a v-if="item.url" :href="item.url" :target="item.target" @click="toggleMobileMenuView">
+              <a
+                v-if="item.url"
+                :href="item.url"
+                :target="item.target"
+                @click="toggleMobileMenuView"
+              >
                 <ds-text size="large" bold>
                   {{ $t(item.nameIdent) }}
                 </ds-text>
@@ -224,7 +229,11 @@
           <hr />
           <!-- dynamic footer menu in header  -->
           <ul class="dynamic-footer-mobil">
-            <li v-for="pageParams in links.FOOTER_LINK_LIST" :key="pageParams.name" @click="toggleMobileMenuView">
+            <li
+              v-for="pageParams in links.FOOTER_LINK_LIST"
+              :key="pageParams.name"
+              @click="toggleMobileMenuView"
+            >
               <page-params-link :pageParams="pageParams">
                 {{ $t(pageParams.internalPage.footerIdent) }}
               </page-params-link>