remember email on login

src/app/accounts/accept-organization.component.ts

@@ -5,7 +5,6 @@ import {
 import {
     ActivatedRoute,
     Router,
-    NavigationEnd,
 } from '@angular/router';
 
 import {

src/app/accounts/login.component.html

@@ -7,13 +7,13 @@
                 <div class="card-body">
                     <div class="form-group">
                         <label for="email">{{'emailAddress' | i18n}}</label>
-                        <input id="email" class="form-control" type="text" name="Email" [(ngModel)]="email" required [appAutofocus]="email === ''">
+                        <input id="email" class="form-control" type="text" name="Email" [(ngModel)]="email" required>
                     </div>
                     <div class="form-group">
                         <label for="masterPassword">{{'masterPass' | i18n}}</label>
                         <div class="d-flex">
                             <input id="masterPassword" type="{{showPassword ? 'text' : 'password'}}" name="MasterPassword" class="text-monospace form-control"
-                                [(ngModel)]="masterPassword" required [appAutofocus]="email !== ''">
+                                [(ngModel)]="masterPassword" required>
                             <button type="button" class="ml-1 btn btn-link" appBlurClick title="{{'toggleVisibility' | i18n}}" (click)="togglePassword()">
                                 <i class="fa fa-lg" [ngClass]="{'fa-eye': !showPassword, 'fa-eye-slash': showPassword}"></i>
                             </button>
@@ -22,6 +22,10 @@
                             <a routerLink="/hint">{{'getMasterPasswordHint' | i18n}}</a>
                         </small>
                     </div>
+                    <div class="form-check">
+                        <input type="checkbox" class="form-check-input" id="rememberEmail" name="RememberEmail" [(ngModel)]="rememberEmail">
+                        <label class="form-check-label" for="rememberEmail">{{'rememberEmail' | i18n}}</label>
+                    </div>
                     <hr>
                     <div class="d-flex">
                         <button type="submit" class="btn btn-primary btn-block" [disabled]="form.loading" appBlurClick>

src/app/accounts/login.component.ts

@@ -1,11 +1,15 @@
 import { Component } from '@angular/core';
-import { Router } from '@angular/router';
+import {
+    ActivatedRoute,
+    Router,
+} from '@angular/router';
 
 import { ToasterService } from 'angular2-toaster';
 import { Angulartics2 } from 'angulartics2';
 
 import { AuthService } from 'jslib/abstractions/auth.service';
 import { I18nService } from 'jslib/abstractions/i18n.service';
+import { StorageService } from 'jslib/abstractions/storage.service';
 
 import { LoginComponent as BaseLoginComponent } from 'jslib/angular/components/login.component';
 
@@ -16,8 +20,19 @@ import { LoginComponent as BaseLoginComponent } from 'jslib/angular/components/l
 export class LoginComponent extends BaseLoginComponent {
     constructor(authService: AuthService, router: Router,
         analytics: Angulartics2, toasterService: ToasterService,
-        i18nService: I18nService) {
-        super(authService, router, analytics, toasterService, i18nService);
+        i18nService: I18nService, private route: ActivatedRoute,
+        storageService: StorageService) {
+        super(authService, router, analytics, toasterService, i18nService, storageService);
         this.successRoute = '/vault';
     }
+
+    async ngOnInit() {
+        this.route.queryParams.subscribe(async (qParams) => {
+            if (qParams.email != null && qParams.email.indexOf('@') > -1) {
+                this.email = qParams.email;
+            }
+            await super.ngOnInit();
+            document.getElementById(this.email == null || this.email === '' ? 'email' : 'masterPassword').focus();
+        });
+    }
 }