93 lines
2.6 KiB
TypeScript
93 lines
2.6 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/.
|
|
*/
|
|
|
|
import { Component, inject } from '@angular/core';
|
|
import { ActivatedRoute, Router, RouterLink } from '@angular/router';
|
|
import { CollateralsService } from '../collaterals.service';
|
|
import { MatDialog } from '@angular/material/dialog';
|
|
|
|
/** Custom Components */
|
|
import { DeleteDialogComponent } from '../../shared/delete-dialog/delete-dialog.component';
|
|
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
|
import {
|
|
MatTable,
|
|
MatColumnDef,
|
|
MatHeaderCellDef,
|
|
MatHeaderCell,
|
|
MatCellDef,
|
|
MatCell,
|
|
MatHeaderRowDef,
|
|
MatHeaderRow,
|
|
MatRowDef,
|
|
MatRow
|
|
} from '@angular/material/table';
|
|
import { DateFormatPipe } from '../../pipes/date-format.pipe';
|
|
import { FormatNumberPipe } from '../../pipes/format-number.pipe';
|
|
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
|
|
|
@Component({
|
|
selector: 'mifosx-view-collateral',
|
|
templateUrl: './view-collateral.component.html',
|
|
styleUrls: ['./view-collateral.component.scss'],
|
|
imports: [
|
|
...STANDALONE_SHARED_IMPORTS,
|
|
FaIconComponent,
|
|
MatTable,
|
|
MatColumnDef,
|
|
MatHeaderCellDef,
|
|
MatHeaderCell,
|
|
MatCellDef,
|
|
MatCell,
|
|
MatHeaderRowDef,
|
|
MatHeaderRow,
|
|
MatRowDef,
|
|
MatRow,
|
|
DateFormatPipe,
|
|
FormatNumberPipe
|
|
]
|
|
})
|
|
export class ViewCollateralComponent {
|
|
private route = inject(ActivatedRoute);
|
|
private collateralsService = inject(CollateralsService);
|
|
private router = inject(Router);
|
|
private dialog = inject(MatDialog);
|
|
|
|
clientCollateralData: any;
|
|
|
|
collateralColumns: string[] = [
|
|
'ID',
|
|
'Last Repayment',
|
|
'Remaining Amount',
|
|
'Last Repayment Date'
|
|
];
|
|
|
|
constructor() {
|
|
this.route.data.subscribe((data: { clientCollateralData: any }) => {
|
|
this.clientCollateralData = data.clientCollateralData;
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Deletes the Collateral and redirects to CLients Page.
|
|
*/
|
|
deleteCollateral() {
|
|
const deleteCollateralDialogRef = this.dialog.open(DeleteDialogComponent, {
|
|
data: { deleteContext: `collateral ${this.clientCollateralData.id}` }
|
|
});
|
|
deleteCollateralDialogRef.afterClosed().subscribe((response: any) => {
|
|
if (response.delete) {
|
|
this.collateralsService
|
|
.deleteCollateral(this.clientCollateralData.clientId, this.clientCollateralData.id)
|
|
.subscribe(() => {
|
|
this.router.navigate(['../../'], { relativeTo: this.route });
|
|
});
|
|
}
|
|
});
|
|
}
|
|
}
|