Physical cards list

Component: <pcp-physical-credit-cards>

Preview:

Description

This component displays a list of physical credit cards related to the current company.

---

Usage

import { PcpPhysicalCreditCardsComponent } from '@celerofinancas/pcp-client-ui';

<pcp-physical-credit-cards 
    [title]="'Cartões Físicos da Empresa'"
    [tooltipTitle]="'Relação de cartões físicos'"
    [displayedColumns]="DISPLAYED_COLUMNS"
    (navigate)="navigate($event)"
/>

---

Component Inputs and Outputs

Inputs

Name	Type	Default	Description	Required
title	string	Cartões Físicos da Empresa	The title of the component	NO
tooltipTitle	string	Relação de cartões físicos	The tooltip text to explain the list	NO
displayedColumns	DisplayedColumn[]	DISPLAYED_COLUMNS	The columns to display in the table	NO

Example of displayedColumns input:

const DISPLAYED_COLUMNS: DisplayedColumn[] = [
  { property: PROPERTY_COLUMN_NAME.last_four },
  { property: PROPERTY_COLUMN_NAME.hold_name },
  { property: PROPERTY_COLUMN_NAME.total_limit },
  { property: PROPERTY_COLUMN_NAME.used_limit },
  { property: PROPERTY_COLUMN_NAME.available_limit },
  { property: PROPERTY_COLUMN_NAME.status },
];

Outputs

Name	Type	Description
navigate	EventEmitter<{ id: number, type: CARD_TYPE }>	Emits a table cell is clicked

---

Dependencies

• @celerofinancas/class-utils
• @celerofinancas/ui-common
• @celerofinancas/ui-directives

---

Notes