Files
cbsnexora/src/app/deposits/fixed-deposits/fixed-deposit-account-stepper/fixed-deposit-account-terms-step/fixed-deposit-account-terms-step.component.ts
T
Felix van Hove 7fd1486c08 Upgrading to Angular 20:
Replaced checked in package-lock.json by regenerated one.
Ran ng update @angular/core@20 @angular/cli@20
Ran npm install @angular-builders/jest@^20.0.0 @fortawesome/angular-fontawesome@^3.0.0 @swimlane/ngx-graph@^11
Ran npm install ngx-mat-select-search@^8.0.2.
Ran ng update @angular/material@20.
Updated all eslint and typescript to the latest versions.
Removed @angular-devkit/schematics.
Updated fontawesome.
Updated rxjs and tslib.
Moved required node version from 16 to 20.
Updated jest-preset-angular.
Set preserveWhitespaces to false.
Corrected two type declarations in two typescript files to make ng serve run without errors.
Removed unused angular-devkit/schematics from view-user.component.ts .
Updated list of supported browsers.
Upgraded prettier.
Ran prettier . --write the first time.
Ran prettier . --write the second time.
Ran ng generate @angular/core:inject with defaults, excepted a handful of files.
Fixed remaining eslint problems.
Added dist directory to ignores in eslint.config.js.
Let prettier fix formatting, almost everything is just line breaks.
Made htmlhint ignore @if and @for Angular constructs.
Updated node version in Github workflow to 22.12.0 (build.yml).
Updated .env.ts.
Updated Angular datetime format strings from YYYY-MM-DD to yyyy-MM-dd.
Merged changes from dev into angular20 branch.
2025-12-08 11:01:01 +01:00

161 lines
5.9 KiB
TypeScript

/** Angular Imports */
import { Component, OnInit, Input, OnChanges, inject } from '@angular/core';
import { UntypedFormGroup, UntypedFormBuilder, Validators, ReactiveFormsModule } from '@angular/forms';
import { SettingsService } from 'app/settings/settings.service';
import { Currency } from 'app/shared/models/general.model';
import { InputAmountComponent } from '../../../../shared/input-amount/input-amount.component';
import { MatDivider } from '@angular/material/divider';
import { MatStepperPrevious, MatStepperNext } from '@angular/material/stepper';
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
/**
* Fixed Deposits Terms Step
*/
@Component({
selector: 'mifosx-fixed-deposit-account-terms-step',
templateUrl: './fixed-deposit-account-terms-step.component.html',
styleUrls: ['./fixed-deposit-account-terms-step.component.scss'],
imports: [
...STANDALONE_SHARED_IMPORTS,
InputAmountComponent,
MatDivider,
MatStepperPrevious,
FaIconComponent,
MatStepperNext
]
})
export class FixedDepositAccountTermsStepComponent implements OnInit, OnChanges {
private formBuilder = inject(UntypedFormBuilder);
private settingsService = inject(SettingsService);
/** Fixed deposits account template */
@Input() fixedDepositsAccountTemplate: any;
/** Fixed deposits account and product template */
@Input() fixedDepositsAccountProductTemplate: any;
/** Minimum date allowed. */
minDate = new Date(2000, 0, 1);
/** Maximum date allowed. */
maxDate = new Date();
/** Fixed Deposits Account Terms Form */
fixedDepositAccountTermsForm: UntypedFormGroup;
/** Interest Compounding Period Type Data */
interestCompoundingPeriodTypeData: any;
/** Interest Posting Period Type Data */
interestPostingPeriodTypeData: any;
/** Interest Calculation Type Data */
interestCalculationTypeData: any;
/** Interest Calculation Days in Year Data */
interestCalculationDaysInYearTypeData: any;
/** Period Frequency Type Data */
periodFrequencyTypeData: any;
currency: Currency | null = null;
/**
* @param {FormBuilder} formBuilder Form Builder
* @param {SettingsService} settingsService Settings Service
*/
constructor() {
this.createFixedDepositsAccountTermsForm();
}
ngOnChanges() {
if (this.fixedDepositsAccountProductTemplate) {
this.currency = this.fixedDepositsAccountProductTemplate.currency;
this.setOptions();
}
}
ngOnInit() {
this.maxDate = this.settingsService.businessDate;
if (this.fixedDepositsAccountTemplate.id) {
this.fixedDepositAccountTermsForm.patchValue({
interestCompoundingPeriodType: this.fixedDepositsAccountTemplate.interestCompoundingPeriodType.id,
interestPostingPeriodType: this.fixedDepositsAccountTemplate.interestPostingPeriodType.id,
interestCalculationType: this.fixedDepositsAccountTemplate.interestCalculationType.id,
interestCalculationDaysInYearType: this.fixedDepositsAccountTemplate.interestCalculationDaysInYearType.id,
depositAmount: this.fixedDepositsAccountTemplate.depositAmount
? this.fixedDepositsAccountTemplate.depositAmount
: 0,
depositPeriod: this.fixedDepositsAccountTemplate.depositPeriod,
depositPeriodFrequencyId: this.fixedDepositsAccountTemplate.depositPeriodFrequency.id
});
}
}
/**
* Creates fixed deposits account terms form.
*/
createFixedDepositsAccountTermsForm() {
this.fixedDepositAccountTermsForm = this.formBuilder.group({
interestCompoundingPeriodType: [
'',
Validators.required
],
interestPostingPeriodType: [
'',
Validators.required
],
interestCalculationType: [
'',
Validators.required
],
interestCalculationDaysInYearType: [
'',
Validators.required
],
depositAmount: [
0,
Validators.required
],
depositPeriod: [
'',
Validators.required
],
depositPeriodFrequencyId: [
'',
Validators.required
]
});
}
/**
* Sets all select dropdown options.
*/
setOptions() {
this.interestCompoundingPeriodTypeData =
this.fixedDepositsAccountProductTemplate.interestCompoundingPeriodTypeOptions;
this.interestPostingPeriodTypeData = this.fixedDepositsAccountProductTemplate.interestPostingPeriodTypeOptions;
this.interestCalculationTypeData = this.fixedDepositsAccountProductTemplate.interestCalculationTypeOptions;
this.interestCalculationDaysInYearTypeData =
this.fixedDepositsAccountProductTemplate.interestCalculationDaysInYearTypeOptions;
this.periodFrequencyTypeData = this.fixedDepositsAccountProductTemplate.periodFrequencyTypeOptions;
if (!this.fixedDepositsAccountTemplate.id) {
this.fixedDepositAccountTermsForm.patchValue({
interestCompoundingPeriodType: this.fixedDepositsAccountProductTemplate.interestCompoundingPeriodType.id,
interestPostingPeriodType: this.fixedDepositsAccountProductTemplate.interestPostingPeriodType.id,
interestCalculationType: this.fixedDepositsAccountProductTemplate.interestCalculationType.id,
interestCalculationDaysInYearType:
this.fixedDepositsAccountProductTemplate.interestCalculationDaysInYearType.id,
depositAmount: this.fixedDepositsAccountProductTemplate.depositAmount,
depositPeriod: this.fixedDepositsAccountProductTemplate.minDepositTerm,
depositPeriodFrequencyId: this.fixedDepositsAccountProductTemplate.minDepositTermType.id
});
}
}
/**
* Returns fixed deposits account terms form value.
*/
get fixedDepositAccountTerms() {
const fixedDepositAccountTerms = this.fixedDepositAccountTermsForm.value;
for (const key in fixedDepositAccountTerms) {
if (fixedDepositAccountTerms[key] === '') {
delete fixedDepositAccountTerms[key];
}
}
return fixedDepositAccountTerms;
}
}