diff --git a/src/app/accounts/lock.component.html b/src/app/accounts/lock.component.html index 0fa0edba73..611c04ebf9 100644 --- a/src/app/accounts/lock.component.html +++ b/src/app/accounts/lock.component.html @@ -4,10 +4,19 @@

{{'yourVaultIsLocked' | i18n}}

-
- - +
+
+ + +
+
+ + + +
diff --git a/src/app/accounts/lock.component.ts b/src/app/accounts/lock.component.ts index 9cdcf01140..d5e3dd8701 100644 --- a/src/app/accounts/lock.component.ts +++ b/src/app/accounts/lock.component.ts @@ -18,6 +18,7 @@ import { UserService } from 'jslib/abstractions/user.service'; }) export class LockComponent { masterPassword: string = ''; + showPassword: boolean = false; constructor(private router: Router, private analytics: Angulartics2, private toasterService: ToasterService, private i18nService: I18nService, @@ -53,4 +54,10 @@ export class LockComponent { this.messagingService.send('logout'); } } + + togglePassword() { + this.analytics.eventTrack.next({ action: 'Toggled Master Password on Unlock' }); + this.showPassword = !this.showPassword; + document.getElementById('masterPassword').focus(); + } }