From dbae1f75363b7cb44741e7fd518c4a372b221242 Mon Sep 17 00:00:00 2001
From: Matthieu <mtholot19@gmail.com>
Date: Thu, 12 Mar 2026 18:08:19 +0100
Subject: [PATCH] feat(frontend) : add isFinal toggle to TaskStatusDrawer

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/components/task/TaskStatusDrawer.vue | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/frontend/components/task/TaskStatusDrawer.vue b/frontend/components/task/TaskStatusDrawer.vue
index ee65dd6..48d4998 100644
--- a/frontend/components/task/TaskStatusDrawer.vue
+++ b/frontend/components/task/TaskStatusDrawer.vue
@@ -18,6 +18,18 @@
                 <ColorPicker v-model="form.color" />
             </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">
                 <button
                     type="submit"
@@ -57,6 +69,7 @@ const form = reactive({
     label: '',
     position: '0',
     color: '#222783',
+    isFinal: false,
 })
 
 const touched = reactive({
@@ -69,10 +82,12 @@ watch(() => props.modelValue, (open) => {
             form.label = props.item.label ?? ''
             form.position = String(props.item.position ?? 0)
             form.color = props.item.color ?? '#222783'
+            form.isFinal = props.item.isFinal ?? false
         } else {
             form.label = ''
             form.position = '0'
             form.color = '#222783'
+            form.isFinal = false
         }
         touched.label = false
     }
@@ -90,6 +105,7 @@ async function handleSubmit() {
             label: form.label.trim(),
             position: Number(form.position),
             color: form.color,
+            isFinal: form.isFinal,
         }
 
         if (isEditing.value && props.item) {