Paginated Transactions table
Component: <pcp-paginated-amounts-table>
Preview:
Description
This component wraps the <pcp-credit-card-accordion-list> component, providing a paginated view of the cards linked to the invoice. It allows users to filter transactions by card and year/month, and emits events for selected rows and accordion expansion.
Usage
import { PcpPaginatedAmountsTableComponent } from '@celerofinancas/pcp-client-ui';
<pcp-paginated-amounts-table
[filters]="{card: 1, yearMonth: 202501}"
[totalValue]="0"
(selectedRowsValue)="selectedRowsValue($event)"
(expandAllCardsAccordion)="expandAllCardsAccordion($event)"
/>
Component Inputs and Outputs
Inputs
| Name | Type | Default | Description | Required |
|---|---|---|---|---|
totalValue | number | 0 | The sum of all transactions, the value of the current invoice | YES |
filters | {card: 1, yearMonth: 202501} | | The transactions filters to request the table data | YES |
Outputs
| Name | Type | Description |
|---|---|---|
selectedRowsValue | EventEmitter<number> | Emits the sum of the values of the currently selected rows |
expandAllCardsAccordion | EventEmitter<boolean> | Emits a boolean indicating whether to expand or collapse all cards in the accordion |
Dependencies
- @celerofinancas/class-utils
- @celerofinancas/design-system
- @celerofinancas/ui-common
- @celerofinancas/ui-pipes