lock screen improvements

src/app/accounts/lock.component.html

@@ -16,6 +16,7 @@
                                 <i class="fa fa-lg" [ngClass]="{'fa-eye': !showPassword, 'fa-eye-slash': showPassword}"></i>
                             </button>
                         </div>
+                        <small class="text-muted form-text">{{'loggedInAsEmail' | i18n : email}}</small>
                     </div>
                     <hr>
                     <div class="d-flex">

src/app/accounts/lock.component.ts

@@ -1,7 +1,4 @@
-import {
-    Component,
-    OnInit,
-} from '@angular/core';
+import { Component } from '@angular/core';
 import { Router } from '@angular/router';
 
 import { CryptoService } from 'jslib/abstractions/crypto.service';
@@ -18,7 +15,7 @@ import { LockComponent as BaseLockComponent } from 'jslib/angular/components/loc
     selector: 'app-lock',
     templateUrl: 'lock.component.html',
 })
-export class LockComponent extends BaseLockComponent implements OnInit {
+export class LockComponent extends BaseLockComponent {
     constructor(router: Router, i18nService: I18nService,
         platformUtilsService: PlatformUtilsService, messagingService: MessagingService,
         userService: UserService, cryptoService: CryptoService,
@@ -27,6 +24,7 @@ export class LockComponent extends BaseLockComponent implements OnInit {
     }
 
     async ngOnInit() {
+        await super.ngOnInit();
         const authed = await this.userService.isAuthenticated();
         if (!authed) {
             this.router.navigate(['/']);

src/locales/en/messages.json

@@ -589,6 +589,15 @@
   "unlock": {
     "message": "Unlock"
   },
+  "loggedInAsEmail": {
+    "message": "Logged in as $EMAIL$.",
+    "placeholders": {
+      "email": {
+        "content": "$1",
+        "example": "name@example.com"
+      }
+    }
+  },
   "invalidMasterPassword": {
     "message": "Invalid master password"
   },