/** Angular Imports */ import { Component } from '@angular/core' ; import { ActivatedRoute } from '@angular/router' ; import { animate , state , style , transition , trigger } from '@angular/animations' ; /**
 * Interest Rate Chart Tab Component.
 */ @ Component ( { selector : 'mifosx-interest-rate-chart-tab' , templateUrl : './interest-rate-chart-tab.component.html' , styleUrls : [ './interest-rate-chart-tab.component.scss' ] , animations : [ trigger ( 'expandChartSlab' , [ state ( 'collapsed' , style ( { height : '0px' , minHeight : '0' } ) ) , state ( 'expanded' , style ( { height : '*' } ) ) , transition ( 'expanded <=> collapsed' , animate ( '225ms cubic-bezier(0.4, 0.0, 0.2, 1)' ) ) ] ) ] } ) export class InterestRateChartTabComponent { /** Interest Rate Chart Data */ interestRateChartData : any = [ ] ; /** Columns to be displayed in interest rate chart table. */ chartSlabsDisplayedColumns : any [ ] = [ 'period' , 'amountRange' , 'interest' , 'description' , 'actions' ] ; /** Columns to be displayed in incentives sub-table. */ incentivesDisplayedColumns : string [ ] = [ 'entityType' , 'attributeName' , 'conditionType' , 'attributeValue' , 'incentiveType' , 'amount' ] ; /** Additional Column to display in incentives table  */ chartSlabsIncentivesDisplayedColumns : string [ ] = [ 'incentives' ] ; /** Expand Chart Slab Index used in the view */ expandChartSlabIndex : number ; param { ActivatedRoute } route constructor ( private route ) { this . route . parent . data . subscribe ( ( data ) => { this . interestRateChartData = data . recurringDepositsAccountData . accountChart . chartSlabs ; } ) ; } }