Conciliation Group Filters

This section describes the BfmConciliationGroupFiltersComponent component.

Composition

The BfmConciliationGroupFiltersComponent has no any composition components.

Usage

You need to import it in your module and provide to the CdsSidebarService to open the sidebar.

conciliation-group-filters.component.ts

import { BfmConciliationGroupFiltersComponent } from '@celerofinancas/ui-cash-flow';
import { CdsSidebarService } from '@celerofinancas/ui-common';

@Component({
  standalone: true,
  selector: 'conciliation-group-filters',
  imports: [BfmConciliationGroupFiltersComponent],
  templateUrl: './conciliation-group-filters.component.html',
})
export class ConciliationGroupFiltersComponent {
  /**
   * Sidebar service
   */
  public readonly sidebar = inject(CdsSidebarService);

  /**
   * Open sidebar filters
   *
   * @param currentTab current tab
   */
  public openFilters(currentTab: CONCILIATION_GROUP_TABS): void {
    this.sidebar.open(BfmConciliationGroupFiltersComponent, {
      data: {
        currentTab,
        checkingAccounts: this.checkingAccounts,
        applyFilters: () => {
          // Handle applied filters
        },
      },
    });
  }
}

Inputs

info

If you are using the BfmConciliationGroupFiltersComponent as a sidebar, you must provide the data object with the inputs.

The BfmConciliationGroupFiltersComponent component has the following inputs:

currentTab

Current tab

Type	Default
CONCILIATION_GROUP_TABS	undefined

headerTitle

Header title

Type	Default
string	'Filtros'

checkingAccounts

Checking accounts

Type	Default
CheckingAccount[]	[]

clearFiltersText

Clear filters text

Type	Default
string	'Limpar filtro'

applyFiltersText

Apply filters text

Type	Default
string	'Aplicar filtros'

Events

The BfmConciliationGroupFiltersComponent component has the following Events:

applyFilters

Dispatch an event when the user clicks on the apply filters button

Type
() => void