Details of the Transfer

This section describes the BfmTransferDetailsComponent component.

Usage

You can import the BfmTransferDetailsComponent directly in your route configuration.

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

const routes = [
  {
    path: 'transfer-details',
    component: BfmTransferDetailsComponent,
  },
];

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

transfer-details.component.ts

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

@Component({
  standalone: true,
  selector: 'details',
  imports: [BfmTransferDetailsComponent],
  templateUrl: './details.component.html',
}) 
export class TransferDetailsComponent {}

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

transfer-details.component.html

<bfm-transfer-details 
  [recordOptions]="recordOptions"
  [recurrencyPeriodOptions]="recurrencyPeriodOptions"
/>

Inputs

The BfmTransferDetailsComponent component has the following inputs:

recordOptions

Allows the display of a button to create new services.

Type	Default
array	[]

[
  {
    label: 'Enviar uma ou mais transferências para o mesmo registro',
    value: true,
  },
  {
    label: 'Enviar várias transferências para registros diferentes',
    value: false,
  },
];

recurrencyPeriodOptions

Allows the display of a button to create new services.

Type	Default
DropdownOption[]	[]

[
  { label: 'Quinzena', key: 0.5 },
  { label: 'Mês', key: 1 },
  { label: 'Bimestre', key: 2 },
  { label: 'Trimestre', key: 3 },
  { label: 'Semestre', key: 6 },
  { label: 'Ano', key: 12 },
];

Events

The BfmTransferDetailsComponent component has no events.