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:
2026-09-22 09:54:25 +02:00
parent 058481c192
commit ee47d04b90
36 changed files with 1232 additions and 118 deletions
@@ -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;
}
+10 -1
View File
@@ -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`);