From 4c0469f61a3c2fae23e50c6a5a2a91b63fac149a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Thu, 23 Mar 2023 07:51:19 +0100
Subject: [PATCH] Add tooltip to header avatar menu

- Add 'showProfileNameTitle' to profile avatar.
---
 webapp/components/AvatarMenu/AvatarMenu.vue            | 10 +++++++++-
 .../_new/generic/ProfileAvatar/ProfileAvatar.vue       |  6 +++++-
 webapp/locales/de.json                                 |  3 +++
 webapp/locales/en.json                                 |  3 +++
 4 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/webapp/components/AvatarMenu/AvatarMenu.vue b/webapp/components/AvatarMenu/AvatarMenu.vue
index 5ec031e61..284e33509 100644
--- a/webapp/components/AvatarMenu/AvatarMenu.vue
+++ b/webapp/components/AvatarMenu/AvatarMenu.vue
@@ -11,7 +11,15 @@
         "
         @click.prevent="toggleMenu"
       >
-        <profile-avatar :profile="user" size="small" />
+        <profile-avatar
+          :profile="user"
+          size="small"
+          :showProfileNameTitle="false"
+          v-tooltip="{
+            content: $t('header.avatarMenu.button.tooltip'),
+            placement: 'bottom-start',
+          }"
+        />
         <base-icon class="dropdown-arrow" name="angle-down" />
       </a>
     </template>
diff --git a/webapp/components/_new/generic/ProfileAvatar/ProfileAvatar.vue b/webapp/components/_new/generic/ProfileAvatar/ProfileAvatar.vue
index 46e3968fc..d681276b5 100644
--- a/webapp/components/_new/generic/ProfileAvatar/ProfileAvatar.vue
+++ b/webapp/components/_new/generic/ProfileAvatar/ProfileAvatar.vue
@@ -8,7 +8,7 @@
       :src="profile.avatar | proxyApiUrl"
       class="image"
       :alt="profile.name"
-      :title="profile.name"
+      :title="showProfileNameTitle ? profile.name : ''"
       @error="$event.target.style.display = 'none'"
     />
   </div>
@@ -29,6 +29,10 @@ export default {
       type: Object,
       default: null,
     },
+    showProfileNameTitle: {
+      type: Boolean,
+      default: true,
+    },
   },
   computed: {
     isAnonymous() {
diff --git a/webapp/locales/de.json b/webapp/locales/de.json
index a4398df4c..e70a33a1e 100644
--- a/webapp/locales/de.json
+++ b/webapp/locales/de.json
@@ -510,6 +510,9 @@
   },
   "header": {
     "avatarMenu": {
+      "button": {
+        "tooltip": "Mein Profil"
+      },
       "Groups": "Gruppen",
       "myProfile": "Mein Profil"
     }
diff --git a/webapp/locales/en.json b/webapp/locales/en.json
index b6afbfa96..79e9011fb 100644
--- a/webapp/locales/en.json
+++ b/webapp/locales/en.json
@@ -510,6 +510,9 @@
   },
   "header": {
     "avatarMenu": {
+      "button": {
+        "tooltip": "My profile"
+      },
       "Groups": "Groups",
       "myProfile": "My profile"
     }