Johan LEROY
85cb7c9eeb
Corrige les 10 points de la revue du systeme de design : garde-fou de route explicite pour /docs, /redoc et /static, ton distinct pour les alertes critical vs high, flex-shrink sur le bon element du badge, mutualisation du bloc ev-card dans _auth-page.scss, bouton de deconnexion migre vers ev-button (nouvel input fullWidth), tokens manquants (--color-danger-hover, --color-warning-text, --color-text-inverse, --color-critical), test de synchronisation des deux copies du logo, openapi_avec_logo qui enveloppe application.openapi au lieu de le reimplementer, doc du frontend et index mis a jour, et suppression du CSS mort .form-error.
69 lines
2.3 KiB
TypeScript
69 lines
2.3 KiB
TypeScript
import { Component, inject, signal } from '@angular/core';
|
|
import { ReactiveFormsModule, FormBuilder, Validators } from '@angular/forms';
|
|
import { ActivatedRoute, Router, RouterLink } from '@angular/router';
|
|
import { HttpErrorResponse } from '@angular/common/http';
|
|
import { AuthService } from '../../../core/services/auth.service';
|
|
import { Button } from '../../../shared/components/ui/button/button';
|
|
import { Card } from '../../../shared/components/ui/card/card';
|
|
import { Alert } from '../../../shared/components/ui/alert/alert';
|
|
import { Brand } from '../../../shared/components/ui/brand/brand';
|
|
import {
|
|
MESSAGE_LIEN_RESET_INVALIDE,
|
|
MOTIF_LIEN_RESET_INVALIDE,
|
|
} from '../../../shared/models/auth-redirect-reason';
|
|
|
|
@Component({
|
|
selector: 'app-login',
|
|
standalone: true,
|
|
imports: [ReactiveFormsModule, RouterLink, Button, Card, Alert, Brand],
|
|
templateUrl: './login.html',
|
|
styleUrl: './login.scss',
|
|
})
|
|
export class Login {
|
|
private fb = inject(FormBuilder);
|
|
private auth = inject(AuthService);
|
|
private router = inject(Router);
|
|
private route = inject(ActivatedRoute);
|
|
|
|
errorMessage = signal<string | null>(
|
|
this.route.snapshot.queryParamMap.get('motif') === MOTIF_LIEN_RESET_INVALIDE
|
|
? MESSAGE_LIEN_RESET_INVALIDE
|
|
: null,
|
|
);
|
|
retryAfterSeconds = signal<number | null>(null);
|
|
isLoading = signal(false);
|
|
|
|
form = this.fb.nonNullable.group({
|
|
email: ['', [Validators.required, Validators.email]],
|
|
password: ['', Validators.required],
|
|
});
|
|
|
|
onSubmit(): void {
|
|
if (this.form.invalid) return;
|
|
|
|
this.isLoading.set(true);
|
|
this.errorMessage.set(null);
|
|
this.retryAfterSeconds.set(null);
|
|
|
|
this.auth.login(this.form.getRawValue()).subscribe({
|
|
next: (response) => {
|
|
if (response.principal.must_change_password) {
|
|
this.router.navigate(['/change-password']);
|
|
return;
|
|
}
|
|
this.router.navigate(['/dashboard']);
|
|
},
|
|
error: (error: HttpErrorResponse) => {
|
|
this.isLoading.set(false);
|
|
if (error.status === 429) {
|
|
const retryAfter = error.headers.get('Retry-After');
|
|
this.retryAfterSeconds.set(retryAfter ? Number(retryAfter) : null);
|
|
this.errorMessage.set('Trop de tentatives, réessayez plus tard.');
|
|
return;
|
|
}
|
|
this.errorMessage.set('Email ou mot de passe incorrect.');
|
|
},
|
|
});
|
|
}
|
|
}
|