67 lines
2.1 KiB
TypeScript
67 lines
2.1 KiB
TypeScript
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
import { CommonModule } from '@angular/common';
|
|
import { FormsModule } from '@angular/forms';
|
|
import { ParcelamentoListItem } from '../../../../services/parcelamentos.service';
|
|
|
|
export type ParcelamentoSegment = 'todos' | 'ativos' | 'futuros' | 'finalizados';
|
|
|
|
export type ParcelamentoViewItem = ParcelamentoListItem & {
|
|
status: 'ativos' | 'futuros' | 'finalizados';
|
|
statusLabel: string;
|
|
progressLabel: string;
|
|
valorParcela?: number | null;
|
|
valorCheioNumber?: number | null;
|
|
descontoNumber?: number | null;
|
|
valorComDescontoNumber?: number | null;
|
|
};
|
|
|
|
@Component({
|
|
selector: 'app-parcelamentos-table',
|
|
standalone: true,
|
|
imports: [CommonModule, FormsModule],
|
|
templateUrl: './parcelamentos-table.html',
|
|
styleUrls: ['./parcelamentos-table.scss'],
|
|
})
|
|
export class ParcelamentosTableComponent {
|
|
@Input() items: ParcelamentoViewItem[] = [];
|
|
@Input() loading = false;
|
|
@Input() errorMessage = '';
|
|
@Input() isAdmin = false;
|
|
|
|
@Input() segment: ParcelamentoSegment = 'todos';
|
|
@Input() segmentCounts: Record<ParcelamentoSegment, number> = {
|
|
todos: 0,
|
|
ativos: 0,
|
|
futuros: 0,
|
|
finalizados: 0,
|
|
};
|
|
|
|
@Input() page = 1;
|
|
@Input() pageNumbers: number[] = [];
|
|
@Input() pageStart = 0;
|
|
@Input() pageEnd = 0;
|
|
@Input() total = 0;
|
|
@Input() pageSize = 10;
|
|
@Input() pageSizeOptions: number[] = [];
|
|
|
|
@Output() segmentChange = new EventEmitter<ParcelamentoSegment>();
|
|
@Output() detail = new EventEmitter<ParcelamentoViewItem>();
|
|
@Output() edit = new EventEmitter<ParcelamentoViewItem>();
|
|
@Output() remove = new EventEmitter<ParcelamentoViewItem>();
|
|
@Output() pageChange = new EventEmitter<number>();
|
|
@Output() pageSizeChange = new EventEmitter<number>();
|
|
|
|
readonly segments: Array<{ key: ParcelamentoSegment; label: string }> = [
|
|
{ key: 'todos', label: 'Lista geral' },
|
|
{ key: 'ativos', label: 'Ativos' },
|
|
{ key: 'futuros', label: 'Futuros' },
|
|
{ key: 'finalizados', label: 'Finalizados' },
|
|
];
|
|
|
|
skeletonRows = Array.from({ length: 6 });
|
|
|
|
trackById(_: number, item: ParcelamentoViewItem): string {
|
|
return item.id;
|
|
}
|
|
}
|