53 lines
2.6 KiB
HTML
53 lines
2.6 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" (applicationCreated)="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"
|
|
[applicationName]="applicationName" (updated)="onHolderSelectionUpdated($event)">
|
|
</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"
|
|
[userPreferences]="userPreferences">
|
|
</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>
|
|
|
|
<!-- 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"
|
|
[applicationName]="applicationName" [enableSubmitButton]="allSectionsCompleted">
|
|
</app-shipping>
|
|
</mat-step>
|
|
|
|
<!-- Icon overrides. -->
|
|
<ng-template matStepperIcon="edit">
|
|
<mat-icon>done</mat-icon>
|
|
</ng-template>
|
|
</mat-stepper>
|
|
</div> |