Skip to main content

List Section

This section describes the BfmListSectionComponent component.

Usage​

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

list-section.component.ts

import { BfmListSectionComponent } from '@celerofinancas/ui-company-kit';

@Component({
  standalone: true,
  selector: 'list-section',
  imports: [BfmListSectionComponent],
  templateUrl: './list-section.component.html',
})
export class ListSectionComponent {}

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

list-section.component.html

<bfm-list-section 
  [companyRelated]="companyRelatedData"
  [existentCompanyRelated]="existentCompanyRelatedData"
  [fileToUpload]="fileToUploadData"
  [invalidCompanyRelated]="invalidCompanyRelatedData"
  [loading]="isLoading"
  [unchangedValidatedCompanyRelated]="unchangedValidatedCompanyRelatedData"
  [validatedCompanyRelated]="validatedCompanyRelatedData"
  (cancel)="handleCancel($event)"
  (checkChanges)="handleCheckChanges($event)"
  (pushValidatedCompanyRelated)="handlePushValidatedCompanyRelated($event)"
  (updateUnchangedCompanyRelated)="handleUpdateUnchangedCompanyRelated($event)"
/>

Inputs​

The BfmListSectionComponent component has the following inputs:

companyRelated​

Company related data.

TypeDefault
array[]

existentCompanyRelated​

Existent company related data.

TypeDefault
array[]

fileToUpload​

File to upload.

TypeDefault
object{}

invalidCompanyRelated​

Invalid company related data.

TypeDefault
array[]

loading​

Loading state.

TypeDefault
booleanfalse

unchangedValidatedCompanyRelated​

Unchanged validated company related data.

TypeDefault
array[]

validatedCompanyRelated​

Validated company related data.

TypeDefault
array[]

Events​

The BfmListSectionComponent component has the following events:

cancel​

Event triggered when the cancel button is clicked.

Type
EventEmitter

checkChanges​

Event triggered when the check changes button is clicked.

Type
EventEmitter

pushValidatedCompanyRelated​

Event triggered when the push validated company related button is clicked.

Type
EventEmitter

updateUnchangedCompanyRelated​

Event triggered when the update unchanged company related button is clicked.

Type
EventEmitter