67 lines
3.3 KiB
HTML
67 lines
3.3 KiB
HTML
<div class="client-carnet-container">
|
|
<!-- Stepper Section (shown after questions are answered) -->
|
|
<mat-stepper orientation="vertical" [linear]="isLinear" (selectionChange)="onStepChange($event)"
|
|
[selectedIndex]="currentStep">
|
|
|
|
<!-- Application Name Step -->
|
|
<mat-step *ngIf="applicationType === 'new'" [completed]="stepsCompleted.applicationDetail"
|
|
[editable]="stepsCompleted.applicationDetail">
|
|
<ng-template matStepLabel>Application Name</ng-template>
|
|
<app-application [isEditMode]="isEditMode" (headerIdCreated)="onApplicationDetailCreated($event)">
|
|
</app-application>
|
|
</mat-step>
|
|
|
|
<!-- Holder Selection Step -->
|
|
<mat-step *ngIf="applicationType === 'new'" [completed]="stepsCompleted.holderSelection"
|
|
[editable]="stepsCompleted.applicationDetail">
|
|
<ng-template matStepLabel>Holder Selection</ng-template>
|
|
<app-holder (completed)="onHolderSelectionSaved($event)" [headerid]="headerid">
|
|
</app-holder>
|
|
</mat-step>
|
|
|
|
<!-- Goods Section Step -->
|
|
<mat-step *ngIf="applicationType === 'new'" [completed]="stepsCompleted.goodsSection"
|
|
[editable]="stepsCompleted.applicationDetail">
|
|
<ng-template matStepLabel>Goods Section</ng-template>
|
|
<app-goods (completed)="onGoodsSectionSaved($event)" [headerid]="headerid">
|
|
</app-goods>
|
|
</mat-step>
|
|
|
|
<!-- Travel Plan Step -->
|
|
<mat-step *ngIf="applicationType === 'new' || applicationType === 'extend' || applicationType === 'additional'"
|
|
[completed]="stepsCompleted.travelPlan" [editable]="stepsCompleted.applicationDetail">
|
|
<ng-template matStepLabel>Travel Plan</ng-template>
|
|
<app-travel-plan (completed)="onTravelPlanSaved($event)" [headerid]="headerid">
|
|
</app-travel-plan>
|
|
</mat-step>
|
|
|
|
<!-- Insurance Step -->
|
|
<mat-step *ngIf="applicationType === 'new' || applicationType === 'extend' || applicationType === 'additional'"
|
|
[completed]="stepsCompleted.insurance" [editable]="stepsCompleted.applicationDetail">
|
|
<ng-template matStepLabel>Insurance</ng-template>
|
|
<app-insurance (completed)="onInsuranceSaved($event)" [headerid]="headerid">
|
|
</app-insurance>
|
|
</mat-step>
|
|
|
|
<!-- Shipping Step -->
|
|
<mat-step [completed]="stepsCompleted.shipping" [editable]="stepsCompleted.applicationDetail">
|
|
<ng-template matStepLabel>Shipping</ng-template>
|
|
<app-shipping (completed)="onShippingSaved($event)" [headerid]="headerid">
|
|
</app-shipping>
|
|
</mat-step>
|
|
|
|
<!-- Delivery Method Step -->
|
|
<mat-step [completed]="stepsCompleted.deliveryMethod" [editable]="stepsCompleted.applicationDetail">
|
|
<ng-template matStepLabel>Delivery Method</ng-template>
|
|
<app-delivery (completed)="onDeliveryMethodSaved($event)" [headerid]="headerid">
|
|
</app-delivery>
|
|
</mat-step>
|
|
|
|
<!-- Payment Step -->
|
|
<mat-step [completed]="stepsCompleted.payment" [editable]="stepsCompleted.applicationDetail">
|
|
<ng-template matStepLabel>Payment</ng-template>
|
|
<app-payment (completed)="onPaymentSaved($event)" [headerid]="headerid">
|
|
</app-payment>
|
|
</mat-step>
|
|
</mat-stepper>
|
|
</div> |