Componenti
Projects
Widget progetti — overview, metriche, stato, task e classifica progetti attivi.
I widget projects coprono il ciclo completo di project management: lista progetti attivi, metriche aggregate, distribuzione per stato, task list. Tutti estendono BaseWidgetProps.
ActiveProjects
Tabella paginata progetti attivi con esportazione opzionale.
| Prop | Tipo | Descrizione |
|---|---|---|
projects | readonly Project[] | Progetti |
rowsPerPage | number | Righe per pagina |
totalRecords | number | Totale record (per paginazione server-side) |
exportable | boolean | Mostra pulsante esportazione |
ProjectMetrics
Griglia di card metriche progetti animate.
| Prop | Tipo | Descrizione |
|---|---|---|
metrics | readonly ProjectMetricWithIcon[] | Metriche con icona |
animationDuration | number | Durata animazione contatori (ms) |
ProjectsOverview
Overview progetti con metriche header animate, selettore periodo e grafico a barre.
| Prop | Tipo | Descrizione |
|---|---|---|
metrics | readonly ProjectOverviewAnimatedMetric[] | Metriche header |
periods | readonly string[] | Etichette periodi |
initialPeriod | string | Periodo selezionato inizialmente |
chartLabels | readonly string[] | Etichette asse X |
chartDatasets | ProjectsChartDataset[] | Dataset Chart.js (backgroundColor, borderRadius) |
ProjectStatus
Distribuzione progetti per stato con grafico.
| Prop | Tipo | Descrizione |
|---|---|---|
stats | ProjectStatusStats | Statistiche aggregate per stato |
timeOptions | PeriodOption[] | Opzioni selettore temporale |
ProjectTasks
Lista task con checkbox e filtri per stato.
| Prop | Tipo | Descrizione |
|---|---|---|
tasks | ProjectTaskWithAssignee[] | Task con assegnatari |
filterOptions | FilterOption[] | Opzioni filtro stato |
<PzetaDashboard :config="{ widgets: [{
id: 'tasks', type: WidgetType.ProjectTasks, width: 6, height: 3,
props: { tasks, filterOptions: [
{ label: 'Tutti', value: 'all' },
{ label: 'Aperti', value: 'open' },
] }
}] }" />