Financial Record Authorization

This section describes the BfmFinancialRecordAuthorizationComponent component.

Composition

The BfmFinancialRecordAuthorizationComponent is composed of the following components:

Usage

You can import the BfmFinancialRecordAuthorizationComponent directly in your route configuration.

import { BfmFinancialRecordAuthorizationComponent } from '@celerofinancas/ui-cash-flow';

const routes = [
  {
    path: 'financial-record-authorization',
    component: BfmFinancialRecordAuthorizationComponent,
  },
];

But if you need more customization, you need to import it in your module and use it in your template.

financial-record-authorization.component.ts

import { BfmFinancialRecordAuthorizationComponent } from '@celerofinancas/ui-cash-flow';

@Component({
  standalone: true,
  selector: 'financial-record-authorization',
  imports: [BfmFinancialRecordAuthorizationComponent],
  templateUrl: './financial-record-authorization.component.html',
})  
export class FinancialRecordAuthorizationComponent {}

Then, in your template, you can use the component like this:

financial-record-authorization.component.html

<bfm-financial-record-authorization 
  [message]="message"
  [readonly]="readonly"
  [status]="status"
  (messageChange)="handleMessageChange($event)"
  (statusChange)="handleStatusChange($event)"
/>

Inputs

The BfmFinancialRecordAuthorizationComponent component has the following inputs:

message

Message to be displayed.

Type	Default
string	''

readonly

Flag to disable the component.

Type	Default
boolean	false

status

Status of the component.

Type	Default
RECORD_APPROVAL_STATUS enum from @celerofinancas/core-ts	null

Events

The BfmFinancialRecordAuthorizationComponent component has the following events:

messageChange

Event emitted when the message changes.

Type
EventEmitter<string>

statusChange

Event emitted when the status changes.

Type
EventEmitter<string>