feat : add project archiving feature

Allow projects to be archived/unarchived from the ProjectDrawer, with a
toggle filter on the projects page to show/hide archived projects.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

frontend/components/project/ProjectDrawer.vue

@@ -53,6 +53,17 @@
                 </button>
             </div>
         </form>
+
+        <div v-if="isEditing && project" class="mt-6 border-t border-neutral-200 pt-4">
+            <button
+                class="flex items-center gap-2 text-sm text-neutral-500 hover:text-amber-600"
+                :disabled="isSubmitting"
+                @click="handleArchiveToggle"
+            >
+                <Icon :name="project.archived ? 'mdi:archive-arrow-up-outline' : 'mdi:archive-arrow-down-outline'" size="18" />
+                {{ project.archived ? 'Désarchiver' : 'Archiver' }}
+            </button>
+        </div>
     </AppDrawer>
 </template>
 
@@ -171,6 +182,21 @@ async function handleSubmit() {
     }
 }
 
+async function handleArchiveToggle() {
+    if (!props.project) return
+    isSubmitting.value = true
+    try {
+        const newArchived = !props.project.archived
+        await update(props.project.id, { archived: newArchived }, {
+            toastSuccessKey: newArchived ? 'projects.archived' : 'projects.unarchived',
+        })
+        emit('saved')
+        isOpen.value = false
+    } finally {
+        isSubmitting.value = false
+    }
+}
+
 onMounted(async () => {
     try {
         giteaRepos.value = await listRepositories()

frontend/i18n/locales/fr.json

@@ -27,7 +27,11 @@
     "projects": {
         "created": "Projet créé avec succès.",
         "updated": "Projet mis à jour avec succès.",
-        "deleted": "Projet supprimé avec succès."
+        "deleted": "Projet supprimé avec succès.",
+        "archived": "Projet archivé avec succès.",
+        "unarchived": "Projet désarchivé avec succès.",
+        "showArchived": "Voir les projets archivés",
+        "hideArchived": "Masquer les projets archivés"
     },
     "taskStatuses": {
         "created": "Statut créé avec succès.",
@@ -99,6 +103,40 @@
         "noTasks": "Aucune tâche",
         "backlog": "Backlog"
     },
+    "dashboard": {
+        "title": "Tableau de bord",
+        "noData": "Aucune donnée",
+        "noPriority": "Sans priorité",
+        "noProject": "Sans projet",
+        "hoursWorked": "Heures travaillées",
+        "inProgress": "En cours",
+        "done": "Terminé",
+        "stats": {
+            "hoursThisWeek": "Heures cette semaine",
+            "myActiveTasks": "Mes tâches actives",
+            "completed": "terminée(s)",
+            "totalTasks": "Tâches totales",
+            "unassigned": "non assignée(s)",
+            "projects": "Projets",
+            "users": "utilisateur(s)"
+        },
+        "charts": {
+            "hoursByDay": "Heures par jour (semaine en cours)",
+            "hoursByProject": "Temps par projet (semaine en cours)",
+            "tasksByStatus": "Tâches par statut",
+            "tasksByPriority": "Tâches par priorité",
+            "tasksByProject": "Tâches par projet"
+        },
+        "days": {
+            "mon": "Lun",
+            "tue": "Mar",
+            "wed": "Mer",
+            "thu": "Jeu",
+            "fri": "Ven",
+            "sat": "Sam",
+            "sun": "Dim"
+        }
+    },
     "sidebar": {
         "myTasks": "Mes tâches"
     },

frontend/pages/projects/index.vue

@@ -2,12 +2,24 @@
     <div>
         <div class="flex items-center justify-between">
             <h1 class="text-2xl font-bold text-primary-500">Projets</h1>
-            <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 projet
-            </button>
+            <div class="flex items-center gap-3">
+                <button
+                    class="flex items-center gap-1.5 rounded-md px-3 py-2 text-sm font-medium transition"
+                    :class="showArchived
+                        ? 'bg-amber-100 text-amber-700 hover:bg-amber-200'
+                        : 'text-neutral-500 hover:bg-neutral-100 hover:text-neutral-700'"
+                    @click="toggleArchived"
+                >
+                    <Icon :name="showArchived ? 'mdi:archive-arrow-up-outline' : 'mdi:archive-outline'" size="18" />
+                    {{ showArchived ? $t('projects.hideArchived') : $t('projects.showArchived') }}
+                </button>
+                <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 projet
+                </button>
+            </div>
         </div>
 
         <div class="mt-6 grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
@@ -15,11 +27,18 @@
                 v-for="project in projects"
                 :key="project.id"
                 class="cursor-pointer rounded-[6px] border border-neutral-200 bg-tertiary-500 p-4 shadow-sm transition hover:shadow-md"
+                :class="{ 'opacity-60': project.archived }"
                 @click="navigateTo(`/projects/${project.id}`)"
             >
                 <div class="flex items-center justify-between">
                     <div class="flex items-center gap-3">
                         <h3 class="text-md font-bold" :style="{ color: project.color }">{{ project.name }}</h3>
+                        <span
+                            v-if="project.archived"
+                            class="rounded bg-amber-100 px-1.5 py-0.5 text-xs font-medium text-amber-700"
+                        >
+                            Archivé
+                        </span>
                     </div>
                     <button
                         class="p-1 text-neutral-400 hover:text-primary-500"
@@ -37,7 +56,7 @@
                 v-if="projects.length === 0 && !isLoading"
                 class="col-span-full py-12 text-center text-neutral-400"
             >
-                Aucun projet trouvé.
+                {{ showArchived ? 'Aucun projet archivé.' : 'Aucun projet trouvé.' }}
             </div>
         </div>
 
@@ -66,12 +85,13 @@ const clients = ref<Client[]>([])
 const isLoading = ref(true)
 const drawerOpen = ref(false)
 const selectedProject = ref<Project | null>(null)
+const showArchived = ref(false)
 
 async function loadData() {
     isLoading.value = true
     try {
         const [p, c] = await Promise.all([
-            projectService.getAll(),
+            projectService.getAll({ archived: showArchived.value }),
             clientService.getAll(),
         ])
         projects.value = p
@@ -81,6 +101,11 @@ async function loadData() {
     }
 }
 
+function toggleArchived() {
+    showArchived.value = !showArchived.value
+    loadData()
+}
+
 function openCreate() {
     selectedProject.value = null
     drawerOpen.value = true

frontend/services/dto/project.ts

@@ -10,6 +10,7 @@ export type Project = {
     client: Client | null
     giteaOwner: string | null
     giteaRepo: string | null
+    archived: boolean
 }
 
 export type ProjectWrite = {
@@ -20,4 +21,5 @@ export type ProjectWrite = {
     client: string | null  // IRI : "/api/clients/1" ou null
     giteaOwner?: string | null
     giteaRepo?: string | null
+    archived?: boolean
 }

frontend/services/projects.ts

@@ -5,8 +5,9 @@ import { extractHydraMembers } from '~/utils/api'
 export function useProjectService() {
     const api = useApi()
 
-    async function getAll(): Promise<Project[]> {
-        const data = await api.get<HydraCollection<Project>>('/projects')
+    async function getAll(params?: { archived?: boolean }): Promise<Project[]> {
+        const query = params?.archived !== undefined ? `?archived=${params.archived}` : ''
+        const data = await api.get<HydraCollection<Project>>(`/projects${query}`)
         return extractHydraMembers(data)
     }
 
@@ -20,9 +21,9 @@ export function useProjectService() {
         })
     }
 
-    async function update(id: number, payload: Partial<ProjectWrite>): Promise<Project> {
+    async function update(id: number, payload: Partial<ProjectWrite>, options?: { toastSuccessKey?: string }): Promise<Project> {
         return api.patch<Project>(`/projects/${id}`, payload as Record<string, unknown>, {
-            toastSuccessKey: 'projects.updated',
+            toastSuccessKey: options?.toastSuccessKey ?? 'projects.updated',
         })
     }