-
+
@@ -22,11 +22,28 @@
diff --git a/src/app/layouts/navbar.component.ts b/src/app/layouts/navbar.component.ts
index dd24955d1a..1cf670b85c 100644
--- a/src/app/layouts/navbar.component.ts
+++ b/src/app/layouts/navbar.component.ts
@@ -1,21 +1,29 @@
import {
Component,
+ OnInit,
} from '@angular/core';
import { MessagingService } from 'jslib/abstractions/messaging.service';
import { PlatformUtilsService } from 'jslib/abstractions/platformUtils.service';
+import { UserService } from 'jslib/abstractions/user.service';
@Component({
selector: 'app-navbar',
templateUrl: 'navbar.component.html',
})
-export class NavbarComponent {
+export class NavbarComponent implements OnInit {
selfHosted = false;
+ email: string;
- constructor(private messagingService: MessagingService, private platformUtilsService: PlatformUtilsService) {
+ constructor(private messagingService: MessagingService, private platformUtilsService: PlatformUtilsService,
+ private userService: UserService) {
this.selfHosted = this.platformUtilsService.isSelfHost();
}
+ async ngOnInit() {
+ this.email = await this.userService.getEmail();
+ }
+
lock() {
this.messagingService.send('lockVault');
}
diff --git a/src/locales/en/messages.json b/src/locales/en/messages.json
index 7d1541ca88..a1e60bf6d7 100644
--- a/src/locales/en/messages.json
+++ b/src/locales/en/messages.json
@@ -1681,5 +1681,14 @@
},
"defaultCollection": {
"message": "Default Collection"
+ },
+ "getHelp": {
+ "message": "Get Help"
+ },
+ "getApps": {
+ "message": "Get the Apps"
+ },
+ "loggedInAs": {
+ "message": "Logged in as"
}
}
diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index 169a695653..565d0f45f5 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -105,6 +105,22 @@ input, select, textarea {
.navbar {
padding-left: 0;
padding-right: 0;
+
+ .dropdown-menu {
+ min-width: 200px;
+ max-width: 250px;
+
+ .dropdown-item-text {
+ line-height: 1.3;
+
+ small {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+ }
+ }
}
.navbar-brand {
@@ -112,6 +128,12 @@ input, select, textarea {
margin-bottom: -20px;
}
+.dropdown-menu {
+ button {
+ cursor: pointer;
+ }
+}
+
.container {
width: 980px;
max-width: none !important;