Charge Information Card

This section describes the BfmChargeInformationCardComponent component.

Usage

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

charge-information-card.component.ts

import { BfmChargeInformationCardComponent } from '@celerofinancas/ui-charges';

@Component({
  standalone: true,
  selector: 'charge-information-card',
  imports: [BfmChargeInformationCardComponent],
  templateUrl: './charge-information-card.component.html',
})
export class ChargeInformationCardComponent {}

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

charge-information-card.component.html

<bfm-charge-information-card
  [charge]="charge"
  [fieldSets]="fieldSets"
  [listType]="listType"
  (updateChargeDetails)="handleUpdateChargeDetails($event)"
/>

Inputs

The BfmChargeInformationCardComponent component has the following inputs:

charge

Charge or invoice information

Type
Charge.List.ItemDetails

fieldSets

Charge Information Fields Order List

Type
ChargeInformationField[]

Default value:

[
  {
    label: 'Valor total',
    chargeField: CHARGE_INFORMATION_FIELD_ENUM.total_value,
  },
  {
    label: 'Quantidade de faturas',
    chargeField: CHARGE_INFORMATION_FIELD_ENUM.charge_quantity,
  },
  {
    label: 'Forma de recebimento',
    chargeField: CHARGE_INFORMATION_FIELD_ENUM.charge_recurrence,
  },
]

listType

List Type

Type	Default
CHARGE_LIST_TYPE	CHARGE_LIST_TYPE.charges

Events

The BfmChargeInformationCardComponent component has the following Events:

updateChargeDetails

Charge or invoice information

Type
EventEmitter