Componenti Ui

ElementCard

Card predefinita per schede con priorità, tag, scadenza e campi dinamici.

Panoramica

ElementCard è la card di default usata da KanbanFasiBoard. Visualizza i dati di una SchedaKanban in modo leggibile con supporto a priorità, tag, assegnatario, scadenza, contatori e campi dinamici da dati_extra.

Anteprima live

Props

Prop	Tipo	Default	Descrizione
`item`	`Record<string, unknown>`	—	Oggetto scheda (SchedaKanban o compatibile)
`campi`	`BoardCampoRow[]`	`[]`	Configurazione campi dinamici per `dati_extra`
`actions`	`ActionItem[]`	`[]`	Voci del menu contestuale (tre puntini)
`showTags`	`boolean`	`true`	Mostra badge tag
`showActions`	`boolean`	`true`	Mostra menu contestuale
`showAssignee`	`boolean`	`true`	Mostra assegnatario
`showDueDate`	`boolean`	`true`	Mostra data scadenza
`showPriority`	`boolean`	`true`	Mostra badge priorità

Emits

Evento	Payload	Descrizione
`view`	`item`	Clic sull'area della card
`edit`	`item`	Clic su "Modifica" nel menu
`delete`	`item`	Clic su "Elimina" nel menu
`addActivity`	`item`	Clic su "Aggiungi attività"
`addAttachment`	`item`	Clic su "Aggiungi allegato"
`addComment`	`item`	Clic su "Aggiungi commento"
`manageTags`	`item`	Clic su "Gestisci tag"

Campi dinamici (dati_extra)

ElementCard legge i campi dinamici da due fonti con precedenza:

inject('boardCampi') — iniettato da KanbanFasiBoard via provide
prop campi — fallback se non si usa KanbanFasiBoard

Mostra solo i campi con attivo: true e con valore non vuoto in dati_extra. I valori di tipo date sono formattati in it-IT, i boolean vengono mostrati come "Sì"/"No".

Priorità

Il badge priorità accetta sia oggetti annidati (item.priorita) sia campi flat da v_schede_kanban (item.priorita_nome, item.priorita_colore). Se il colore hex è valorizzato viene usato direttamente, altrimenti cade su severity PrimeVue basata sul nome.

Scadenza

Se item.datascadenza è nel passato l'indicatore diventa rosso con animazione pulse.

Utilizzo come card personalizzata

<KanbanFasiBoard board-id="crm" :current-user-id="userId">
  <template #item="{ item }">
    <ElementCard
      :item="item"
      :show-priority="false"
      :show-assignee="false"
      :actions="[
        { label: 'Dettaglio', icon: 'pi pi-eye', command: () => openDetail(item) }
      ]"
      @view="openDetail"
    />
  </template>
</KanbanFasiBoard>

KanbanFasiBoard

Componente completo per pipeline fasi con drag-and-drop, metriche, slot dialog per CRUD schede/tag/attività/allegati/commenti.

Componenti Fase

FaseHeader, FaseProgressBar, FaseStalloIndicator e ActivityView.