128 lines
4.4 KiB
TypeScript
128 lines
4.4 KiB
TypeScript
/**
|
|
* 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/.
|
|
*/
|
|
|
|
/** Angular Imports */
|
|
import { Component, OnInit, inject } from '@angular/core';
|
|
import { UntypedFormBuilder, UntypedFormGroup, Validators, ReactiveFormsModule } from '@angular/forms';
|
|
import { Router, ActivatedRoute, RouterLink } from '@angular/router';
|
|
|
|
/** Custom Services */
|
|
import { AccountingService } from '../../accounting.service';
|
|
import { GLAccount } from 'app/shared/models/general.model';
|
|
import { GlAccountSelectorComponent } from '../../../shared/accounting/gl-account-selector/gl-account-selector.component';
|
|
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
|
import { accountOptionsForActivity } from '../financial-activity-account-options';
|
|
|
|
/**
|
|
* Edit financial activity mapping component.
|
|
*/
|
|
@Component({
|
|
selector: 'mifosx-edit-financial-activity-mapping',
|
|
templateUrl: './edit-financial-activity-mapping.component.html',
|
|
styleUrls: ['./edit-financial-activity-mapping.component.scss'],
|
|
imports: [
|
|
...STANDALONE_SHARED_IMPORTS,
|
|
GlAccountSelectorComponent
|
|
]
|
|
})
|
|
export class EditFinancialActivityMappingComponent implements OnInit {
|
|
private formBuider = inject(UntypedFormBuilder);
|
|
private accountingService = inject(AccountingService);
|
|
private route = inject(ActivatedRoute);
|
|
private router = inject(Router);
|
|
|
|
/** Financial activity mapping form. */
|
|
financialActivityMappingForm: UntypedFormGroup;
|
|
/** GL Account options. */
|
|
glAccountOptions: any;
|
|
/** GL Account data. */
|
|
glAccountData: GLAccount[] = [];
|
|
/** Financial activity data. */
|
|
financialActivityData: any;
|
|
/** Financial activity account ID. */
|
|
financialActivityAccountId: string;
|
|
/** Financial activity ID. */
|
|
financialActivityId: number;
|
|
/** GL Account ID. */
|
|
glAccountId: number;
|
|
|
|
/**
|
|
* Retrieves the gl account options, financial activity and financial activity account 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() {
|
|
this.route.data.subscribe((data: { financialActivityAccountAndTemplate: any }) => {
|
|
this.financialActivityAccountId = data.financialActivityAccountAndTemplate.id;
|
|
this.financialActivityId = data.financialActivityAccountAndTemplate.financialActivityData.id;
|
|
this.glAccountId = data.financialActivityAccountAndTemplate.glAccountData.id;
|
|
this.glAccountOptions = data.financialActivityAccountAndTemplate.glAccountOptions;
|
|
this.financialActivityData = data.financialActivityAccountAndTemplate.financialActivityOptions;
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Creates and sets the financial activity mapping form and sets the gl account data.
|
|
*/
|
|
ngOnInit() {
|
|
this.createFinancialActivityMappingForm();
|
|
this.setGLAccountData();
|
|
this.financialActivityMappingForm.get('financialActivityId').setValue(this.financialActivityId);
|
|
this.financialActivityMappingForm.get('glAccountId').setValue(this.glAccountId);
|
|
}
|
|
|
|
/**
|
|
* Creates the financial activity mapping form.
|
|
*/
|
|
createFinancialActivityMappingForm() {
|
|
this.financialActivityMappingForm = this.formBuider.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) => {
|
|
this.glAccountData = accountOptionsForActivity(
|
|
this.financialActivityData,
|
|
financialActivityId,
|
|
this.glAccountOptions
|
|
);
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Submits the financial activity mapping form and updates financial activity account,
|
|
* if successful redirects to view updated account.
|
|
*/
|
|
submit() {
|
|
this.accountingService
|
|
.updateFinancialActivityAccount(this.financialActivityAccountId, this.financialActivityMappingForm.value)
|
|
.subscribe((response: any) => {
|
|
this.router.navigate(
|
|
[
|
|
'../../',
|
|
response.resourceId
|
|
],
|
|
{ relativeTo: this.route }
|
|
);
|
|
});
|
|
}
|
|
}
|