/** Angular Imports */ import { Component , OnInit , ViewChild } from '@angular/core' ; import { MatPaginator } from '@angular/material/paginator' ; import { MatSort } from '@angular/material/sort' ; import { MatTableDataSource } from '@angular/material/table' ; import { ActivatedRoute } from '@angular/router' ; /**
 * Overdue charges tab component
 */ @ Component ( { selector : 'mifosx-overdue-charges-tab' , templateUrl : './overdue-charges-tab.component.html' , styleUrls : [ './overdue-charges-tab.component.scss' ] } ) export class OverdueChargesTabComponent implements OnInit { /** Stores the resolved loan data */ loanDetails : any ; /** Stores the overdue data */ overdueCharges : any ; /** Columns to be displayed in overdue charges table. */ displayedColumns : string [ ] = [ 'name' , 'type' , 'amount' , 'collectedon' ] ; /** Data source for codes table. */ dataSource : MatTableDataSource < any > ; /** Paginator for codes table. */ @ ViewChild ( MatPaginator , { static : true } ) paginator : MatPaginator ; /** Sorter for codes table. */ @ ViewChild ( MatSort , { static : true } ) sort : MatSort ; param { ActivatedRoute } route constructor ( private route ) { this . route . parent . data . subscribe ( ( data ) => { this . loanDetails = data . loanDetailsData ; } ) ; } ngOnInit ( ) { this . overdueCharges = this . loanDetails . overdueCharges ; this . dataSource = new MatTableDataSource ( this . overdueCharges ) ; this . dataSource . paginator = this . paginator ; this . dataSource . sort = this . sort ; } }