Bank Agreement Modal

This section describes the BfmCdsBankAgreementModalComponent component.

Usage

You must import the BfmCdsBankAgreementModalComponent 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 better understand, check the Modals documentation.

bank-agreement-modal.component.ts

import { BfmCdsBankAgreementModalComponent } from '@celerofinancas/ui-user-kit';
import { ModalService } from "@celerofinancas/ui-modals";
import { Component, inject } from '@angular/core';

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

  /**
   * Open the modal
   */
  public openModal(): void {
    this.modalService.open(BfmCdsBankAgreementModalComponent, {
      cancelLabel: 'Cancelar',
      submitText: 'Atualizar dados',
      layout: {},
      keychain: {},
      company: { fantasy_name: 'fantasyName' },
      checkingAccounts: {},
      onTracking: () => {}
    });
  };
}

Inputs

The BankAgreementModalComponent modalRef has the following inputs:

cancelLabel

Cancel option text label

Type	Default
string	Cancelar

submitText

Submit option text label

Type	Default
string	Atualizar dados

layout

Modal's layout to be displayed options

Type
LayoutData

keychain

Keychain modal data

Type
KeyChain

company

Company default properties

Type
{ fantasy_name: string }

checkingAccounts

Checking Accounts List

Type
CheckingAccount[]

onTracking

Modal Tracking Operation

Type	Returns
Function	void

Events

The BankAgreementModalComponent component has no events.