79 lines
2.7 KiB
HTML
79 lines
2.7 KiB
HTML
<div class="container">
|
|
|
|
<mat-horizontal-stepper class="mat-elevation-z8" labelPosition="bottom" #loansAccountStepper>
|
|
<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>
|
|
|
|
<mat-step [stepControl]="loansAccountDetailsForm">
|
|
|
|
<ng-template matStepLabel>{{"labels.inputs.DETAILS" | translate }}</ng-template>
|
|
|
|
<mifosx-loans-account-details-step [loansAccountTemplate]="loansAccountAndTemplate"
|
|
(loansAccountProductTemplate)="setTemplate($event)">
|
|
</mifosx-loans-account-details-step>
|
|
|
|
</mat-step>
|
|
|
|
<mat-step [stepControl]="loansAccountTermsForm">
|
|
|
|
<ng-template matStepLabel>{{"labels.inputs.TERMS" | translate }}</ng-template>
|
|
|
|
<mifosx-loans-account-terms-step [loansAccountProductTemplate]="loansAccountProductTemplate"
|
|
[loansAccountTemplate]="loansAccountAndTemplate" [collateralOptions]="collateralOptions">
|
|
</mifosx-loans-account-terms-step>
|
|
|
|
</mat-step>
|
|
|
|
<mat-step>
|
|
|
|
<ng-template matStepLabel>{{"labels.inputs.CHARGES" | translate }}</ng-template>
|
|
|
|
<mifosx-loans-account-charges-step [loansAccountProductTemplate]="loansAccountProductTemplate"
|
|
[loansAccountTemplate]="loansAccountAndTemplate"
|
|
[loansAccountFormValid]="loansAccountFormValidAndNotPristine">
|
|
</mifosx-loans-account-charges-step>
|
|
|
|
</mat-step>
|
|
|
|
<mat-step>
|
|
|
|
<ng-template matStepLabel>{{"labels.inputs.REPAYMENT SCHEDULE" | translate }}</ng-template>
|
|
|
|
<mifosx-loans-account-schedule-step [loansAccountTemplate]="loansAccountAndTemplate"
|
|
[loansAccountProductTemplate]="loansAccountProductTemplate" [loansAccount]="loansAccount"
|
|
[currencyCode]="currencyCode">
|
|
</mifosx-loans-account-schedule-step>
|
|
|
|
</mat-step>
|
|
|
|
<mat-step state="preview" *ngIf="loansAccountFormValidAndNotPristine" completed>
|
|
|
|
<ng-template matStepLabel>{{"labels.inputs.PREVIEW" | translate }}</ng-template>
|
|
|
|
<mifosx-loans-account-preview-step [loansAccountTemplate]="loansAccountAndTemplate"
|
|
[loansAccountProductTemplate]="loansAccountProductTemplate" [loansAccount]="loansAccount" (submit)="submit()">
|
|
</mifosx-loans-account-preview-step>
|
|
|
|
</mat-step>
|
|
|
|
</mat-horizontal-stepper>
|
|
|
|
</div>
|