feat: Add new password reset page with form validation and success/error handling.

Author: JFranciosi

src/app/pages/reset-password/reset-password.html

@@ -17,7 +17,7 @@
                     @if (resetForm.get('password')?.invalid && (resetForm.get('password')?.dirty ||
                     resetForm.get('password')?.touched)) {
                     <small class="p-error block">
-                        Password is required (min 6 chars).
+                        Password is required (min 8 chars).
                     </small>
                     }
                 </div>

src/app/pages/reset-password/reset-password.ts

@@ -1,6 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { FormBuilder, FormGroup, Validators, ReactiveFormsModule } from '@angular/forms';
+import { FormBuilder, FormGroup, Validators, ReactiveFormsModule, AbstractControl, ValidationErrors } from '@angular/forms';
 import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { AuthService } from '../../services/auth.service';
 import { MessageService } from 'primeng/api';
@@ -33,20 +33,24 @@ export class ResetPassword implements OnInit {
         private router: Router
     ) {
         this.resetForm = this.fb.group({
-            password: ['', [Validators.required, Validators.minLength(6)]],
+            password: ['', [Validators.required, Validators.minLength(8)]],
             confirmPassword: ['', Validators.required]
         }, { validators: this.passwordMatchValidator });
     }
 
     ngOnInit() {
-        this.token = this.route.snapshot.queryParamMap.get('token') || '';
-        if (!this.token) {
-            this.messageService.add({ severity: 'error', summary: 'Error', detail: 'Invalid or missing token.' });
-            setTimeout(() => this.router.navigate(['/login']), 2000);
-        }
+        this.route.queryParamMap.subscribe(params => {
+            this.token = params.get('token') || '';
+            if (!this.token) {
+                setTimeout(() => {
+                    this.messageService.add({ severity: 'error', summary: 'Error', detail: 'Invalid or missing token.' });
+                    this.router.navigate(['/login']);
+                }, 500);
+            }
+        });
     }
 
-    passwordMatchValidator(g: FormGroup) {
+    passwordMatchValidator(g: AbstractControl): ValidationErrors | null {
         return g.get('password')?.value === g.get('confirmPassword')?.value
             ? null : { mismatch: true };
     }

src/app/services/auth.service.ts

@@ -4,6 +4,7 @@ import { Observable, BehaviorSubject, of } from 'rxjs';
 import { tap, map, catchError, switchMap } from 'rxjs/operators';
 import { LoginRequest, AuthResponse, RegisterRequest } from '../models/auth.models';
 import { CsrfService } from './csrf.service';
+import { SKIP_ERROR_TOAST } from '../data/http-context.tokens';
 
 import { environment } from '../../environments/environment';
 
@@ -142,7 +143,9 @@ export class AuthService {
                 if (this.authenticated) {
                     return of(true);
                 }
-                return this.http.get<any>(`${this.apiUrl}/me`);
+                return this.http.get<any>(`${this.apiUrl}/me`, {
+                    context: new HttpContext().set(SKIP_ERROR_TOAST, true)
+                });
             }),
             tap(user => {
                 if (user !== true && user) {