Bulk Actions Modal

This section describes the BfmBulkActionsModalComponent component.

Composition

The BfmBulkActionsModalComponent is composed of the following components:

• BfmSelectedRecordsListComponent - Selected records list component.

Usage

You must to import the BfmBulkActionsModalComponent and provide it to ModalService to open the modal.

info

Modals are not components. They must be used with the ModalService to be opened.

To a better understanding, check the Modals documentation.

bulk-actions-modal.component.ts

import { BfmBulkActionsModalComponent } from '@celerofinancas/ui-cash-flow';
import { ModalService } from "@celerofinancas/ui-modals";
import { Component, inject } from '@angular/core';

@Component({
  standalone: true,
  selector: 'bulk-actions-modal',
  templateUrl: './bulk-actions-modal.component.html',
})
export class BulkActionsModalComponent {
  /**
   * Modal service for handling modals
   */
  private modalService = inject(ModalService);

  /**
   * Open the modal
   */
  public openModal(): void {
    this.modalService.open(BfmBulkActionsModalComponent, {
      size: 'medium',
      title: 'Bulk Actions',
      imgSrc: 'path/to/image',
      submitText: 'Submit',
    });
  };
}

Inputs

The BfmBulkActionsModalComponent modalRef has the following inputs:

size

Modal size

Type	Default
'small', 'medium', 'large', 'huge'	'small'

title

Modal title

Type	Default
string	'Ações em massa'

imgSrc

Image source

Type	Default
string	'assets/shared/bulk-actions.svg'

submitText

Submit button text

Type	Default
string	'Aplicar ações em massa'

Events

The BfmBulkActionsModalComponent has no events.