Johan LEROY
39b1d28ead
# Conflicts: # apps/frontend/src/app/features/auth/change-password/change-password.html # apps/frontend/src/app/features/auth/change-password/change-password.ts # apps/frontend/src/app/features/auth/login/login.html # apps/frontend/src/app/features/auth/login/login.ts
44 lines
1.2 KiB
HTML
44 lines
1.2 KiB
HTML
<div class="auth-page">
|
|
<form class="auth-card-wrapper" [formGroup]="form" (ngSubmit)="onSubmit()">
|
|
<ev-card>
|
|
<ev-brand class="auth-brand" />
|
|
<h1>Connexion</h1>
|
|
<p class="auth-subtitle">Accédez à votre espace EnerVision</p>
|
|
|
|
<label class="form-label" for="email">Email</label>
|
|
<input
|
|
id="email"
|
|
class="form-input"
|
|
type="email"
|
|
formControlName="email"
|
|
autocomplete="username"
|
|
placeholder="vous@enervision.fr"
|
|
/>
|
|
|
|
<label class="form-label" for="password">Mot de passe</label>
|
|
<input
|
|
id="password"
|
|
class="form-input"
|
|
type="password"
|
|
formControlName="password"
|
|
autocomplete="current-password"
|
|
/>
|
|
|
|
@if (errorMessage()) {
|
|
<ev-alert severity="danger">
|
|
{{ errorMessage() }}
|
|
@if (retryAfterSeconds(); as seconds) {
|
|
(réessayez dans {{ seconds }}s)
|
|
}
|
|
</ev-alert>
|
|
}
|
|
|
|
<ev-button type="submit" [disabled]="form.invalid || isLoading()">
|
|
{{ isLoading() ? 'Connexion...' : 'Se connecter' }}
|
|
</ev-button>
|
|
|
|
<p class="auth-link"><a routerLink="/forgot-password">Mot de passe oublié ?</a></p>
|
|
</ev-card>
|
|
</form>
|
|
</div>
|