autofocus first field on login

pull/1103/head
Rigel Kent 2018-09-22 14:14:32 +02:00
parent cc3d1dce1f
commit 9fe4406794
No known key found for this signature in database
GPG Key ID: EA12971B0E438F36
2 changed files with 4 additions and 1 deletions

View File

@ -13,7 +13,7 @@
<label i18n for="username">User</label>
<input
type="text" id="username" i18n-placeholder placeholder="Username or email address" required tabindex="1"
formControlName="username" [ngClass]="{ 'input-error': formErrors['username'] }"
formControlName="username" [ngClass]="{ 'input-error': formErrors['username'] }" #emailInput
>
<a i18n *ngIf="signupAllowed === true" routerLink="/signup" class="create-an-account">
or create an account

View File

@ -16,6 +16,7 @@ import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap'
})
export class LoginComponent extends FormReactive implements OnInit {
@ViewChild('emailInput') input: ElementRef
@ViewChild('forgotPasswordModal') forgotPasswordModal: ElementRef
@ViewChild('forgotPasswordEmailInput') forgotPasswordEmailInput: ElementRef
@ -47,6 +48,8 @@ export class LoginComponent extends FormReactive implements OnInit {
username: this.loginValidatorsService.LOGIN_USERNAME,
password: this.loginValidatorsService.LOGIN_PASSWORD
})
this.input.nativeElement.focus()
}
login () {