103 lines
3.0 KiB
TypeScript
103 lines
3.0 KiB
TypeScript
import { Component, inject } from '@angular/core';
|
|
import { FormBuilder, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
|
|
import { AngularMaterialModule } from '../../shared/module/angular-material.module';
|
|
import { CommonModule } from '@angular/common';
|
|
import { StepperSelectionEvent } from '@angular/cdk/stepper';
|
|
import { ApplicationComponent } from "../application/application.component";
|
|
import { HolderComponent } from '../holder/holder.component';
|
|
import { GoodsComponent } from '../goods/goods.component';
|
|
|
|
@Component({
|
|
selector: 'app-add-carnet',
|
|
imports: [AngularMaterialModule, CommonModule, ReactiveFormsModule,
|
|
ApplicationComponent, HolderComponent, GoodsComponent],
|
|
templateUrl: './add-carnet.component.html',
|
|
styleUrl: './add-carnet.component.scss'
|
|
})
|
|
export class AddCarnetComponent {
|
|
currentStep = 0;
|
|
questionsCompleted = false;
|
|
isLinear = true;
|
|
applicationType: 'new' | 'additional' | 'duplicate' | 'extend' | null = null;
|
|
isEditMode = false;
|
|
applicationid: number = 0;
|
|
|
|
private fb = inject(FormBuilder);
|
|
|
|
// Form group for initial questions
|
|
questionsForm: FormGroup = this.fb.group({
|
|
newCarnet: [null, Validators.required],
|
|
additionalSets: [false],
|
|
duplicateCarnet: [false],
|
|
extendCarnet: [false]
|
|
});
|
|
|
|
// Track completion of each step
|
|
stepsCompleted = {
|
|
applicationDetail: false,
|
|
holderSelection: false,
|
|
goodsSection: false,
|
|
travelPlan: false,
|
|
insurance: false,
|
|
shipping: false,
|
|
deliveryMethod: false,
|
|
payment: false
|
|
};
|
|
|
|
onQuestionsSubmit(): void {
|
|
const answers = this.questionsForm.value;
|
|
|
|
if (answers.newCarnet) {
|
|
this.applicationType = 'new';
|
|
} else if (answers.additionalSets) {
|
|
this.applicationType = 'additional';
|
|
} else if (answers.duplicateCarnet) {
|
|
this.applicationType = 'duplicate';
|
|
} else if (answers.extendCarnet) {
|
|
this.applicationType = 'extend';
|
|
}
|
|
|
|
// Move to the first step after questions
|
|
this.questionsCompleted = true;
|
|
this.currentStep = 0;
|
|
}
|
|
|
|
onStepChange(event: StepperSelectionEvent): void {
|
|
this.currentStep = event.selectedIndex;
|
|
}
|
|
|
|
onApplicationDetailCreated(applicationid: number): void {
|
|
this.applicationid = applicationid;
|
|
this.stepsCompleted.applicationDetail = true;
|
|
this.isLinear = false; // Disable linear mode after application detail is created
|
|
}
|
|
|
|
onHolderSelectionSaved(completed: boolean): void {
|
|
this.stepsCompleted.holderSelection = completed;
|
|
}
|
|
|
|
onGoodsSectionSaved(completed: boolean): void {
|
|
this.stepsCompleted.goodsSection = completed;
|
|
}
|
|
|
|
onTravelPlanSaved(completed: boolean): void {
|
|
this.stepsCompleted.travelPlan = completed;
|
|
}
|
|
|
|
onInsuranceSaved(completed: boolean): void {
|
|
this.stepsCompleted.insurance = completed;
|
|
}
|
|
|
|
onShippingSaved(completed: boolean): void {
|
|
this.stepsCompleted.shipping = completed;
|
|
}
|
|
|
|
onDeliveryMethodSaved(completed: boolean): void {
|
|
this.stepsCompleted.deliveryMethod = completed;
|
|
}
|
|
|
|
onPaymentSaved(completed: boolean): void {
|
|
this.stepsCompleted.payment = completed;
|
|
}
|
|
}
|