Record Amounts

This section describes the BfmRecordAmountsComponent component.

Composition

The BfmRecordAmountsComponent is composed of the following components:

• BfmAmountListComponent - Component for displaying a list of amounts.

Usage

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

record-amounts.component.ts

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

@Component({
  standalone: true,
  selector: 'record-amounts',
  imports: [BfmRecordAmountsComponent],
  templateUrl: './record-amounts.component.html',
})
export class CustomRecordAmountsComponent {}

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

record-amounts.component.html

<bfm-record-amounts 
  [amountsForm]="amountsForm"
  [companyPk]="'companyPkValue'"
  [enableClassification]="true"
  [hasCostCenter]="true"
/>

Inputs

The BfmRecordAmountsComponent component has the following inputs:

amountsForm

Amounts form group reference

Type	Default
UntypedFormArray	new FormArray<any>([])

companyPk

Company PK

Type	Default
string	''

enableClassification

Enable classification

Type	Default
boolean	false

hasCostCenter

Has cost center

Type	Default
boolean	false

Events

The BfmRecordAmountsComponent component has the following events:

itemSelected

Event when item is selected

Type
EventEmitter<any>

modalEmitter

Event when modal is clicked

Type
EventEmitter<any>