unlock message improvements

src/popup/accounts/lock.component.html

@@ -5,7 +5,7 @@
             <span class="title">{{'verifyMasterPassword' | i18n}}</span>
         </div>
         <div class="right">
-            <button type="submit" appBlurClick>{{'submit' | i18n}}</button>
+            <button type="submit" appBlurClick>{{'unlock' | i18n}}</button>
         </div>
     </header>
     <content>
@@ -26,6 +26,10 @@
                     </div>
                 </div>
             </div>
+            <div class="box-footer">
+                <p>{{'yourVaultIsLocked' | i18n}}</p>
+                {{'loggedInAs' | i18n : email}}
+            </div>
         </div>
         <p class="text-center">
             <a href="#" appStopClick (click)="logOut()">{{'logOut' | i18n}}</a>

src/popup/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';
@@ -16,7 +13,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) {
@@ -24,7 +21,8 @@ export class LockComponent extends BaseLockComponent implements OnInit {
         this.successRoute = '/tabs/current';
     }
 
-    ngOnInit() {
+    async ngOnInit() {
+        await super.ngOnInit();
         window.setTimeout(() => {
             document.getElementById('masterPassword').focus();
         }, 100);