Crud Tables

CRUD Tables

Componenti tabella per l'amministrazione di board, fasi, priorità, tag e template.

Panoramica

I componenti *CrudTable forniscono interfacce di amministrazione complete per le entità dello schema fasi. Ognuno include tabella con paginazione, pulsante "Nuovo", dialogs per crea/modifica e conferma eliminazione.

Tutti i componenti usano internamente useCrudTable con il repository corrispondente.

Componenti disponibili

Componente	Entità	Chiave primaria
`BoardCrudTable`	Board (`fasi.board`)	`idboard`
`FaseCrudTable`	Fasi pipeline (`fasi.fase`)	`idfase`
`PrioritaCrudTable`	Priorità (`fasi.priorita`)	`idpriorita`
`TagCrudTable`	Tag schede (`fasi.tag`)	`idtag`
`StatoSchedaCrudTable`	Stati scheda	`idstatoscheda` (solo modifica)
`TemplateEmailCrudTable`	Template email	`idtemplateemail`
`TemplateSmssCrudTable`	Template SMS	`idtemplatesms`
`BoardCampoCrudTable`	Campi dinamici	`idboardcampo`

Utilizzo tipico

<script setup lang="ts">
import { FaseCrudTable } from '@pzeta/vue-kanban'
</script>

<template>
  <FaseCrudTable :board-id="boardId" />
</template>

Props comuni

Prop	Tipo	Descrizione
`boardId`	`number`	Filtra gli elementi per board (obbligatorio per la maggior parte dei componenti)

FaseCrudTable — props aggiuntivi

Prop	Tipo	Default	Descrizione
`boardId`	`number`	—	Board di riferimento
`showWiplimit`	`boolean`	`true`	Mostra colonna WIP limit
`showGiornistallo`	`boolean`	`true`	Mostra colonna giorni stallo

BoardCampoCrudTable — TipoCampo

I campi dinamici supportano i seguenti tipi:

Valore	Descrizione
`text`	Testo libero
`textarea`	Testo lungo
`number`	Numero
`date`	Data
`boolean`	Checkbox
`select`	Selezione da lista

Per tipocampo: 'select' è possibile configurare le opzioni tramite:

opzioni: array statico [{ label, value }]
opzioni_url + opzioni_label + opzioni_value: endpoint dinamico

StatoSchedaCrudTable

StatoSchedaCrudTable non permette la creazione di nuovi stati (sono stati di sistema). Supporta solo la modifica di nome, colore, icona e ordine degli stati predefiniti (incorso, pronto, bloccato, fatto, annullato).

Pagina di amministrazione completa

<template>
  <TabView>
    <TabPanel header="Fasi">
      <FaseCrudTable :board-id="boardId" />
    </TabPanel>
    <TabPanel header="Priorità">
      <PrioritaCrudTable :board-id="boardId" />
    </TabPanel>
    <TabPanel header="Tag">
      <TagCrudTable :board-id="boardId" />
    </TabPanel>
    <TabPanel header="Campi">
      <BoardCampoCrudTable :board-id="boardId" />
    </TabPanel>
    <TabPanel header="Template Email">
      <TemplateEmailCrudTable />
    </TabPanel>
    <TabPanel header="Stati">
      <StatoSchedaCrudTable />
    </TabPanel>
  </TabView>
</template>

useFasiService

Composable principale per board pipeline — caricamento, spostamento schede, CRUD e team.

Dialog default (sub-export)

5 wrapper allineati ai slot props di EnhancedKanbanBoard / KanbanFasiBoard. Importati da @pzeta/vue-kanban/dialogs per mantenere optional le peer dep.