feat(frontend) : add isFinal toggle to TaskStatusDrawer

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Matthieu
2026-03-12 18:08:19 +01:00
parent d5d6452cf2
commit dbae1f7536

View File

@@ -18,6 +18,18 @@
<ColorPicker v-model="form.color" /> <ColorPicker v-model="form.color" />
</div> </div>
<div class="mt-4 flex items-center gap-2">
<input
id="isFinal"
v-model="form.isFinal"
type="checkbox"
class="h-4 w-4 rounded border-neutral-300 text-primary-500 focus:ring-primary-500"
/>
<label for="isFinal" class="text-sm font-medium text-neutral-700">
{{ $t('archive.statusFinal') }}
</label>
</div>
<div class="mt-6 flex justify-end"> <div class="mt-6 flex justify-end">
<button <button
type="submit" type="submit"
@@ -57,6 +69,7 @@ const form = reactive({
label: '', label: '',
position: '0', position: '0',
color: '#222783', color: '#222783',
isFinal: false,
}) })
const touched = reactive({ const touched = reactive({
@@ -69,10 +82,12 @@ watch(() => props.modelValue, (open) => {
form.label = props.item.label ?? '' form.label = props.item.label ?? ''
form.position = String(props.item.position ?? 0) form.position = String(props.item.position ?? 0)
form.color = props.item.color ?? '#222783' form.color = props.item.color ?? '#222783'
form.isFinal = props.item.isFinal ?? false
} else { } else {
form.label = '' form.label = ''
form.position = '0' form.position = '0'
form.color = '#222783' form.color = '#222783'
form.isFinal = false
} }
touched.label = false touched.label = false
} }
@@ -90,6 +105,7 @@ async function handleSubmit() {
label: form.label.trim(), label: form.label.trim(),
position: Number(form.position), position: Number(form.position),
color: form.color, color: form.color,
isFinal: form.isFinal,
} }
if (isEditing.value && props.item) { if (isEditing.value && props.item) {