Action Records List

This section describes the BfmRecordsListComponent component.

Usage

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

records-list.component.ts

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

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

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

records-list.component.html

<records-list 
  [clickable]="true"
  [isSimilarPredicted]="false"
  [isTotalSelectedValid]="true"
  [recordsList]="recordsList"
  [recordsTitle]="'Records Title'"
  [totalValueRecords]="1000"
  (onRecordClick)="handleRecordClick($event)"
  (totalSelectedValue)="handleTotalSelectedValue($event)"
/>

Inputs

The BfmRecordsListComponent component has the following inputs:

clickable

Whether is clickable - Defaults to: false

Type	Default
boolean	false

isSimilarPredicted

Whether is a similar predicted

Type	Default
boolean	false

isTotalSelectedValid

Whether is total selected valid

Type	Default
boolean	false

recordsList

Records list - Based on ConciliationGroupRecordsList interface

Type	Default
ConciliationGroupRecordsList[]	[]

recordsTitle

Page title

Type	Default
string	''

totalValueRecords

Total value of records

Type	Default
number	0

Events

The BfmRecordsListComponent component has the following Events:

onRecordClick

On record click emitter

Type
EventEmitter

totalSelectedValue

Total value from selection selected emitter

Type
EventEmitter