fix: email of a registered user cant be change anymore

src/app/app-routing-module.ts

@@ -16,7 +16,6 @@ import { ListCustomerComponent } from "./components/sales-statistics/list-custom
 import { RevenueCalculatorComponent } from "./components/sales-statistics/revenue-calculator/revenue-calculator.component";
 import { BookExcelParserComponent } from "./components/book/book-excel-parser/book-excel-parser.component";
 
-
 /**
  * Generates a route configuration object with optional permissions.
  * @param path - The route path.
@@ -44,8 +43,8 @@ const routes: Routes = [
   { path: 'books/view/:id', component: ViewBookComponent },
   { path: 'cart', component: CartComponent },
   { path: 'catalog', component: CatalogComponent },
-  {path: 'import-excel', component: BookExcelParserComponent},
   { path: 'profile', component: ProfileComponent },
+  generateRoute('import-excel', BookExcelParserComponent),
   generateRoute('book_formats', ListBookParametersFormatComponent),
   generateRoute('orders', ListOrderComponent, ['ADMIN', 'EMPLOYEE', 'CLIENT']),
   generateRoute('book_genres', ListBookGenreComponent),

src/app/components/user/forms/user/add-edit-user-form.component.html

@@ -31,7 +31,7 @@
       <div class="col-sm">
         <mat-form-field class="form-group w-100" appearance="fill">
           <mat-label>Email</mat-label>
-          <input formControlName="email" matInput placeholder="Enter your email" required type="text" >
+          <input formControlName="email" matInput placeholder="Enter your email" [readonly]="!isAddMode" required type="text" >
           <mat-error *ngIf="f['email'].invalid">{{getErrorMessage('email')}}</mat-error>
         </mat-form-field>
       </div>

src/app/components/user/forms/user/add-edit-user-form.component.ts

@@ -16,7 +16,10 @@ import { AbstractForm } from 'src/app/shared/components/abstract-form';
 export class AddEditUserForm extends AbstractForm implements OnDestroy, OnInit {
   // Fields
   @Input()
-  formGroupName!: string;
+  public formGroupName!: string;
+
+  @Input()
+  public isAddMode = false; 
 
   protected id?: number;
 

src/app/components/user/profile/profile.component.html

@@ -6,7 +6,7 @@ <h2 class="m-2 p-2 text-center" *ngIf="!isAddMode">Edit your profile</h2>
     <mat-spinner></mat-spinner>
   </div>
   <form [formGroup]="form" *ngIf="form" (ngSubmit)="onSubmit()">
-    <app-add-edit-user-form formGroupName="personalData"></app-add-edit-user-form>
+    <app-add-edit-user-form formGroupName="personalData" [isAddMode]="isAddMode"></app-add-edit-user-form>
 
     <app-add-edit-address-form formGroupName="address" [selectedCity]="selectedCity" [selectedCountry]="selectedCountry" [selectedPostalCode]="selectedPostalCode" ></app-add-edit-address-form>
 

src/app/components/user/profile/profile.component.ts

@@ -29,7 +29,7 @@ export class ProfileComponent extends AbstractForm implements OnDestroy, OnInit
   // Fields
   protected id?: number;
 
-  protected isAddMode?: boolean;
+  protected isAddMode: boolean = false;
 
   protected isLoading = true;
 
@@ -259,14 +259,18 @@ export class ProfileComponent extends AbstractForm implements OnDestroy, OnInit
 
   /**
    * Handles the error response from API calls.
-   * @param action The action performed when the error occurred (e.g., 'loaded', 'created', 'updated').
+   * @param action The action performed when the error occurred.
    * @param error The error object.
    */
   private handleErrorResponse(error: any) {
     informUserOfError(error);
     this.isLoading = false;
   }
 
+  /**
+   * Handles the success response from API calls.
+   * @param action The action performed when the operation concluded.
+   */
   private handleSuccessResponse(action: string){
     Swal.fire(`User ${action}`,`The user ${this.form.value.personalData.name} has been ${action} successfully`,`success`);