Ralph HopmanandAdam Saghy
9034ce2847
Migrate from the deprecated TSLint to Angluar ESLint. Also fix current linting issues in the code, in particular: - Use strict equals operators (=== and !==) - Remove empty lifecycle methods (mostly ngOnInit) - Output bindings including aliases should not be named as standard dom events (submit) - Async pipe results should not be negated
96 lines
3.3 KiB
HTML
96 lines
3.3 KiB
HTML
<div class="container">
|
|
|
|
<mat-horizontal-stepper class="mat-elevation-z8" labelPosition="bottom" #fixedDepositAccountStepper>
|
|
|
|
<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]="fixedDepositAccountDetailsForm">
|
|
|
|
<ng-template matStepLabel>{{"labels.inputs.DETAILS" | translate }}</ng-template>
|
|
|
|
<mifosx-fixed-deposit-account-details-step
|
|
[fixedDepositsAccountTemplate]="fixedDepositsAccountAndTemplate"
|
|
(fixedDepositsAccountProductTemplate)="setTemplate($event)">
|
|
</mifosx-fixed-deposit-account-details-step>
|
|
|
|
</mat-step>
|
|
|
|
<mat-step [stepControl]="fixedDepositAccountTermsForm">
|
|
|
|
<ng-template matStepLabel>{{"labels.inputs.TERMS" | translate }}</ng-template>
|
|
|
|
<mifosx-fixed-deposit-account-terms-step
|
|
[fixedDepositsAccountTemplate]="fixedDepositsAccountAndTemplate"
|
|
[fixedDepositsAccountProductTemplate]="fixedDepositsAccountProductTemplate">
|
|
</mifosx-fixed-deposit-account-terms-step>
|
|
|
|
</mat-step>
|
|
|
|
<mat-step [stepControl]="fixedDepositAccountSettingsForm">
|
|
|
|
<ng-template matStepLabel>{{"labels.inputs.SETTINGS" | translate }}</ng-template>
|
|
|
|
<mifosx-fixed-deposit-account-settings-step
|
|
[fixedDepositsAccountTemplate]="fixedDepositsAccountAndTemplate"
|
|
[fixedDepositsAccountProductTemplate]="fixedDepositsAccountProductTemplate">
|
|
</mifosx-fixed-deposit-account-settings-step>
|
|
|
|
</mat-step>
|
|
|
|
<mat-step>
|
|
|
|
<ng-template matStepLabel>{{"labels.inputs.INTEREST RATE CHART" | translate }}</ng-template>
|
|
|
|
<mifosx-fixed-deposit-account-interest-rate-chart-step
|
|
[fixedDepositsAccountTemplate]="fixedDepositsAccountAndTemplate"
|
|
[fixedDepositsAccountProductTemplate]="fixedDepositsAccountProductTemplate">
|
|
</mifosx-fixed-deposit-account-interest-rate-chart-step>
|
|
|
|
</mat-step>
|
|
|
|
<mat-step>
|
|
|
|
<ng-template matStepLabel>{{"labels.inputs.CHARGES" | translate }}</ng-template>
|
|
|
|
<mifosx-fixed-deposit-account-charges-step
|
|
[fixedDepositsAccountTemplate]="fixedDepositsAccountAndTemplate"
|
|
[fixedDepositsAccountProductTemplate]="fixedDepositsAccountProductTemplate"
|
|
[fixedDepositAccountFormValid]="fixedDepositAccountFormValidAndNotPristine">
|
|
</mifosx-fixed-deposit-account-charges-step>
|
|
|
|
</mat-step>
|
|
|
|
<mat-step state="preview" *ngIf="fixedDepositAccountFormValidAndNotPristine" completed>
|
|
|
|
<ng-template matStepLabel>{{"labels.inputs.PREVIEW" | translate }}</ng-template>
|
|
|
|
<mifosx-fixed-deposit-account-preview-step
|
|
[fixedDepositsAccountTemplate]="fixedDepositsAccountAndTemplate"
|
|
[fixedDepositsAccountProductTemplate]="fixedDepositsAccountProductTemplate"
|
|
[fixedDepositAccountData]="fixedDepositAccount" (submitEvent)="submit()">
|
|
</mifosx-fixed-deposit-account-preview-step>
|
|
|
|
</mat-step>
|
|
|
|
</mat-horizontal-stepper>
|
|
|
|
</div>
|