Logs Payment Modal

This section describes the BfmPaymentsLogsModalComponent component.

Usage

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

logs-modal.component.ts

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

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

  /**
   * Open the modal
   */
  public openModal(): void {
    this.modalService.open(BfmPaymentsLogsModalComponent, {
      pk: 1,
      title: 'Title',
      subtitle: 'Subtitle',
      closeButtonText: 'Close',
    });
  };
}

Inputs

The BfmPaymentsLogsModalComponent modalRef has the following inputs:

pk

Primary key of the payment.

Type	Default
number	undefined

title

Title of the modal.

Type	Default
string	Histórico da Autorização

subtitle

Subtitle of the modal.

Type	Default
string	Ações no registro:

closeButtonText

Text of the close button.

Type	Default
string	Fechar

Events

The BfmPaymentsLogsModalComponent modalRef has no Events.