fix: show user name in user menu when opened

Author: SteKoe

spring-boot-admin-server-ui/src/main/frontend/shell/NavbarUserMenu.vue

@@ -16,6 +16,11 @@
     </template>
 
     <template #menuItems>
+      <div class="link link--no-hover" v-if="userName">
+        <span>
+          {{$t('navbar.signedInAs')}} <strong v-text="userName"></strong>
+        </span>
+      </div>
 
       <NavbarLink v-for="userSubMenuItem in submenuItems" :key="userSubMenuItem.name" :view="userSubMenuItem"/>
 
@@ -53,6 +58,10 @@ export default {
       type: String,
       default: undefined
     },
+    userName: {
+      type: String,
+      default: undefined
+    },
     csrfToken: {
       type: String,
       default: undefined
@@ -67,6 +76,10 @@ export default {
 
 <style scoped>
 .link {
-  @apply flex w-full items-center rounded-md px-3 py-2 text-sm hover:bg-gray-100;
+  @apply flex w-full items-center rounded-md px-3 py-2 text-sm hover:bg-gray-100 break-all;
+}
+
+.link--no-hover {
+  @apply hover:bg-white;
 }
 </style>

spring-boot-admin-server-ui/src/main/frontend/shell/i18n.de.json

@@ -1,5 +1,6 @@
 {
   "navbar": {
+    "signedInAs": "Angemeldet als",
     "logout": "Abmelden"
   }
 }

spring-boot-admin-server-ui/src/main/frontend/shell/i18n.en.json

@@ -1,5 +1,6 @@
 {
   "navbar": {
+    "signedInAs": "Signed in as",
     "logout": "Log out"
   }
 }

spring-boot-admin-server-ui/src/main/frontend/shell/navbar.vue

@@ -160,11 +160,9 @@
               class="text-base font-medium leading-none text-white"
               v-text="userName"
             />
-            adsa
           </div>
         </div>
         <div class="mt-3 px-2 space-y-1 text-black">
-
           <NavbarLink v-for="userSubMenuItem in userSubMenuItems" :key="userSubMenuItem.name"
                        :applications="applications" :error="error" :view="userSubMenuItem"/>
 
@@ -231,7 +229,7 @@ export default {
   data: () => ({
     showMenu: false,
     brand: '<img src="assets/img/icon-spring-boot-admin.svg"><span>Spring Boot Admin</span>',
-    userName: 'Stephan Köninger',
+    userName: '[email protected]',
     csrfToken: null,
     csrfParameterName: null,
     currentLanguage: null
@@ -257,7 +255,7 @@ export default {
   },
   created() {
     this.brand = sbaConfig.uiSettings.brand;
-    this.userName = sbaConfig.user ? sbaConfig.user.name : null;
+    //this.userName = sbaConfig.user ? sbaConfig.user.name : null;
     this.availableLocales = AVAILABLE_LANGUAGES;
     this.csrfToken = readCookie('XSRF-TOKEN');
     this.csrfParameterName = sbaConfig.csrf.parameterName;