allerta-vvf/frontend/src/app/_routes/login/login.component.html

18 lines
1.1 KiB
HTML

<div class="container text-center d-flex justify-content-center pt-3">
<main class="form-signin">
<owner-image></owner-image>
<div class="my-2 text-danger" *ngIf="!loginResponse.loginOk">{{ loginResponse.message }}</div>
<div class="form-floating">
<input type="text" class="form-control" (keydown.enter)="inputPassword.focus()" [(ngModel)]="username" id="username" [placeholder]="'username'|translate">
<label for="username">{{ 'username'|translate|titlecase }}</label>
</div>
<div class="form-floating">
<input type="password" class="form-control" (keydown.enter)="login()" [(ngModel)]="password" id="password" [placeholder]="'password'|translate" #inputPassword>
<label for="password">{{ 'password'|translate|titlecase }}</label>
</div>
<button class="w-100 btn btn-lg btn-primary" (click)="login()" [disabled]="loading">
<span *ngIf="!loading" translate>login.submit_btn</span>
<div class="spinner-border spinner-border-sm text-white" *ngIf="loading"></div>
</button>
</main>
</div>