Edit Emails Modal

This section describes the BfmEditEmailsModalComponent component.

Usage

You must to import the BfmEditEmailsModalComponent 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.

edit-emails-modal.component.ts

import { BfmEditEmailsModalComponent } from '@celerofinancas/ui-charges';
import { ModalService } from '@celerofinancas/ui-modals';
import { Component, inject } from '@angular/core';

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

  /**
   * Open the modal
   */
  public openModal(): void {
    this.modalService.open(BfmEditEmailsModalComponent, {
      contacts: [],
      financialRecordGroupPk: 'string',
      title: 'Title',
      imgSrc: 'Image source',
      submitText: 'Submit',
      cancelText: 'Cancel',
    });
  };
}

Inputs

The BfmEditEmailsModalComponent modalRef has the following inputs:

contacts

Contacts list

Type	Default
Contacts[]	[]

financialRecordGroupPk

Financial record group primary key

Type
string

title

Modal title

Type	Default
string	'Editar e-mails'

imgSrc

Image source

tip

Every assets URL in BFM Interfaces should follows the cdsSource pattern. To better understand how to use it, please refer to the Assets documentation.

Type	Default
string	'assets/charges/envelope.svg'

submitText

Submit button text

Type	Default
string	'Salvar edição dos e-mails'

cancelText

Cancel button text

Type	Default
string	'Cancelar'

Events

The BfmEditEmailsModalComponent modalRef has no events.