27 lines
1.5 KiB
HTML
27 lines
1.5 KiB
HTML
<div class="container">
|
|
<mat-card class="mat-elevation-z8">
|
|
<mat-card-header>
|
|
<h2>Configurateur InterCOM</h2>
|
|
</mat-card-header>
|
|
<mat-card-content>
|
|
<!-- Login Form -->
|
|
<form [formGroup]="loginFG">
|
|
<mat-form-field>
|
|
<mat-label>Identifiant</mat-label>
|
|
<input matInput type="text" formControlName="login" class="form-control fadeIn second" name="login" placeholder="Identifiant" [ngClass]="{'is-invalid':submitted && loginFG.controls['login'].errors}">
|
|
<mat-error class="myError" *ngIf="loginFG.controls['login'].hasError('required')">L'identifiant est requis !</mat-error>
|
|
</mat-form-field>
|
|
<mat-form-field>
|
|
<mat-label>Mot de passe</mat-label>
|
|
<input matInput type="password" formControlName="password" class="form-control fadeIn third" name="password" placeholder="Mot de passe" [ngClass]="{'is-invalid':submitted && loginFG.controls['password'].errors}">
|
|
<mat-error class="myError" *ngIf="loginFG.controls['password'].hasError('required')">Le mot de passe est requis !</mat-error>
|
|
</mat-form-field>
|
|
<button mat-raised-button color="primary" (click)="onLogin()">Connexion</button>
|
|
<mat-error class="cred" *ngIf="wrongCredentials">Mauvais couple Identifiant/Mot de passe, Recommencez ....</mat-error>
|
|
<mat-error class="cred" *ngIf="userConnected">Un autre utilisateur ({{usernameConn}}) est déjà connecté, veuillez recommencer ultérieurement ...</mat-error>
|
|
<mat-error class="cred" *ngIf="errorProcess">Erreur de connexion avec le backend ...</mat-error>
|
|
</form>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
</div>
|