import { Component , OnInit , Input , Output , EventEmitter } from '@angular/core' ; import { trigger , state , transition , animate , style } from '@angular/animations' ; @ Component ( { selector : 'mifosx-recurring-deposit-product-preview-step' , templateUrl : './recurring-deposit-product-preview-step.component.html' , styleUrls : [ './recurring-deposit-product-preview-step.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 RecurringDepositProductPreviewStepComponent implements OnInit { @ Input ( ) recurringDepositProductsTemplate : any ; @ Input ( ) chartSlabsDisplayedColumns : any [ ] ; @ Input ( ) accountingRuleData : any ; @ Input ( ) recurringDepositProduct : any ; @ Output ( ) submit = new EventEmitter ( ) ; chartSlabsIncentivesDisplayedColumns : string [ ] = [ 'incentives' ] ; incentivesDisplayedColumns : string [ ] = [ 'entityType' , 'attributeName' , 'conditionType' , 'attributeValue' , 'incentiveType' , 'amount' ] ; chargesDisplayedColumns : string [ ] = [ 'name' , 'chargeCalculationType' , 'amount' , 'chargeTimeType' ] ; paymentFundSourceDisplayedColumns : string [ ] = [ 'paymentTypeId' , 'fundSourceAccountId' ] ; feesPenaltyIncomeDisplayedColumns : string [ ] = [ 'chargeId' , 'incomeAccountId' ] ; expandChartSlabIndex : number [ ] = [ ] ; constructor ( ) { } ngOnInit ( ) { } }