Offered Service Form

This section describes the BfmChargeOfferedServicesFormComponent component.

Composition

The BfmChargeOfferedServicesFormComponent is composed of the following components:

• BfmOfferedServicesAutocompleteComponent - Offered services autocomplete component.
• BfmServiceQuantityInputComponent - Quantity of services for charge configuration.

Usage

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

offered-services-form.component.ts

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

@Component({
  standalone: true,
  selector: 'offered-services-form',
  imports: [BfmChargeOfferedServicesFormComponent],
  templateUrl: './offered-services-form.component.html',
})
export class OfferedServicesFormComponent {}

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

offered-services-form.component.html

<bfm-offered-services-form
  [formGroup]="formGroup"
  [index]="index"
  (delete)="handleDelete($event)"
/>

Inputs

The BfmChargeOfferedServicesFormComponent component has the following inputs:

formGroup

Rendered service form group

Type
FormGroup of RenderedService

index

Rendered service's index

Type
number

Events

The BfmChargeOfferedServicesFormComponent component has the following Events:

delete

Delete rendered service event emitter

Type
EventEmitter