From dac493b76d0e63f42db482c1cf27826d3be7b9b3 Mon Sep 17 00:00:00 2001
From: Matthieu <mtholot19@gmail.com>
Date: Thu, 12 Mar 2026 11:52:30 +0100
Subject: [PATCH] refactor(frontend) : remove per-project statuses page and
 sidebar link

---
 .../components/project/ProjectStatusTab.vue   | 144 ------------------
 frontend/layouts/default.vue                  |   8 +-
 frontend/pages/projects/[id]/statuses.vue     |  32 ----
 3 files changed, 1 insertion(+), 183 deletions(-)
 delete mode 100644 frontend/components/project/ProjectStatusTab.vue
 delete mode 100644 frontend/pages/projects/[id]/statuses.vue

diff --git a/frontend/components/project/ProjectStatusTab.vue b/frontend/components/project/ProjectStatusTab.vue
deleted file mode 100644
index 0218b95..0000000
--- a/frontend/components/project/ProjectStatusTab.vue
+++ /dev/null
@@ -1,144 +0,0 @@
-<template>
-    <div>
-        <div class="flex items-center justify-between">
-            <h2 class="text-lg font-bold text-neutral-900">Statuts</h2>
-            <button
-                class="rounded-md bg-primary-500 px-4 py-2 text-sm font-semibold text-white hover:bg-secondary-500"
-                @click="openCreate"
-            >
-                + Ajouter un statut
-            </button>
-        </div>
-
-        <DataTable
-            :columns="columns"
-            :items="items"
-            :loading="isLoading"
-            empty-message="Aucun statut trouvé."
-            deletable
-            @row-click="openEdit"
-            @delete="requestDelete"
-        >
-            <template #cell-color="{ item }">
-                <span
-                    class="inline-block h-6 w-6 rounded-full"
-                    :style="{ backgroundColor: item.color }"
-                />
-            </template>
-        </DataTable>
-
-        <TaskStatusDrawer
-            v-model="drawerOpen"
-            :item="selectedItem"
-            :project-id="projectId"
-            @saved="onSaved"
-        />
-
-        <ConfirmDeleteStatusModal
-            v-model="confirmModalOpen"
-            :status-label="statusToDelete?.label ?? ''"
-            :task-count="affectedTaskCount"
-            :available-statuses="reassignTargets"
-            @confirm="onConfirmDelete"
-        />
-    </div>
-</template>
-
-<script setup lang="ts">
-import type { TaskStatus } from '~/services/dto/task-status'
-import type { Task } from '~/services/dto/task'
-import { useTaskStatusService } from '~/services/task-statuses'
-import { useTaskService } from '~/services/tasks'
-
-const props = defineProps<{
-    projectId: number
-}>()
-
-import type { DataTableColumn } from '~/components/ui/DataTable.vue'
-
-const columns: DataTableColumn[] = [
-    { key: 'label', label: 'Libellé', primary: true },
-    { key: 'color', label: 'Couleur' },
-    { key: 'position', label: 'Position', class: 'text-neutral-700' },
-]
-
-const statusService = useTaskStatusService()
-const taskService = useTaskService()
-
-const items = ref<TaskStatus[]>([])
-const tasks = ref<Task[]>([])
-const isLoading = ref(true)
-const drawerOpen = ref(false)
-const selectedItem = ref<TaskStatus | null>(null)
-const confirmModalOpen = ref(false)
-const statusToDelete = ref<TaskStatus | null>(null)
-
-const affectedTaskCount = computed(() => {
-    if (!statusToDelete.value) return 0
-    return tasks.value.filter(t => t.status?.id === statusToDelete.value!.id).length
-})
-
-const reassignTargets = computed(() => {
-    if (!statusToDelete.value) return items.value
-    return items.value.filter(s => s.id !== statusToDelete.value!.id)
-})
-
-async function loadItems() {
-    isLoading.value = true
-    try {
-        const [statuses, projectTasks] = await Promise.all([
-            statusService.getByProject(props.projectId),
-            taskService.getByProject(props.projectId),
-        ])
-        items.value = statuses
-        tasks.value = projectTasks
-    } finally {
-        isLoading.value = false
-    }
-}
-
-function openCreate() {
-    selectedItem.value = null
-    drawerOpen.value = true
-}
-
-function openEdit(item: TaskStatus) {
-    selectedItem.value = item
-    drawerOpen.value = true
-}
-
-async function requestDelete(item: TaskStatus) {
-    statusToDelete.value = item
-    const count = tasks.value.filter(t => t.status?.id === item.id).length
-    if (count === 0) {
-        await statusService.remove(item.id)
-        await loadItems()
-    } else {
-        confirmModalOpen.value = true
-    }
-}
-
-async function onConfirmDelete(targetStatusId: number | null) {
-    if (!statusToDelete.value) return
-
-    const affectedTasks = tasks.value.filter(t => t.status?.id === statusToDelete.value!.id)
-    const statusIri = targetStatusId ? `/api/task_statuses/${targetStatusId}` : null
-
-    await Promise.all(
-        affectedTasks.map(t => taskService.update(t.id, { status: statusIri }))
-    )
-
-    await statusService.remove(statusToDelete.value.id)
-    confirmModalOpen.value = false
-    statusToDelete.value = null
-    await loadItems()
-}
-
-async function onSaved() {
-    await loadItems()
-}
-
-onMounted(() => {
-    loadItems()
-})
-</script>
diff --git a/frontend/layouts/default.vue b/frontend/layouts/default.vue
index a00ceaf..2009333 100644
--- a/frontend/layouts/default.vue
+++ b/frontend/layouts/default.vue
@@ -49,13 +49,7 @@
                             :collapsed="ui.sidebarCollapsed"
                             sub
                         />
-                        <SidebarLink
-                            :to="`/projects/${currentProjectId}/statuses`"
-                            icon="mdi:list-status"
-                            label="Statuts"
-                            :collapsed="ui.sidebarCollapsed"
-                            sub
-                        />
+
                     </template>
                     <SidebarLink
                         to="/time-tracking"
diff --git a/frontend/pages/projects/[id]/statuses.vue b/frontend/pages/projects/[id]/statuses.vue
deleted file mode 100644
index 24704ba..0000000
--- a/frontend/pages/projects/[id]/statuses.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<template>
-    <div>
-        <div class="flex items-center justify-between">
-            <h1 class="text-2xl font-bold text-primary-500">{{ project?.name ?? '' }} — Statuts</h1>
-        </div>
-
-        <div class="mt-6">
-            <ProjectStatusTab :project-id="projectId" />
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import type { Project } from '~/services/dto/project'
-import { useProjectService } from '~/services/projects'
-
-const route = useRoute()
-const projectId = computed(() => Number(route.params.id))
-
-useHead({ title: 'Statuts du projet' })
-
-const projectService = useProjectService()
-const project = ref<Project | null>(null)
-
-async function loadProject() {
-    project.value = await projectService.getById(projectId.value)
-}
-
-onMounted(() => {
-    loadProject()
-})
-</script>