client-app/src/app/holder/edit/edit-holder.component.ts

import { CommonModule } from '@angular/common';
import { afterNextRender, Component, inject, viewChild } from '@angular/core';
import { AngularMaterialModule } from '../../shared/module/angular-material.module';
import { MatAccordion } from '@angular/material/expansion';
import { UserPreferences } from '../../core/models/user-preference';
import { ActivatedRoute } from '@angular/router';
import { UserPreferencesService } from '../../core/services/user-preference.service';
import { BasicDetailComponent } from '../basic-details/basic-details.component';
import { ContactsComponent } from '../contacts/contacts.component';
import { StorageService } from '../../core/services/common/storage.service';
import { NavigationService } from '../../core/services/common/navigation.service';

@Component({
  selector: 'app-edit-holder',
  imports: [AngularMaterialModule, CommonModule, BasicDetailComponent, ContactsComponent],
  templateUrl: './edit-holder.component.html',
  styleUrl: './edit-holder.component.scss'
})
export class EditHolderComponent {
  accordion = viewChild.required(MatAccordion);
  isEditMode = true;
  holderid = 0;
  holderName: string | null = null;
  userPreferences: UserPreferences;
  currentApplicationDetails: { headerid: number, applicationName: string } | null = null;

  private route = inject(ActivatedRoute);
  private navigationService = inject(NavigationService);
  private storageService = inject(StorageService);

  constructor(userPrefenceService: UserPreferencesService) {
    this.userPreferences = userPrefenceService.getPreferences();
    this.currentApplicationDetails = this.storageService.get<{ headerid: number, applicationName: string }>('currentapplication')

    afterNextRender(() => {
      this.accordion().openAll();
    });
  }

  ngOnInit(): void {
    const idParam = this.route.snapshot.paramMap.get('holderid');
    this.holderid = idParam ? parseInt(idParam, 10) : 0;
  }

  onHolderNameUpdate(event: string): void {
    this.holderName = event;
  }

  goBackToCarnetApplication(): void {
    this.storageService.removeItem('currentapplication')
    this.navigationService.navigate(["edit-carnet", this.currentApplicationDetails?.headerid],
      {
        state: { isEditMode: true },
        queryParams: {
          applicationname: this.currentApplicationDetails?.applicationName,
          return: 'holder'
        }
      })
  }
}