List of Payments

This section describes the BfmPaymentsListComponent component.

Usage

You need to import it in your module and use it in your template.

payments-list.component.ts

import { BfmPaymentsListComponent } from '@celerofinancas/ui-charges';

@Component({
  standalone: true,
  selector: 'payments-list',
  imports: [BfmPaymentsListComponent],
  templateUrl: './payments-list.component.html',
})
export class PaymentsListComponent {}

Then, in your template, you can use the component like this:

payments-list.component.html

<bfm-payments-list 
  [currentTab]="currentTab"
  [dataSource]="dataSource"
  [displayedColumns]="displayedColumns"
  (recordClose)="handleRecordClose($event)"
/>

Inputs

The BfmPaymentsListComponent component has the following inputs:

currentTab

The current tab.

Type	Default
PAYMENT_AUTHORIZATION	null

dataSource

The data source.

Type	Default
any[]	[]

displayedColumns

The displayed columns.

Type	Default
string[]	[]

[ 
  'checkbox', 
  'status', 
  'name', 
  'scheduled_date', 
  'due_at', 
  'payment_method', 
  'bank', 
  'value', 
  'quick_actions'
] 

Events

The BfmPaymentsListComponent component has the following events:

recordClose

Event triggered when a record is closed.

Type
EventEmitter