From 378af9ac962723abc42dc4490b9ac0ce7736e11c Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Thu, 15 Jan 2026 12:18:33 +0100
Subject: [PATCH] Fix : affichage progression dans le texte du bouton
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

La div en dessous ne s'affichait pas dans le panel Kirby.
La progression s'affiche maintenant directement dans le bouton :
"En cours 0%" → "En cours 20%" → "En cours 100%" → "Terminé"

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 .../src/components/RefreshCacheButton.vue       | 17 ++++-------------
 1 file changed, 4 insertions(+), 13 deletions(-)

diff --git a/public/site/plugins/refresh-cache-button/src/components/RefreshCacheButton.vue b/public/site/plugins/refresh-cache-button/src/components/RefreshCacheButton.vue
index 76583dc..f6b12f0 100644
--- a/public/site/plugins/refresh-cache-button/src/components/RefreshCacheButton.vue
+++ b/public/site/plugins/refresh-cache-button/src/components/RefreshCacheButton.vue
@@ -10,9 +10,6 @@
       :disabled="isProcessing"
       >{{ text }}</k-button
     >
-    <div v-if="progressText" class="k-field-help" style="margin-top: 0.5rem; font-size: 0.875rem;">
-      {{ progressText }}
-    </div>
   </div>
 </template>
 
@@ -29,12 +26,8 @@ const text = ref("Rafraîchir");
 const icon = ref("refresh");
 const theme = ref("aqua-icon");
 const isProcessing = ref(false);
-const progressText = ref("");
 
 const title = computed(() => {
-  if (progressText.value) {
-    return progressText.value;
-  }
   return lastCacheUpdate?.length > 0
     ? "Dernière mise à jour : " + lastCacheUpdate
     : "Mettre à jour le cache front";
@@ -59,7 +52,7 @@ async function refreshAllProjects() {
   let hasMore = true;
   let total = 0;
 
-  text.value = "En cours…";
+  text.value = "En cours 0%";
 
   try {
     while (hasMore) {
@@ -84,16 +77,15 @@ async function refreshAllProjects() {
       hasMore = json.hasMore;
       offset = json.nextOffset;
 
-      // Mise à jour de la progression
+      // Mise à jour de la progression dans le texte du bouton
       const progress = Math.round((json.processed / json.total) * 100);
-      progressText.value = `Traitement : ${json.processed}/${json.total} projets (${progress}%)`;
+      text.value = `En cours ${progress}%`;
 
-      console.log(`Batch terminé : ${json.processed}/${json.total} projets`);
+      console.log(`Batch terminé : ${json.processed}/${json.total} projets (${progress}%)`);
     }
 
     // Succès
     text.value = "Terminé";
-    progressText.value = `${total} projets mis à jour avec succès`;
     icon.value = "check";
     theme.value = "green-icon";
 
@@ -104,7 +96,6 @@ async function refreshAllProjects() {
   } catch (error) {
     console.error(error);
     text.value = "Erreur";
-    progressText.value = error.message || "Une erreur est survenue";
     icon.value = "alert";
     theme.value = "red-icon";
     isProcessing.value = false;