Dialog default (sub-export)
SchedaTagDialog
Dialog per la gestione dei tag assegnati a una scheda.
Panoramica
SchedaTagDialog permette di assegnare o rimuovere tag da una scheda. Mostra tutti i tag disponibili della board e persiste la selezione tramite fasiService.aggiornaSchedaTag.
Props
| Prop | Tipo | Descrizione |
|---|---|---|
visible | boolean | Visibilità del dialog |
idscheda | number | ID della scheda da modificare |
availableTags | BoardTagRow[] | Tag disponibili della board |
currentTagIds | number[] | ID tag attualmente assegnati |
Emits
| Evento | Payload | Descrizione |
|---|---|---|
update:visible | boolean | Richiesta chiusura dialog |
saved | (idscheda: number, tagIds: number[]) | Selezione confermata |
Anteprima live
Utilizzo standalone
<script setup lang="ts">
import { SchedaTagDialog } from '@pzeta/vue-kanban'
import { useFasiService } from '@pzeta/vue-kanban'
const fasiService = useFasiService('crm')
const tagDialogVisible = ref(false)
const schedaSelezionata = ref<number>(0)
const tagCorrenti = ref<number[]>([])
async function onTagSaved(idscheda: number, tagIds: number[]) {
await fasiService.aggiornaSchedaTag(idscheda, tagIds)
tagDialogVisible.value = false
}
</script>
<template>
<SchedaTagDialog
:visible="tagDialogVisible"
:idscheda="schedaSelezionata"
:available-tags="fasiService.tags.value"
:current-tag-ids="tagCorrenti"
@update:visible="tagDialogVisible = false"
@saved="onTagSaved"
/>
</template>
Nota
KanbanFasiBoard gestisce SchedaTagDialog internamente. L'event handler @manageTags di ElementCard apre automaticamente questo dialog precaricando i tag correnti della scheda dal campo etichette di SchedaKanban.