niteshandClaude Sonnet 5
e58fd3c79a
Fixed and Recurring Deposit wizards now bidirectionally sync the Product tab's linked-account selection with the new Terms tab's Transfer-to-Savings account, disable the Withdraw Deposit maturity instruction end-to-end, and card-style the Transfer to Savings picker to match the existing linked-account UI. Adds a printable FD/RD deposit certificate from the account view page, following the existing letter-mgmt certificate pattern. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
198 lines
7.9 KiB
HTML
198 lines
7.9 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="cra-container">
|
|
<!-- Hero Header -->
|
|
<div class="cra-header">
|
|
<fa-icon icon="university" class="cra-header__icon"></fa-icon>
|
|
<div>
|
|
<h2 class="cra-header__title">Modify Recurring Deposit Account Application</h2>
|
|
<div class="cra-header__sub">
|
|
Review and update the account details, currency and interest terms before resubmitting.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Wizard tabs -->
|
|
<mat-tab-group
|
|
class="cra-tabs"
|
|
animationDuration="200ms"
|
|
[preserveContent]="true"
|
|
[(selectedIndex)]="selectedTabIndex"
|
|
>
|
|
<!-- Tab 1: Product Classification + Details -->
|
|
<mat-tab>
|
|
<ng-template mat-tab-label>
|
|
<fa-icon icon="check-square" class="cra-tab__icon"></fa-icon>
|
|
Product
|
|
</ng-template>
|
|
<div class="cra-tab-body">
|
|
<mifosx-recurring-deposits-account-details-step
|
|
[recurringDepositsAccountTemplate]="recurringDepositsAccountAndTemplate"
|
|
(recurringDepositsAccountProductTemplate)="setTemplate($event)"
|
|
[externalLinkedAccountId]="recurringDepositsAccountMaturityTermsStep?.selectedTransferAccount?.id ?? null"
|
|
>
|
|
</mifosx-recurring-deposits-account-details-step>
|
|
|
|
<div class="cra-actions">
|
|
<span class="cra-actions__spacer"></span>
|
|
<button
|
|
mat-raised-button
|
|
color="primary"
|
|
[disabled]="!recurringDepositsAccountProductTemplate"
|
|
(click)="next()"
|
|
>
|
|
{{ 'labels.buttons.Next' | translate }}
|
|
<fa-icon icon="arrow-right" class="m-l-10"></fa-icon>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</mat-tab>
|
|
|
|
<!-- Tab 2: Currency -->
|
|
<mat-tab [disabled]="!recurringDepositsAccountProductTemplate">
|
|
<ng-template mat-tab-label>
|
|
<fa-icon icon="dollar-sign" class="cra-tab__icon"></fa-icon>
|
|
Currency
|
|
</ng-template>
|
|
<div class="cra-tab-body">
|
|
@if (recurringDepositsAccountProductTemplate) {
|
|
<mifosx-recurring-deposits-account-currency-step
|
|
[recurringDepositsAccountProductTemplate]="recurringDepositsAccountProductTemplate"
|
|
[primaryClientId]="recurringDepositsAccountAndTemplate?.clientId ?? null"
|
|
[existingAccount]="recurringDepositsAccountAndTemplate"
|
|
></mifosx-recurring-deposits-account-currency-step>
|
|
}
|
|
|
|
<div class="cra-actions">
|
|
<button mat-stroked-button (click)="prev()">
|
|
<fa-icon icon="arrow-left" class="m-r-10"></fa-icon>
|
|
{{ 'labels.buttons.Previous' | translate }}
|
|
</button>
|
|
<span class="cra-actions__spacer"></span>
|
|
<button mat-raised-button color="primary" (click)="next()">
|
|
{{ 'labels.buttons.Next' | translate }}
|
|
<fa-icon icon="arrow-right" class="m-l-10"></fa-icon>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</mat-tab>
|
|
|
|
<!-- Tab 3: Interest Rate Chart -->
|
|
<mat-tab [disabled]="!recurringDepositsAccountProductTemplate">
|
|
<ng-template mat-tab-label>
|
|
<fa-icon icon="university" class="cra-tab__icon"></fa-icon>
|
|
Interest Rate Chart
|
|
</ng-template>
|
|
<div class="cra-tab-body">
|
|
@if (recurringDepositsAccountProductTemplate) {
|
|
<mifosx-recurring-deposits-account-interest-rate-chart-step
|
|
[recurringDepositsAccountTemplate]="recurringDepositsAccountAndTemplate"
|
|
[recurringDepositsAccountProductTemplate]="recurringDepositsAccountProductTemplate"
|
|
[submittedOnDate]="submittedOnDate"
|
|
[cbsBaseRates]="cbsBaseRates"
|
|
[initialTenure]="initialTenure"
|
|
(tenureSelected)="handleTenureSelected($event)"
|
|
>
|
|
</mifosx-recurring-deposits-account-interest-rate-chart-step>
|
|
}
|
|
|
|
<div class="cra-actions">
|
|
<button mat-stroked-button (click)="prev()">
|
|
<fa-icon icon="arrow-left" class="m-r-10"></fa-icon>
|
|
{{ 'labels.buttons.Previous' | translate }}
|
|
</button>
|
|
<span class="cra-actions__spacer"></span>
|
|
<button mat-raised-button color="primary" (click)="next()">
|
|
{{ 'labels.buttons.Next' | translate }}
|
|
<fa-icon icon="arrow-right" class="m-l-10"></fa-icon>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</mat-tab>
|
|
|
|
<!-- Tab 4: Terms -->
|
|
<mat-tab [disabled]="!recurringDepositsAccountProductTemplate">
|
|
<ng-template mat-tab-label>
|
|
<fa-icon icon="file-alt" class="cra-tab__icon"></fa-icon>
|
|
Terms
|
|
</ng-template>
|
|
<div class="cra-tab-body">
|
|
@if (recurringDepositsAccountProductTemplate) {
|
|
<mifosx-recurring-deposits-account-maturity-terms-step
|
|
[recurringDepositsAccountTemplate]="recurringDepositsAccountAndTemplate"
|
|
[recurringDepositsAccountProductTemplate]="recurringDepositsAccountProductTemplate"
|
|
[linkedSavingsAccountId]="
|
|
recurringDepositsAccountDetailsStep?.selectedLinkedAccount?.accountType === 'SAVINGS'
|
|
? recurringDepositsAccountDetailsStep?.selectedLinkedAccount?.id
|
|
: null
|
|
"
|
|
></mifosx-recurring-deposits-account-maturity-terms-step>
|
|
}
|
|
|
|
<div class="cra-actions">
|
|
<button mat-stroked-button (click)="prev()">
|
|
<fa-icon icon="arrow-left" class="m-r-10"></fa-icon>
|
|
{{ 'labels.buttons.Previous' | translate }}
|
|
</button>
|
|
<span class="cra-actions__spacer"></span>
|
|
<button mat-raised-button color="primary" (click)="next()">
|
|
{{ 'labels.buttons.Next' | translate }}
|
|
<fa-icon icon="arrow-right" class="m-l-10"></fa-icon>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</mat-tab>
|
|
|
|
<!-- Tab 5: Preview -->
|
|
<mat-tab [disabled]="!recurringDepositsAccountProductTemplate">
|
|
<ng-template mat-tab-label>
|
|
<fa-icon icon="eye" class="cra-tab__icon"></fa-icon>
|
|
{{ 'labels.inputs.PREVIEW' | translate }}
|
|
</ng-template>
|
|
<div class="cra-tab-body">
|
|
@if (recurringDepositsAccountProductTemplate) {
|
|
<mifosx-recurring-deposits-account-preview-step
|
|
[recurringDepositsAccountTemplate]="recurringDepositsAccountAndTemplate"
|
|
[recurringDepositsAccountProductTemplate]="recurringDepositsAccountProductTemplate"
|
|
[recurringDepositAccountData]="recurringDepositAccountData"
|
|
[rdNominees]="recurringDepositsAccountCurrencyStep?.nominees ?? []"
|
|
[rdCurrencyFlags]="rdCurrencyFlags"
|
|
[rdTenureDays]="rdTenureDays"
|
|
[rdApplicableSlab]="rdApplicableSlab"
|
|
[rdMaturityAmount]="rdMaturityAmount"
|
|
[rdInterestEarned]="rdInterestEarned"
|
|
[rdDaysInYear]="rdDaysInYear"
|
|
[rdAppliedRate]="rdAppliedRate"
|
|
[rdIsSeniorCitizen]="rdIsSeniorCitizen"
|
|
[closureSettings]="recurringDepositsAccountMaturityTermsStep?.closureSettings ?? {}"
|
|
[hideButtons]="true"
|
|
(submitEvent)="submit()"
|
|
>
|
|
</mifosx-recurring-deposits-account-preview-step>
|
|
}
|
|
|
|
<div class="cra-actions">
|
|
<button mat-stroked-button (click)="prev()">
|
|
<fa-icon icon="arrow-left" class="m-r-10"></fa-icon>
|
|
{{ 'labels.buttons.Previous' | translate }}
|
|
</button>
|
|
<span class="cra-actions__spacer"></span>
|
|
<button mat-stroked-button [routerLink]="['../']">
|
|
{{ 'labels.buttons.Cancel' | translate }}
|
|
</button>
|
|
<button mat-raised-button color="primary" class="preview-submit-row__primary" (click)="submit()">
|
|
<fa-icon icon="check" class="m-r-10"></fa-icon>
|
|
{{ 'labels.buttons.Submit' | translate }}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</mat-tab>
|
|
</mat-tab-group>
|
|
</div>
|