* Fix Loan product Payment Allocation * Upgrade to Angular 14 --------- Co-authored-by: Jose Alberto Hernandez <alberto@blue-daemon.local>
96 lines
3.2 KiB
TypeScript
96 lines
3.2 KiB
TypeScript
/** Angular Imports */
|
|
import { Component, OnInit } from '@angular/core';
|
|
import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
|
|
import { Router, ActivatedRoute } from '@angular/router';
|
|
|
|
/** Custom Services */
|
|
import { AccountingService } from '../../accounting.service';
|
|
|
|
/**
|
|
* Create financial activity mapping component.
|
|
*/
|
|
@Component({
|
|
selector: 'mifosx-create-financial-activity-mapping',
|
|
templateUrl: './create-financial-activity-mapping.component.html',
|
|
styleUrls: ['./create-financial-activity-mapping.component.scss']
|
|
})
|
|
export class CreateFinancialActivityMappingComponent implements OnInit {
|
|
|
|
/** Financial activity mapping form. */
|
|
financialActivityMappingForm: UntypedFormGroup;
|
|
/** GL Account options. */
|
|
glAccountOptions: any;
|
|
/** GL Account data. */
|
|
glAccountData: any;
|
|
/** Financial activity data. */
|
|
financialActivityData: any;
|
|
|
|
/**
|
|
* Retrieves the gl account options and financial activity data from `resolve`.
|
|
* @param {FormBuilder} formBuilder Form Builder.
|
|
* @param {AccountingService} accountingService Accounting Service.
|
|
* @param {ActivatedRoute} route Activated Route.
|
|
* @param {Router} router Router for navigation.
|
|
*/
|
|
constructor(private formBuilder: UntypedFormBuilder,
|
|
private accountingService: AccountingService,
|
|
private route: ActivatedRoute,
|
|
private router: Router) {
|
|
this.route.data.subscribe((data: { financialActivityAccountsTemplate: any }) => {
|
|
this.glAccountOptions = data.financialActivityAccountsTemplate.glAccountOptions;
|
|
this.financialActivityData = data.financialActivityAccountsTemplate.financialActivityOptions;
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Creates the financial activity mapping form and sets the gl account data.
|
|
*/
|
|
ngOnInit() {
|
|
this.createFinancialActivityMappingForm();
|
|
this.setGlAccountData();
|
|
}
|
|
|
|
/**
|
|
* Creates the financial activity mapping form.
|
|
*/
|
|
createFinancialActivityMappingForm() {
|
|
this.financialActivityMappingForm = this.formBuilder.group({
|
|
'financialActivityId': ['', Validators.required],
|
|
'glAccountId': ['', Validators.required]
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Sets the gl account data on the basis of selected financial activity.
|
|
*/
|
|
setGlAccountData() {
|
|
this.financialActivityMappingForm.get('financialActivityId').valueChanges
|
|
.subscribe(financialActivityId => {
|
|
switch (financialActivityId) {
|
|
case 100:
|
|
case 101:
|
|
case 102:
|
|
case 103: this.glAccountData = this.glAccountOptions.assetAccountOptions;
|
|
break;
|
|
case 200:
|
|
case 201: this.glAccountData = this.glAccountOptions.liabilityAccountOptions;
|
|
break;
|
|
case 300: this.glAccountData = this.glAccountOptions.equityAccountOptions;
|
|
break;
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Submits the financial activity mapping form and creates financial activity account,
|
|
* if successful redirects to view created account.
|
|
*/
|
|
submit() {
|
|
this.accountingService.createFinancialActivityAccount(this.financialActivityMappingForm.value)
|
|
.subscribe((response: any) => {
|
|
this.router.navigate(['../view', response.resourceId], { relativeTo: this.route });
|
|
});
|
|
}
|
|
|
|
}
|