MadJax
dd36bbc425
Application mono-utilisateur : inscription unique, connexion par JWT (12 h), protection de toutes les routes de données, réinitialisation de mot de passe par email avec repli de journalisation, onboarding réorganisé en deux étapes (inscription → connexion → profil + véhicule). Backend (SchotzIadKmTracker.Api) : - Entités Compte (singleton) et ResetPasswordToken + migration AjoutAuthentification. - Hachage PasswordHasher, JwtService (HS256, durée configurable), IEmailService (MailKit + repli LoggingEmailService selon Smtp:Host). - AuthService (register 409 si compte existant, login 401 générique, forgot-password non-divulgation, reset à usage unique + expiration), AuthController (5 endpoints publics), DTOs + validateurs FluentValidation. - Sécurité pipeline : JwtBearer + filtre d'autorisation global, UseAuthentication avant UseAuthorization ; /health et /api/auth/* publics. Frontend (schotziad-km-tracker, zoneless + signals) : - AuthService (localStorage), authInterceptor (Bearer + purge/redirection 401), authGuard, écrans Login/Register/ForgotPassword/ResetPassword, routes publiques et protection [authGuard, profilConfigureGuard]. Configuration : .env.example et docker-compose.yml (JWT__SecretKey, durées, Smtp__*). Tests : 54 tests backend (propriétés FsCheck P1–P14, exemples, intégration WebApplicationFactory) + tests frontend (AuthService, authGuard, authInterceptor, ResetPasswordComponent). Suite complète au vert. Spec : .kiro/specs/authentification (requirements, design, tasks).
81 lines
2.9 KiB
HTML
81 lines
2.9 KiB
HTML
<section class="reset-password">
|
|
<h1>Réinitialiser le mot de passe</h1>
|
|
|
|
@if (token() === null) {
|
|
<p class="erreur-globale" role="alert">
|
|
Le lien de réinitialisation est incomplet ou invalide.
|
|
Veuillez redemander un lien de réinitialisation.
|
|
</p>
|
|
<nav class="liens" aria-label="Actions du compte">
|
|
<a routerLink="/forgot-password">Redemander un lien</a>
|
|
<a routerLink="/login">Retour à la connexion</a>
|
|
</nav>
|
|
} @else {
|
|
<form [formGroup]="form" (ngSubmit)="reinitialiser()" novalidate>
|
|
@if (erreur()) {
|
|
<p class="erreur-globale" role="alert">{{ erreur() }}</p>
|
|
}
|
|
|
|
<div class="champ">
|
|
<label for="nouveauMotDePasse">Nouveau mot de passe</label>
|
|
<input
|
|
id="nouveauMotDePasse"
|
|
type="password"
|
|
formControlName="nouveauMotDePasse"
|
|
autocomplete="new-password"
|
|
[attr.aria-invalid]="
|
|
form.get('nouveauMotDePasse')?.invalid && form.get('nouveauMotDePasse')?.touched
|
|
"
|
|
aria-describedby="nouveauMotDePasse-erreur"
|
|
/>
|
|
@if (form.get('nouveauMotDePasse')?.touched && form.get('nouveauMotDePasse')?.invalid) {
|
|
<p id="nouveauMotDePasse-erreur" class="erreur" role="alert">
|
|
@if (form.get('nouveauMotDePasse')?.hasError('required')) {
|
|
Le mot de passe est obligatoire.
|
|
} @else if (form.get('nouveauMotDePasse')?.hasError('minlength')) {
|
|
Le mot de passe doit comporter au moins 8 caractères.
|
|
}
|
|
</p>
|
|
}
|
|
</div>
|
|
|
|
<div class="champ">
|
|
<label for="confirmation">Confirmer le mot de passe</label>
|
|
<input
|
|
id="confirmation"
|
|
type="password"
|
|
formControlName="confirmation"
|
|
autocomplete="new-password"
|
|
[attr.aria-invalid]="
|
|
(form.get('confirmation')?.touched &&
|
|
(form.get('confirmation')?.invalid || form.hasError('motsDePasseDifferents')))
|
|
"
|
|
aria-describedby="confirmation-erreur"
|
|
/>
|
|
@if (
|
|
form.get('confirmation')?.touched &&
|
|
(form.get('confirmation')?.invalid || form.hasError('motsDePasseDifferents'))
|
|
) {
|
|
<p id="confirmation-erreur" class="erreur" role="alert">
|
|
@if (form.get('confirmation')?.hasError('required')) {
|
|
La confirmation est obligatoire.
|
|
} @else if (form.hasError('motsDePasseDifferents')) {
|
|
Les mots de passe ne correspondent pas.
|
|
}
|
|
</p>
|
|
}
|
|
</div>
|
|
|
|
<div class="actions">
|
|
<button type="submit" class="btn-principal" [disabled]="soumissionEnCours()">
|
|
{{ soumissionEnCours() ? 'Réinitialisation…' : 'Réinitialiser' }}
|
|
</button>
|
|
</div>
|
|
</form>
|
|
|
|
<nav class="liens" aria-label="Actions du compte">
|
|
<a routerLink="/login">Retour à la connexion</a>
|
|
</nav>
|
|
}
|
|
</section>
|