Valentin
5669cd63ec
ajout de la page login, changement de mot de passe forcé, rafraîchissement de session en mémoire, intercepteur, déconnexion, bouton logout sur le dashboard
56 lines
1.7 KiB
TypeScript
56 lines
1.7 KiB
TypeScript
import { Component, inject, signal } from '@angular/core';
|
|
import { ReactiveFormsModule, FormBuilder, Validators } from '@angular/forms';
|
|
import { Router } from '@angular/router';
|
|
import { HttpErrorResponse } from '@angular/common/http';
|
|
import { AuthService } from '../../../core/services/auth.service';
|
|
|
|
@Component({
|
|
selector: 'app-login',
|
|
standalone: true,
|
|
imports: [ReactiveFormsModule],
|
|
templateUrl: './login.html',
|
|
styleUrl: './login.scss',
|
|
})
|
|
export class Login {
|
|
private fb = inject(FormBuilder);
|
|
private auth = inject(AuthService);
|
|
private router = inject(Router);
|
|
|
|
errorMessage = signal<string | null>(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.');
|
|
},
|
|
});
|
|
}
|
|
}
|