Skip to main content

Last transactions

Component: <pcp-last-transactions>

Preview:

Preview

Description

This component displays a table showing the last 10 credit card transactions made by the current company.


Usage

import { PcpLastTransactionsComponent } from '@celerofinancas/pcp-client-ui';
<pcp-last-transactions
[title]="'Últimos Lançamentos'"
[displayedColumns]="DISPLAYED_COLUMNS_DEFAULT"
/>

Example of displayedColumns input option

const DISPLAYED_COLUMNS_DEFAULT: FixedLengthArray<string, 6> = [
'Lançamento',
'Número do Cartão',
'Apelido do Cartão',
'Portador',
'Realizada em',
'Valor',
];

Inputs

NameTypeDefaultDescriptionRequired
titlestringÚltimos LançamentosThe title of the table component.NO
displayedColumnsstring[]Últimos LançamentosThe columns to be displayed in the table.NO

Dependencies

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