Checking Account Modal

This section describes the BfmCheckingAccountModalComponent component.

Usage

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

checking-account-modal.component.ts

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

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

  /**
   * Open the modal
   */
  public openModal(): void {
    this.modalService.open(CheckingAccountModalComponent, {
      companyName: 'companyName',
      checkingAccount: {},
      isInEdition: false,
      isCompany: false,
      saveChangesEvent$: () => {}
    });
  };
}

Inputs

The CheckingAccountModalComponent modalRef has the following inputs:

companyName

Account Company name

Type
string

checkingAccount

Modal Checking Account Data Info

Type
CheckingAccount

isInEdition

Boolean to indices if modal is in edition

Type
boolean

isCompany

Boolean to indices if data edition is an company

Type
boolean

Events

The CheckingAccountModalComponent modalRef the following events:

saveChangesEvent$

Event Action to save changes

Type	Default
Function	Observable<any>