From 6e20dbf00e35df8e8855295b6bd10f048cd74986 Mon Sep 17 00:00:00 2001
From: tristan <tristan@yuno.malio.fr>
Date: Wed, 22 Apr 2026 17:59:33 +0200
Subject: [PATCH] =?UTF-8?q?feat=20:=20=C3=A9tape=204/5=20-=20bouton=20Rafr?=
 =?UTF-8?q?a=C3=AEchir=20l'inventaire?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Admin only avec confirmation window.confirm au clic
- Loader sur le bouton pendant l'appel POST
- Toast de succès avec les stats (créés, maj, sortis, total)
- reload() du tableau après succès

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 frontend/pages/inventory.vue | 53 ++++++++++++++++++++++++++++++++++--
 1 file changed, 50 insertions(+), 3 deletions(-)

diff --git a/frontend/pages/inventory.vue b/frontend/pages/inventory.vue
index 0cc696b..a708217 100644
--- a/frontend/pages/inventory.vue
+++ b/frontend/pages/inventory.vue
@@ -1,7 +1,19 @@
 <template>
-    <div class="flex items-center justify-start gap-10">
-        <Icon @click="router.push('/')" name="gg:arrow-left-o" size="44" class="cursor-pointer text-primary-500"/>
-        <h1 class="text-3xl font-bold uppercase text-primary-500">Inventaire bovins</h1>
+    <div class="flex items-center justify-between gap-4">
+        <div class="flex items-center gap-10">
+            <Icon @click="router.push('/')" name="gg:arrow-left-o" size="44" class="cursor-pointer text-primary-500"/>
+            <h1 class="text-3xl font-bold uppercase text-primary-500">Inventaire bovins</h1>
+        </div>
+        <button
+            v-if="auth.isAdmin"
+            type="button"
+            :disabled="syncing"
+            class="inline-flex items-center gap-2 rounded bg-primary-500 px-4 h-[50px] text-white uppercase text-lg hover:opacity-80 disabled:cursor-not-allowed disabled:opacity-60"
+            @click="syncInventory"
+        >
+            <Icon name="mdi:sync" size="24" :class="syncing ? 'animate-spin' : ''" />
+            {{ syncing ? 'Synchronisation…' : 'Rafraîchir' }}
+        </button>
     </div>
 
     <div class="px-[86px]">
@@ -62,9 +74,44 @@
 
 <script setup lang="ts">
 import type { BovineData } from '~/services/dto/bovine-data'
+import { useAuthStore } from '~/stores/auth'
 import { useDataTableServerState } from '~/composables/useDataTableServerState'
 
 const router = useRouter()
+const auth = useAuthStore()
+const api = useApi()
+const toast = useToast()
+
+interface SyncResult {
+    created: number
+    updated: number
+    exited: number
+    total: number
+}
+
+const syncing = ref(false)
+
+const syncInventory = async () => {
+    if (syncing.value) return
+    const confirmed = window.confirm(
+        "Lancer la synchronisation avec EDNOTIF ?\n\nLes bovins absents de la réponse seront marqués comme sortis."
+    )
+    if (!confirmed) return
+
+    syncing.value = true
+    try {
+        const result = await api.post<SyncResult>('bovines/sync-inventory')
+        toast.success({
+            title: 'Inventaire synchronisé',
+            message: `Créés : ${result.created} · Mis à jour : ${result.updated} · Sortis : ${result.exited} · Total EDNOTIF : ${result.total}`
+        })
+        reload()
+    } catch {
+        // error toast already handled by useApi onResponseError
+    } finally {
+        syncing.value = false
+    }
+}
 
 const { items, totalItems, page, perPage, filters, loading, reload } =
     useDataTableServerState<BovineData>(