Record Grouping

This section describes the BfmFinancialRecordGroupingComponent component.

Composition

The BfmFinancialRecordGroupingComponent is composed of the following components:

• BfmConciliationGroupComponent - Conciliation Base component.

Usage

You can import the BfmFinancialRecordGroupingComponent directly in your route configuration.

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

const routes = [
  {
    path: 'financial-record-grouping',
    component: BfmFinancialRecordGroupingComponent,
  },
];

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

financial-record-grouping.component.ts

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

@Component({
  standalone: true,
  selector: 'financial-record-grouping',
  imports: [BfmFinancialRecordGroupingComponent],
  templateUrl: './financial-record-grouping.component.html',
})
export class FinancialRecordGroupingComponent {}

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

financial-record-grouping.component.html

<bfm-financial-record-grouping
  [headerColumnsProperties]="headerColumnsProperties"
  [subTitle]="subTitle"
  [title]="title"
/>

Inputs

The BfmFinancialRecordGroupingComponent component has the following inputs:

headerColumnsProperties

Customizable values for header table (List Conciliation Group) 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', toolTip: 'Conta bancária em que se encontra o registo realizado', tableProperty: LIST_CONCILIATION_GROUP_PROPERTY_COLUMN.bank_account, },
  { label: 'Registros', toolTip: 'Quantidade de previstos compatíveis com registro realizado', tableProperty: LIST_CONCILIATION_GROUP_PROPERTY_COLUMN.registries, },
  { label: 'Valor', toolTip: 'Valor do registro realizado no extrato bancário', align: 'right', tableProperty: LIST_CONCILIATION_GROUP_PROPERTY_COLUMN.value, }, 
]

subTitle

Page subtitle.

Type	Default
string	'Verifique registros previstos e agrupe-os em registros realizados para manter seu fluxo de caixa organizado'

title

Page title.

Type	Default
string	'Agrupamento de registros'

Events

The BfmFinancialRecordGroupingComponent component has no events.