Componenti
Finance
Widget per gestione conti, valute, debiti, pagamenti, risparmi e trading.
I widget finance sono nove: forniscono un set completo per dashboard finanziarie B2B/personal. Tutti estendono BaseWidgetProps e supportano l'override del simbolo valuta tramite currency.
AccountsWidget
Lista dei conti finanziari con saldi.
| Prop | Tipo | Descrizione |
|---|---|---|
accounts | readonly FinanceAccount[] | Account da visualizzare |
grandTotal | string | Totale generale formattato |
BalanceOverviewWidget
Grafico lineare andamento bilancio con metriche header.
| Prop | Tipo | Descrizione |
|---|---|---|
metrics | readonly BalanceOverviewMetric[] | Metriche header |
periodOptions | PeriodOption[] | Opzioni selettore periodo |
chartLabels | readonly string[] | Etichette asse X |
chartDatasets | BalanceChartDataset[] | Dataset Chart.js (fill, tension, ecc.) |
CurrenciesWidget
Lista valute con quotazioni e menu contestuale.
| Prop | Tipo | Descrizione |
|---|---|---|
currencies | readonly Currency[] | Valute |
menuItems | readonly MenuItem[] | Voci menu contestuale |
CurrencyCards
Griglia di card cambio valute (formato compatto, non tabellare).
| Prop | Tipo | Descrizione |
|---|---|---|
currencies | readonly CurrencyCard[] | Card valuta |
DebtManagementWidget
Lista debiti con totale residuo.
| Prop | Tipo | Descrizione |
|---|---|---|
debts | readonly Debt[] | Debiti |
grandTotal | string | Totale debito residuo formattato |
MonthlyPaymentsWidget
Lista pagamenti ricorrenti del mese.
| Prop | Tipo | Descrizione |
|---|---|---|
payments | readonly MonthlyPayment[] | Pagamenti mensili |
SavingsGoalWidget
Progresso verso un obiettivo di risparmio (singolo).
| Prop | Tipo | Descrizione |
|---|---|---|
goal | SavingsGoal | Dati obiettivo |
TradingWidget
Form esecuzione ordini di trading con commissioni e minimo garantito.
| Prop | Tipo | Descrizione |
|---|---|---|
balance | number | Saldo disponibile |
currencies | readonly SelectOption[] | Valute disponibili |
paymentMethods | readonly SelectOption[] | Metodi di pagamento |
transactionFeePercent | number | Percentuale commissione |
minimumReceivedPercent | number | Percentuale minima garantita |
<PzetaDashboard :config="{ widgets: [{
id: 'trade', type: WidgetType.TradingWidget, width: 6, height: 3,
props: {
balance: 10000,
currencies: [{ label: 'EUR', value: 'EUR' }, { label: 'USD', value: 'USD' }],
paymentMethods: [{ label: 'Carta', value: 'card' }],
transactionFeePercent: 0.5, minimumReceivedPercent: 95,
}
}] }" />
TransactionsWidget
Lista ultime transazioni in ordine cronologico.
| Prop | Tipo | Descrizione |
|---|---|---|
transactions | readonly FinanceTransaction[] | Transazioni |