From 17f508c1d157c1631eb7365e6de28ecdc1579e7a Mon Sep 17 00:00:00 2001
From: Admin MPCZ <admin@mpcz.fr>
Date: Fri, 24 Apr 2026 23:55:24 +0000
Subject: [PATCH] feat(qualys/dashboard): bandeau spinner persistant +
 auto-refresh pendant recalcul

---
 app/templates/qualys_dashboard.html | 28 ++++++++++++++++++++++++----
 1 file changed, 24 insertions(+), 4 deletions(-)

diff --git a/app/templates/qualys_dashboard.html b/app/templates/qualys_dashboard.html
index d24714e..bd38fd5 100644
--- a/app/templates/qualys_dashboard.html
+++ b/app/templates/qualys_dashboard.html
@@ -3,13 +3,33 @@
 {% block content %}
 
 {% set msg = request.query_params.get('msg', '') %}
-{% if msg == 'refresh_started' %}
-<div class="card p-3 mb-4 bg-blue-900/20 border-blue-500/40 text-blue-300 text-sm">
-    Recalcul lancé en arrière-plan. Rafraîchis la page dans 1-2 minutes pour voir les nouveaux chiffres.
+
+{% if is_running or msg == 'refresh_started' %}
+<div id="recalc-banner" class="card p-4 mb-4 bg-cyber-accent/10 border-2 border-cyber-accent flex items-center gap-4">
+    <div style="border:4px solid rgba(0,212,255,.2); border-top:4px solid #00d4ff; border-radius:50%; width:42px; height:42px; animation:spin 0.9s linear infinite; flex-shrink:0"></div>
+    <div class="flex-1">
+        <div class="text-cyber-accent font-bold text-base">Recalcul du dashboard en cours...</div>
+        <div class="text-xs text-gray-400 mt-1">
+            Calcul des KPI sur ~1300 assets via API Qualys (durée typique : 3 à 5 minutes).
+            La page se rafraichira automatiquement.
+            <span id="elapsed" class="font-mono text-cyber-accent ml-2"></span>
+        </div>
+    </div>
 </div>
+<script>
+setTimeout(function() { window.location.href = '/qualys/dashboard'; }, 15000);
+(function() {
+    var t0 = Date.now();
+    var el = document.getElementById('elapsed');
+    setInterval(function() {
+        var s = Math.floor((Date.now() - t0) / 1000);
+        if (el) el.textContent = '+' + s + 's';
+    }, 1000);
+})();
+</script>
 {% elif msg == 'already_running' %}
 <div class="card p-3 mb-4 bg-yellow-900/20 border-yellow-500/40 text-yellow-300 text-sm">
-    Un calcul est déjà en cours. Patiente puis rafraîchis.
+    Un calcul est deja en cours. Patiente puis rafraichis.
 </div>
 {% endif %}