Focus Integration Modal

This section describes the BfmFocusIntegrationModalComponent component.

Usage

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

focus-integration-modal.component.ts

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

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

  /**
   * Open the modal
   */
  public openModal(): void {
    this.modalService.open(BfmFocusIntegrationModalComponent, {
        company: {
          fantasy_name: 'company_name',
          pk: '1',
        },
        keychain: {},
        isUserStaff: false,
        title: 'title',
        submitText: 'submit_text',
        downloadJsonText: 'download_json',
        addNewFieldText: 'add_new_field',
    });
  };
}

Inputs

The BfmFocusIntegrationModalComponent modalRef has the following inputs:

[company]

Company Data Info

Type	Default
Company	{}

[keychain]

Modal KeyChain Info

Type	Default
Keychain	{}

[isUserStaff]

Boolean to indices if user is user staff

Type	Default
boolean	false

[title]

Modal title text

Type	Default
string	null

[submitText]

Modal submit text

Type	Default
string	null

[downloadJsonText]

Modal download Json text

Type	Default
string	null

[addNewFieldText]

Modal add new field text

Type	Default
string	null

Events

The BfmFocusIntegrationModalComponent modalRef has no events.