109 lines
3.8 KiB
HTML
109 lines
3.8 KiB
HTML
<!--
|
|
Copyright since 2025 Mifos Initiative
|
|
|
|
This Source Code Form is subject to the terms of the Mozilla Public
|
|
License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
-->
|
|
|
|
<div class="container">
|
|
<mat-stepper
|
|
orientation="vertical"
|
|
[linear]="false"
|
|
class="mat-elevation-z8"
|
|
labelPosition="bottom"
|
|
#currentAccountProductStepper
|
|
>
|
|
<ng-template matStepperIcon="number">
|
|
<fa-icon icon="pencil-alt" size="sm"></fa-icon>
|
|
</ng-template>
|
|
|
|
<ng-template matStepperIcon="edit">
|
|
<fa-icon icon="pencil-alt" size="sm"></fa-icon>
|
|
</ng-template>
|
|
|
|
<ng-template matStepperIcon="done">
|
|
<fa-icon icon="check" size="sm"></fa-icon>
|
|
</ng-template>
|
|
|
|
<ng-template matStepperIcon="error">
|
|
<fa-icon icon="exclamation-triangle" size="lg"></fa-icon>
|
|
</ng-template>
|
|
|
|
<ng-template matStepperIcon="preview">
|
|
<fa-icon icon="eye" size="sm"></fa-icon>
|
|
</ng-template>
|
|
|
|
<!-- Step 1: Details -->
|
|
<mat-step>
|
|
<ng-template matStepLabel>{{ 'labels.inputs.DETAILS' | translate }}</ng-template>
|
|
|
|
<mifosx-current-account-details-step
|
|
[currentAccountTemplate]="currentAccountTemplate"
|
|
(currentAccountProductTemplate)="setTemplate($event)"
|
|
>
|
|
</mifosx-current-account-details-step>
|
|
</mat-step>
|
|
|
|
@if (currentAccountProductTemplate) {
|
|
<!-- Step 2: Currency -->
|
|
<mat-step>
|
|
<ng-template matStepLabel>CURRENCY</ng-template>
|
|
|
|
<mifosx-current-account-currency-step
|
|
[currentAccountProductTemplate]="currentAccountProductTemplate"
|
|
></mifosx-current-account-currency-step>
|
|
|
|
<div class="layout-row align-center gap-2percent margin-t responsive-column">
|
|
<button mat-raised-button matStepperPrevious>
|
|
<fa-icon icon="arrow-left" class="m-r-10"></fa-icon>
|
|
{{ 'labels.buttons.Previous' | translate }}
|
|
</button>
|
|
<button mat-raised-button matStepperNext>
|
|
{{ 'labels.buttons.Next' | translate }}
|
|
<fa-icon icon="arrow-right" class="m-l-10"></fa-icon>
|
|
</button>
|
|
</div>
|
|
</mat-step>
|
|
|
|
<!-- Step 3: Digital -->
|
|
<mat-step>
|
|
<ng-template matStepLabel>DIGITAL</ng-template>
|
|
|
|
<mifosx-current-account-digital-step
|
|
[currentAccountProductTemplate]="currentAccountProductTemplate"
|
|
></mifosx-current-account-digital-step>
|
|
|
|
<div class="layout-row align-center gap-2percent margin-t responsive-column">
|
|
<button mat-raised-button matStepperPrevious>
|
|
<fa-icon icon="arrow-left" class="m-r-10"></fa-icon>
|
|
{{ 'labels.buttons.Previous' | translate }}
|
|
</button>
|
|
<button mat-raised-button matStepperNext>
|
|
{{ 'labels.buttons.Next' | translate }}
|
|
<fa-icon icon="arrow-right" class="m-l-10"></fa-icon>
|
|
</button>
|
|
</div>
|
|
</mat-step>
|
|
|
|
<!-- Step 4: Preview -->
|
|
<mat-step completed>
|
|
<ng-template matStepLabel>{{ 'labels.inputs.PREVIEW' | translate }}</ng-template>
|
|
<mifosx-current-account-preview-step
|
|
[currentAccountProductTemplate]="currentAccountProductTemplate"
|
|
[currentAccountTemplate]="currentAccountTemplate"
|
|
[currentAccountTermForm]="currentAccountTermForm"
|
|
[currentAccountSettingsForm]="currentAccountSettingsForm"
|
|
[currentAccountTermsForm]="currentAccountTermsForm"
|
|
[currentAccount]="currentAccount"
|
|
[currentAccountDigital]="currentAccountDigital"
|
|
[currentAccountNominee]="currentAccountNominee"
|
|
[currentAccountCurrencyFlags]="currentAccountCurrencyFlags"
|
|
(submitEvent)="submit()"
|
|
>
|
|
</mifosx-current-account-preview-step>
|
|
</mat-step>
|
|
}
|
|
</mat-stepper>
|
|
</div>
|