Transactions

This section describes the BfmTransactionsComponent component.

Composition

The BfmTransactionsComponent is composed of the following components:

• BfmDocumentTypeDropdownComponent - Dropdown component for selecting document types.

Usage

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

transactions.component.ts

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

@Component({
  standalone: true,
  selector: 'transactions',
  imports: [BfmTransactionsComponent],
  templateUrl: './transactions.component.html',
})
export class CustomTransactionsComponent {}

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

transactions.component.html

<bfm-transactions 
  [initialFilters]="initialFilters"
  [showDocumentTypeFilter]="true"
  [showPaymentMethodFilter]="true"
  [showValueRangeFilter]="true"
  [paymentMethodInput]=""
  (filterChanges)="handleFilterChanges($event)"
/>

Inputs

The BfmTransactionsComponent component has the following inputs:

initialFilters

Parent filters to use as initial value

Type	Default
any	{}

showDocumentTypeFilter

Whether the document type filter should be shown

Type	Default
boolean	true

showPaymentMethodFilter

Whether the payment method filter should be shown

Type	Default
boolean	true

showValueRangeFilter

Whether the value range filter should be shown

Type	Default
boolean	true

paymentMethodInput

Payment method input value. If provided, this value will be used as the initially selected payment method.

Type	Default
PAYMENTS_METHODS	-

Events

The BfmTransactionsComponent component has the following events:

filterChanges

Filter changes emitter

Type
EventEmitter<any>