54 lines
2.8 KiB
HTML
54 lines
2.8 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 [completed]="stepsCompleted.applicationDetail" [editable]="stepsCompleted.applicationDetail">
|
|
<ng-template matStepLabel>Application Name</ng-template>
|
|
<app-application [isEditMode]="isEditMode" [applicationName]="applicationName">
|
|
</app-application>
|
|
</mat-step>
|
|
|
|
<!-- Holder Selection Step -->
|
|
<mat-step [completed]="stepsCompleted.holderSelection" [editable]="stepsCompleted.applicationDetail">
|
|
<ng-template matStepLabel>Holder Selection</ng-template>
|
|
<app-holder (completed)="onHolderSelectionSaved($event)" [headerid]="headerid"
|
|
[isViewMode]="applicationType !== 'edit'" [applicationName]="applicationName"
|
|
(updated)="onHolderSelectionUpdated($event)">
|
|
</app-holder>
|
|
</mat-step>
|
|
|
|
<!-- Goods Section Step -->
|
|
<mat-step [completed]="stepsCompleted.goodsSection" [editable]="stepsCompleted.applicationDetail">
|
|
<ng-template matStepLabel>Goods Section</ng-template>
|
|
<app-goods (completed)="onGoodsSectionSaved($event)" [headerid]="headerid"
|
|
[isEditMode]="isEditMode && applicationType === 'edit'" [isViewMode]="applicationType !== 'edit'"
|
|
[userPreferences]="userPreferences">
|
|
</app-goods>
|
|
</mat-step>
|
|
|
|
<!-- Travel Plan Step -->
|
|
<mat-step [completed]="stepsCompleted.travelPlan" [editable]="stepsCompleted.applicationDetail">
|
|
<ng-template matStepLabel>Travel Plan</ng-template>
|
|
<app-travel-plan (completed)="onTravelPlanSaved($event)" [headerid]="headerid"
|
|
[applicationType]="applicationType" (needsInsurance)="onNeedsInsurance($event)"
|
|
[isViewMode]="applicationType !== 'edit' && applicationType !== 'additional'">
|
|
</app-travel-plan>
|
|
</mat-step>
|
|
|
|
<!-- Shipping & Payment Step -->
|
|
<mat-step [completed]="stepsCompleted.shipping" [editable]="stepsCompleted.applicationDetail">
|
|
<ng-template matStepLabel>Shipping & Payment</ng-template>
|
|
<app-shipping (completed)="onShippingSaved($event)" [headerid]="headerid" [isEditMode]="isEditMode"
|
|
[applicationType]="applicationType" [applicationName]="applicationName"
|
|
[enableSubmitButton]="allSectionsCompleted">
|
|
</app-shipping>
|
|
</mat-step>
|
|
|
|
<!-- Icon overrides. -->
|
|
<ng-template matStepperIcon="edit">
|
|
<mat-icon>done</mat-icon>
|
|
</ng-template>
|
|
</mat-stepper>
|
|
</div> |