Componenti Ui

Componenti Fase

FaseHeader, FaseProgressBar, FaseStalloIndicator e ActivityView.

FaseHeader

Intestazione di colonna per fasi pipeline. Mostra nome, conteggio, WIP limit, barra avanzamento, indicatore stallo e avatar team assegnati.

Props

PropTipoDefaultDescrizione
faseFasePipelineDati fase da v_fasi_pipeline
compressabooleanModalità compressa (titolo verticale)
filtroStatoCodStatoScheda | nullnullStato attivo per filtro colonna
showConfigbooleanfalseMostra pulsante configurazione
avanzamentoFaseAvanzamento[][]Dati avanzamento da v_fasi_avanzamento
giorniOltreMassimonumber | nullnullMax giorni stallo nella fase
columnDraggablebooleanfalseMostra handle drag colonna

Emits

EventoPayloadDescrizione
toggleCompressaRichiesta compressione/espansione
filterByStatoCodStatoScheda | nullFiltro stato selezionato
openConfigidfaseRichiesta apertura configurazione fase

Comportamento automatico

  • Le fasi finali (fase.finale: true) vengono compresse al mount da KanbanFasiBoard
  • Il WIP limit appare in arancione solo se valorizzato (fase.wiplimit)
  • Il FaseStalloIndicator viene mostrato solo se fase.giornistallo > 0 && fase.schede_stallo > 0
  • Gli avatar team mostrano al massimo 3 avatar + badge "+N" per i rimanenti

FaseProgressBar

Barra di avanzamento dello stato schede di una fase. Ogni segmento corrisponde a un CodStatoScheda.

Anteprima live

Props

PropTipoDescrizione
faseIdnumberID della fase
schedeIncorsonumberSchede con stato 'incorso'
schede ProntenumberSchede con stato 'pronto'
schedeBloccatonumberSchede con stato 'bloccato'
schedeFattonumberSchede con stato 'fatto'
schedeAnnullatonumberSchede con stato 'annullato'
avanzamentoFaseAvanzamento[]Dati da v_fasi_avanzamento
filtroAttivoCodStatoScheda | nullStato attualmente filtrato

Emits

EventoPayloadDescrizione
filterByStatoCodStatoScheda | nullClic su segmento per attivare/disattivare filtro

Cliccando su un segmento filtra le schede della colonna per quello stato. Clic sullo stesso segmento già attivo deseleziona il filtro (null).


FaseStalloIndicator

Indicatore visivo delle schede in stallo. Appare nell'intestazione fase quando ci sono schede ferme oltre giornistallo.

Anteprima live

Props

PropTipoDescrizione
installobooleanIndica se ci sono schede in stallo
giorniOltrenumber | nullNumero di giorni massimi oltre il limite

Mostra un badge rosso con l'icona warning e il numero di giorni oltre. Utilizzato automaticamente da FaseHeader.


ActivityView

Feed attività per il sistema legacy (useBoardService). Mostra la lista delle attività recenti di una board o di un elemento specifico.

Utilizzato da EnhancedKanbanBoard come pannello laterale. Per board su schema fasi le attività vengono gestite da @pzeta/attivita tramite AttivitaForm interno a KanbanFasiBoard.