gisaf-frontend/src/app/login/login.component.html
2024-03-20 12:56:57 +05:30

23 lines
No EOL
967 B
HTML

<div layout="row" layout-padding fxLayout='column wrap' fxLayoutAlign="space-around center">
<h1>Login</h1>
<form fxFlex fxLayout='column wrap'>
<div class="form-group" [formGroup]="formGroup" fxLayout='column wrap' fxFlex>
<mat-form-field>
<mat-label>User name</mat-label>
<input matInput type="text" formControlName="userName" #userName required/>
</mat-form-field>
<mat-form-field>
<mat-label>Password</mat-label>
<input matInput type="password" formControlName="password" #password required/>
</mat-form-field>
</div>
<div *ngIf="error" class="alert alert-danger error" fxFlex>{{error}}</div>
<button
type="submit"
mat-raised-button
color="primary"
[disabled]="loading || !formGroup.valid"
(click)="submit()"
>Login</button>
</form>
</div>