Financial Records Sidebar

This section describes the BfmFinancialRecordsSidebarComponent component.

Composition

The BfmFinancialRecordsSidebarComponent is composed of the following components:

• BfmDefaultHeaderAccordionComponent - Default header accordion component.
• BfmTransactionsComponent - Transactions component.

Usage

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

financial-records-sidebar.component.ts

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

@Component({
  standalone: true,
  selector: 'financial-records-sidebar',
  imports: [BfmFinancialRecordsSidebarComponent],
  templateUrl: './financial-records-sidebar.component.html',
})
export class FinancialRecordsSidebarComponent {}

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

financial-records-sidebar.component.html

<bfm-financial-records-sidebar
  [applyFiltersLabel]="'Aplicar Filtros'"
  [sidebarOrder]="[]"
  [title]="'Filtros'"
  (applyFilters)="handleApplyFilters($event)"
/>

Inputs

The BfmFinancialRecordsSidebarComponent component has the following inputs:

applyFiltersLabel

Apply filters button label

Type	Default
string	'Aplicar Filtros'

sidebarOrder

Sidebar sections controller

Type
[]

Default value:

[
  FINANCIAL_RECORD_SIDEBAR_SECTIONS.DATE, FINANCIAL_RECORD_SIDEBAR_SECTIONS.TRANSACTIONS, FINANCIAL_RECORD_SIDEBAR_SECTIONS.SCREENING_STATUS, FINANCIAL_RECORD_SIDEBAR_SECTIONS.PAYMENT_STATUS
]

title

Sidebar title

Type	Default
string	'Filtros'

Events

The BfmFinancialRecordsSidebarComponent component has the following events:

applyFilters

Event emitter when filters are applied

Type
EventEmitter<any>