List Component

This section describes the BfmApprovalFlowListComponent component.

Composition

The BfmApprovalFlowListComponent has no any composition components.

Usage

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

approval-flow-list.component.ts

import { BfmApprovalFlowListComponent } from '@celerofinancas/ui-cash-flow';

@Component({
  standalone: true,
  selector: 'approval-flow-list',
  imports: [BfmApprovalFlowListComponent],
  templateUrl: './approval-flow-list.component.html',
})
export class ApprovalFlowListComponent {}

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

approval-flow-list.component.html

<bfm-approval-flow-list 
  [dataSource]="dataSource"
  [displayedColumns]="['sent_by', 'due_at', 'name', 'bank', 'value', 'status']"
  [period]="period"
  [totalCash]="totalCash"
  (onDoubleClickRow)="handleDoubleClickRow($event)"
  (onSelectionChange)="handleSelectionChange($event)"
/>

Inputs

The BfmApprovalFlowListComponent component has the following inputs:

dataSource

Data source list to be displayed in the table

Type	Default
any[]	[]

displayedColumns

Displayed Columns

Type	Default
string[]	['sent_by', 'due_at', 'name', 'bank', 'value', 'status']

period

Filter Period

Type	Default
string	''

totalCash

Total Cash

Type	Default
number	0

Events

The BfmApprovalFlowListComponent component has the following Events:

onDoubleClickRow

Emit on Double Click Row

Type
EventEmitter

onSelectionChange

Emit on Selection Change

Type
EventEmitter