import { Component , OnInit } from '@angular/core' ; import { ActivatedRoute } from '@angular/router' ; import { trigger , state , transition , animate , style } from '@angular/animations' ; @ Component ( { selector : 'mifosx-view-recurring-deposit-product' , templateUrl : './view-recurring-deposit-product.component.html' , styleUrls : [ './view-recurring-deposit-product.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 ViewRecurringDepositProductComponent implements OnInit { recurringDepositProduct : any ; recurringDepositProductTemplate : any ; chartSlabsIncentivesDisplayedColumns : string [ ] = [ 'incentives' ] ; chartSlabsDisplayedColumns : string [ ] = [ 'period' , 'amountRange' , 'annualInterestRate' , 'description' , 'actions' ] ; incentivesDisplayedColumns : string [ ] = [ 'entityType' , 'attributeName' , 'conditionType' , 'attributeValue' , 'incentiveType' , 'amount' ] ; chargesDisplayedColumns : string [ ] = [ 'name' , 'type' , 'amount' , 'collectedon' ] ; paymentFundSourceDisplayedColumns : string [ ] = [ 'paymentTypeId' , 'fundSourceAccountId' ] ; feesPenaltyIncomeDisplayedColumns : string [ ] = [ 'chargeId' , 'incomeAccountId' ] ; constructor ( private route ) { this . route . data . subscribe ( ( data ) => { this . recurringDepositProduct = data . recurringDepositProduct ; this . recurringDepositProductTemplate = data . recurringDepositProductsTemplate ; } ) ; } ngOnInit ( ) { } }