Navigation utilisateur : avatar, paramétrage, maintenance, mot de passe
Réorganisation complète de la navigation suite au retour d'usage, plus changement de mot de passe et affichage/masquage des mots de passe saisis. Backend : - Nouvel endpoint POST /api/auth/change-password (ChangePasswordDto, MotDePasseActuelInvalideException, validateur, AuthService.ChangePasswordAsync). Exige l'ancien mot de passe, distinct de la réinitialisation par e-mail. - Endpoint placé dans SessionController (protégé par l'autorisation globale) et NON dans AuthController : AuthController porte [AllowAnonymous] au niveau classe, ce qui rend inopérant un [Authorize] posé sur une seule action (bug de sécurité détecté par test manuel — l'endpoint était accessible sans jeton — puis corrigé par ce déplacement). Frontend : - Page « Compte utilisateur » (ProfilComponent renommé) : section Maintenance extraite vers MaintenanceComponent (route /maintenance) ; nouvelle section de changement de mot de passe (ancien + nouveau + confirmation). - ParametrageComponent (route /parametrage) : menu latéral Compte / Véhicules / Barème + contenu en routes enfants, réutilisant les composants existants. Compte et Véhicules en authGuard seul ; Barème garde profilConfigureGuard. - Barre de navigation : Véhicules et Barème retirés (rejoignent Paramétrage) ; logo passé en format horizontal (icône + texte). - Avatar utilisateur (initiales) à droite de la barre : sous-menu au survol (identité, Paramétrage, Maintenance, Se déconnecter). Menu « Specs » converti en dropdown survolable (Exigences / Conception / Tâches). - Dropdowns : panneau collé au bouton (plus d'espace mort) pour que le survol reste continu jusqu'au panneau — un espace créait une fermeture prématurée. - Barre masquée sur les pages publiques (login/register/forgot/reset-password) même avec un jeton résiduel expiré/invalide (détection via Router events, pas seulement la présence du jeton). - PasswordInputComponent (shared) : bouton œil afficher/masquer, ControlValueAccessor, style aligné sur les champs texte classiques. Appliqué aux 8 champs mot de passe de l'application (login, register, reset-password, compte utilisateur). Specs : requirements.md (exigences 20, 21 + glossaire) et design.md (endpoints, DTO, composants) mis à jour. 54 tests backend au vert.
This commit is contained in:
@@ -23,3 +23,13 @@ export interface ResetPasswordDto {
|
||||
token: string;
|
||||
nouveauMotDePasse: string;
|
||||
}
|
||||
|
||||
/**
|
||||
* Changement de mot de passe par un utilisateur authentifié (page Compte utilisateur) —
|
||||
* miroir de ChangePasswordDto. Contrairement à ResetPasswordDto (jeton reçu par email),
|
||||
* exige l'ancien mot de passe.
|
||||
*/
|
||||
export interface ChangePasswordDto {
|
||||
motDePasseActuel: string;
|
||||
nouveauMotDePasse: string;
|
||||
}
|
||||
|
||||
@@ -4,7 +4,7 @@ import { Router } from '@angular/router';
|
||||
import { Observable, tap } from 'rxjs';
|
||||
|
||||
import { environment } from '../../../environments/environment';
|
||||
import { LoginDto, LoginResult, RegisterDto, ResetPasswordDto } from '../models';
|
||||
import { ChangePasswordDto, LoginDto, LoginResult, RegisterDto, ResetPasswordDto } from '../models';
|
||||
|
||||
/** Clé de stockage du JWT dans localStorage. */
|
||||
const CLE_TOKEN = 'auth_token';
|
||||
@@ -50,6 +50,15 @@ export class AuthService {
|
||||
return this.http.post<void>(`${this.baseUrl}/reset-password`, dto);
|
||||
}
|
||||
|
||||
/**
|
||||
* Change le mot de passe d'un utilisateur authentifié (POST /auth/change-password,
|
||||
* page Compte utilisateur). Contrairement à resetPassword (jeton reçu par email),
|
||||
* exige l'ancien mot de passe. Le jeton Bearer est ajouté par l'authInterceptor.
|
||||
*/
|
||||
changePassword(dto: ChangePasswordDto): Observable<void> {
|
||||
return this.http.post<void>(`${this.baseUrl}/change-password`, dto);
|
||||
}
|
||||
|
||||
/** Indique si un compte existe déjà (GET /auth/compte-existe). */
|
||||
compteExiste(): Observable<{ existe: boolean }> {
|
||||
return this.http.get<{ existe: boolean }>(`${this.baseUrl}/compte-existe`);
|
||||
|
||||
Reference in New Issue
Block a user