109 lines
3.7 KiB
TypeScript
109 lines
3.7 KiB
TypeScript
/** Angular Imports */
|
|
import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
|
|
import { FormGroup, FormBuilder, Validators } from '@angular/forms';
|
|
|
|
/** Custom Services */
|
|
import { SavingsService } from 'app/savings/savings.service';
|
|
import { SettingsService } from 'app/settings/settings.service';
|
|
|
|
/**
|
|
* Savings Account Details Step
|
|
*/
|
|
@Component({
|
|
selector: 'mifosx-savings-account-details-step',
|
|
templateUrl: './savings-account-details-step.component.html',
|
|
styleUrls: ['./savings-account-details-step.component.scss']
|
|
})
|
|
export class SavingsAccountDetailsStepComponent implements OnInit {
|
|
|
|
/** Savings Account Template */
|
|
@Input() savingsAccountTemplate: any;
|
|
|
|
/** Minimum date allowed. */
|
|
minDate = new Date(2000, 0, 1);
|
|
/** Maximum date allowed. */
|
|
maxDate = new Date();
|
|
/** Product Data */
|
|
productData: any;
|
|
/** Field Officer Data */
|
|
fieldOfficerData: any;
|
|
/** For edit savings form */
|
|
isFieldOfficerPatched = false;
|
|
/** Savings Account Details Form */
|
|
savingsAccountDetailsForm: FormGroup;
|
|
|
|
/** Savings Account Template with product data */
|
|
@Output() savingsAccountProductTemplate = new EventEmitter();
|
|
|
|
/**
|
|
* Sets share account details form.
|
|
* @param {FormBuilder} formBuilder Form Builder.
|
|
* @param {SavingsService} savingsService Savings Service.
|
|
* @param {SettingsService} settingsService Setting service
|
|
*/
|
|
constructor(private formBuilder: FormBuilder,
|
|
private savingsService: SavingsService,
|
|
private settingsService: SettingsService) {
|
|
this.createSavingsAccountDetailsForm();
|
|
}
|
|
|
|
ngOnInit() {
|
|
this.maxDate = this.settingsService.businessDate;
|
|
this.buildDependencies();
|
|
if (this.savingsAccountTemplate) {
|
|
this.productData = this.savingsAccountTemplate.productOptions;
|
|
if (this.savingsAccountTemplate.savingsProductId) {
|
|
this.savingsAccountDetailsForm.patchValue({
|
|
'productId': this.savingsAccountTemplate.savingsProductId,
|
|
'submittedOnDate': this.savingsAccountTemplate.timeline.submittedOnDate && new Date(this.savingsAccountTemplate.timeline.submittedOnDate),
|
|
'externalId': this.savingsAccountTemplate.externalId
|
|
});
|
|
} else {
|
|
this.savingsAccountDetailsForm.patchValue({
|
|
'submittedOnDate': new Date()
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Creates savings account details form.
|
|
*/
|
|
createSavingsAccountDetailsForm() {
|
|
this.savingsAccountDetailsForm = this.formBuilder.group({
|
|
'productId': ['', Validators.required],
|
|
'submittedOnDate': ['', Validators.required],
|
|
'fieldOfficerId': [''],
|
|
'externalId': ['']
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Fetches savings account product template on productId value changes
|
|
*/
|
|
buildDependencies() {
|
|
const entityId = this.savingsAccountTemplate.clientId || this.savingsAccountTemplate.groupId;
|
|
this.savingsAccountDetailsForm.get('productId').valueChanges.subscribe((productId: string) => {
|
|
this.savingsService.getSavingsAccountTemplate(entityId, productId, this.savingsAccountTemplate.groupId ? true : false)
|
|
.subscribe((response: any) => {
|
|
this.savingsAccountProductTemplate.emit(response);
|
|
this.fieldOfficerData = response.fieldOfficerOptions;
|
|
if (!this.isFieldOfficerPatched && this.savingsAccountTemplate.fieldOfficerId) {
|
|
this.savingsAccountDetailsForm.get('fieldOfficerId').patchValue(this.savingsAccountTemplate.fieldOfficerId);
|
|
this.isFieldOfficerPatched = true;
|
|
} else {
|
|
this.savingsAccountDetailsForm.get('fieldOfficerId').patchValue('');
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Returns savings account form value.
|
|
*/
|
|
get savingsAccountDetails() {
|
|
return this.savingsAccountDetailsForm.value;
|
|
}
|
|
|
|
}
|