This commit is contained in:
julien 2025-06-19 14:15:07 +02:00
parent cbc5a703f8
commit 43e31c36d8

View File

@ -64,15 +64,18 @@
<script> <script>
let es = null;
if (typeof es === 'undefined') { // Fonction d'initialisation de l'EventSource
let es = new EventSource("/api/download/stream"); function startEventSource() {
} else { if (es !== null) {
es = new EventSource("/api/download/stream"); es.close(); // ferme l'ancien si déjà existant
} }
es = new EventSource("/api/download/stream");
es.addEventListener("jobs", async (e) => { es.addEventListener("jobs", async (e) => {
console.log("🧪 Event brut reçu es const:", e.data); console.log("🧪 Event brut reçu :", e.data);
const tbody = document.getElementById("test"); const tbody = document.getElementById("test");
if (!tbody) { if (!tbody) {
@ -85,9 +88,7 @@
try { try {
const response = await fetch(url, { const response = await fetch(url, {
headers: { headers: { 'HX-Request': 'true' }
'HX-Request': 'true'
}
}); });
if (!response.ok) { if (!response.ok) {
@ -103,10 +104,17 @@
} }
}); });
es.onerror = e => console.error("❌ Erreur EventSource", e); es.onerror = e => {
console.error("❌ Erreur EventSource", e);
// (optionnel) tu peux tenter de relancer le EventSource ici si besoin
};
}
es.onerror = e => console.error("❌ Erreur EventSource", e); // Lancer dès le chargement initial :
async function postJobAction(url) { startEventSource();
// Fonction POST générique
async function postJobAction(url) {
try { try {
const res = await fetch(url, { const res = await fetch(url, {
method: "POST", method: "POST",
@ -117,10 +125,10 @@
} catch (err) { } catch (err) {
console.error("❌ Erreur action POST :", err); console.error("❌ Erreur action POST :", err);
} }
} }
// DELETE avec effet visuel // Fonction DELETE avec effet visuel
async function deleteJobAnimated(jobId) { async function deleteJobAnimated(jobId) {
const row = document.getElementById(`job-${jobId}`); const row = document.getElementById(`job-${jobId}`);
if (!row) return; if (!row) return;
@ -132,7 +140,6 @@
if (!res.ok) throw new Error("Échec DELETE"); if (!res.ok) throw new Error("Échec DELETE");
// Animation fade out
row.style.transition = "opacity 0.4s ease, height 0.4s ease"; row.style.transition = "opacity 0.4s ease, height 0.4s ease";
row.style.opacity = "0"; row.style.opacity = "0";
row.style.height = "0px"; row.style.height = "0px";
@ -140,10 +147,10 @@
} catch (err) { } catch (err) {
console.error("❌ Erreur suppression :", err); console.error("❌ Erreur suppression :", err);
} }
} }
// Dispatcher global // Dispatcher global des boutons
document.addEventListener("click", function (e) { document.addEventListener("click", function (e) {
const btn = e.target.closest("button[data-action]"); const btn = e.target.closest("button[data-action]");
if (!btn) return; if (!btn) return;
@ -164,5 +171,6 @@
deleteJobAnimated(jobId); deleteJobAnimated(jobId);
break; break;
} }
}); });
</script> </script>