List Conciliation Group

This section describes the BfmListConciliationGroupComponent component.

Composition

The BfmListConciliationGroupComponent has no any composition components.

Usage

You can import the BfmListConciliationGroupComponent directly in your route configuration.

import { BfmListConciliationGroupComponent } from '@celerofinancas/ui-cash-fow';

const routes = [
  {
    path: 'list-conciliation-group',
    component: BfmListConciliationGroupComponent,
  },
];

But if you need more customization, you need to import it in your module and use it in your template.

list-conciliation-group.component.ts

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

@Component({
  standalone: true,
  selector: 'list-conciliation-group',
  imports: [BfmListConciliationGroupComponent],
  templateUrl: './list-conciliation-group.component.html',
})
export class ListConciliationGroupComponent {}

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

list-conciliation-group.component.html

<bfm-list-conciliation-group 
  [headerColumnsProperties]="headerColumnsProperties"
  [list]="list"
  [loading]="loading"
  (conciliationGroupAction)="handleConciliationGroupAction($event)"
  (track)="handleTrack($event)"
/>

Inputs

The BfmListConciliationGroupComponent component has the following inputs:

headerColumnsProperties

Customizable values for header table and properties order.

Type
ListConciliationGroupTable[]

Following is an example of the headerColumnsProperties input value:

[ 
  { label: 'Nome do registro realizado', tableProperty: LIST_CONCILIATION_GROUP_PROPERTY_COLUMN.registry_name, },
  { label: 'Pago em', tableProperty: LIST_CONCILIATION_GROUP_PROPERTY_COLUMN.paid_at, },
  { label: 'Conta bancária', tableProperty: LIST_CONCILIATION_GROUP_PROPERTY_COLUMN.bank_account, },
  { label: 'Registros', tableProperty: LIST_CONCILIATION_GROUP_PROPERTY_COLUMN.registries, },
  { label: 'Valor', tableProperty: LIST_CONCILIATION_GROUP_PROPERTY_COLUMN.value, }, 
]

list

Group list controller

Type	Default
any[]	[]

loading

Loading controller

Type	Default
boolean	false

Events

The BfmListConciliationGroupComponent component has the following Events:

conciliationGroupAction

Dispatch an event when the user clicks on the the verify button.

Type
EventEmitter

track

Dispatch an event when tracking is triggered.

Type
EventEmitter