Predicted vs Done

This section describes the BfmPredictedVsDoneComponent component.

Composition

The BfmPredictedVsDoneComponent is composed of the following components:

• BfmCheckingAccountSelectorComponent - Checking account selector component.

Usage

You can import the BfmPredictedVsDoneComponent directly in your route configuration.

import { BfmPredictedVsDoneComponent } from '@celerofinancas/ui-reports';

const routes = [
  {
    path: 'predicted-vs-done',
    component: BfmPredictedVsDoneComponent,
  },
];

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

predicted-vs-done.component.ts

import { BfmPredictedVsDoneComponent } from '@celerofinancas/ui-reports';

@Component({
  standalone: true,
  selector: 'predicted-vs-done',
  imports: [BfmPredictedVsDoneComponent],
  templateUrl: './predicted-vs-done.component.html',
})
export class PredictedVsDoneComponent {}

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

predicted-vs-done.component.html

<bfm-predicted-vs-done 
  [costCenterLabel]="'Centro de custos'"
  [doneLabel]="'Realizado'"
  [endDateLabel]="'Fim'"
  [entrancesLabel]="'Entradas'"
  [exitsLabel]="'Saídas'"
  [predictedLabel]="'Previsto'"
  [releasesLabel]="'Lançamentos'"
  [startDateLabel]="'Início'"
/>

Inputs

The BfmPredictedVsDoneComponent component has the following inputs:

costCenterLabel

Cost Center Text Label

Type	Default
string	'Centro de custos'

doneLabel

Done Text Label

Type	Default
string	'Realizado'

endDateLabel

End Date Filter Text Label

Type	Default
string	'Fim'

entrancesLabel

Entrances Text Label

Type	Default
string	'Entradas'

exitsLabel

Exits Text Label

Type	Default
string	'Saídas'

predictedLabel

Predicted Text Label

Type	Default
string	'Previsto'

releasesLabel

Releases Text Label

Type	Default
string	'Lançamentos'

startDateLabel

Start Date Filter Text Label

Type	Default
string	'Início'

Events

The BfmPredictedVsDoneComponent component has no events.