OpenCloud
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube
1
0
Fork 0
Code Issues Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/app/login/login.component.html
View File

@ -13,7 +13,7 @@
<label i18n for="username">User</label> <label i18n for="username">User</label>
<input <input
type="text" id="username" i18n-placeholder placeholder="Username or email address" required tabindex="1" 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"> <a i18n *ngIf="signupAllowed === true" routerLink="/signup" class="create-an-account">
or create an account or create an account

3
client/src/app/login/login.component.ts
View File

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