Files
cbsnexora/src/app/deposits/fixed-deposits/fixed-deposits-account-actions/activate-fixed-deposits-account/activate-fixed-deposits-account.component.ts
T
Shantanu JoshiandGitHub 997611a9f3 refactor(df/locale): fixed-deposits module (#1283)
Centralize the date formats and language code in fixed-deposits module using SettingsService

Fixes: #1213
2021-08-08 13:13:32 +05:30

87 lines
2.9 KiB
TypeScript

/** Angular Imports */
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormBuilder, Validators } from '@angular/forms';
import { DatePipe } from '@angular/common';
import { ActivatedRoute, Router } from '@angular/router';
/** Custom Services */
import { SavingsService } from 'app/savings/savings.service';
import { SettingsService } from 'app/settings/settings.service';
/**
* Activate Fixed Deposits Account Component
*/
@Component({
selector: 'mifosx-activate-fixed-deposits-account',
templateUrl: './activate-fixed-deposits-account.component.html',
styleUrls: ['./activate-fixed-deposits-account.component.scss']
})
export class ActivateFixedDepositsAccountComponent implements OnInit {
/** Minimum date allowed. */
minDate = new Date(2000, 0, 1);
/** Maximum date allowed. */
maxDate = new Date();
/** Activate Fixed Deposits Account form. */
activateFixedDepositsAccountForm: FormGroup;
/** Fixed Deposits Account Id */
accountId: any;
/**
* Fixed deposits endpoint is not supported so using Savings endpoint.
* @param {FormBuilder} formBuilder Form Builder
* @param {SavingsService} savingsService Savings Service
* @param {DatePipe} datePipe Date Pipe
* @param {ActivatedRoute} route Activated Route
* @param {Router} router Router
* @param {SettingsService} settingsService Settings Service
*/
constructor(private formBuilder: FormBuilder,
private savingsService: SavingsService,
private datePipe: DatePipe,
private route: ActivatedRoute,
private router: Router,
private settingsService: SettingsService) {
this.accountId = this.route.parent.snapshot.params['fixedDepositAccountId'];
}
/**
* Creates the activate fixed deposits form.
*/
ngOnInit() {
this.createActivateFixedDepositsAccountForm();
}
/**
* Creates the activate fixed deposits account form.
*/
createActivateFixedDepositsAccountForm() {
this.activateFixedDepositsAccountForm = this.formBuilder.group({
'activatedOnDate': ['', Validators.required]
});
}
/**
* Submits the form and activates the fixed deposit account,
* if successful redirects to the fixed deposit account.
*/
submit() {
// TODO: Update once language and date settings are setup
const locale = this.settingsService.language.code;
const dateFormat = this.settingsService.dateFormat;
const prevActivatedOnDate: Date = this.activateFixedDepositsAccountForm.value.activatedOnDate;
this.activateFixedDepositsAccountForm.patchValue({
activatedOnDate: this.datePipe.transform(prevActivatedOnDate, dateFormat),
});
const data = {
...this.activateFixedDepositsAccountForm.value,
dateFormat,
locale
};
this.savingsService.executeSavingsAccountCommand(this.accountId, 'activate', data).subscribe(() => {
this.router.navigate(['../../'], { relativeTo: this.route });
});
}
}