From ca2e39bc492288785fdafa7e1382acee8e9771cc Mon Sep 17 00:00:00 2001
From: morgane <enagore@gmail.com>
Date: Wed, 17 Jun 2026 17:40:49 +0000
Subject: [PATCH] Actualiser test.html

---
 test.html | 38 ++++++++++++++++++++++++++++----------
 1 file changed, 28 insertions(+), 10 deletions(-)
diff --git a/test.html b/test.html
index accc023..0040f1d 100644
--- a/test.html
+++ b/test.html
@@ -1,20 +1,38 @@
 <!DOCTYPE html>
 <html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <title>⚡ Debug Catégories Dynamique</title>
+    <style>
+        body { font-family: sans-serif; background: #222; color: #eee; padding: 20px; }
+        table { width: 100%; border-collapse: collapse; background: #333; }
+        th, td { border: 1px solid #555; padding: 10px; text-align: left; }
+        th { background: #444; }
+        .key { color: #fbbf24; font-weight: bold; }
+    </style>
+</head>
 <body>
-    <h1>Table de traduction (Catégories)</h1>
-    <pre id="debug-out">Chargement...</pre>
+    <h1>Table des Catégories (Source: translations/fr.json)</h1>
+    <table id="cat-table">
+        <thead><tr><th>Clé</th><th>Libellé (Français)</th></tr></thead>
+        <tbody></tbody>
+    </table>
 
     <script>
-        // Remplace par le chemin trouvé avec le grep ci-dessus
-        const LOCALE_PATH = '/locales/fr.json'; 
-
-        fetch(LOCALE_PATH)
-            .then(r => r.json())
+        // On charge le JSON directement
+        fetch('translations/fr.json')
+            .then(res => res.json())
             .then(data => {
-                // On extrait uniquement la partie 'categories'
-                document.getElementById('debug-out').innerText = JSON.stringify(data.categories, null, 2);
+                const tbody = document.querySelector('#cat-table tbody');
+                // On itère sur le JSON
+                Object.entries(data).forEach(([key, val]) => {
+                    // On filtre pour ne garder que les entrées pertinentes
+                    // (tu peux ajuster cette condition selon tes besoins)
+                    const row = `<tr><td class="key">${key}</td><td>${val}</td></tr>`;
+                    tbody.innerHTML += row;
+                });
             })
-            .catch(e => document.getElementById('debug-out').innerText = "Erreur : " + e.message);
+            .catch(err => alert("Erreur de chargement : " + err));
     </script>
 </body>
 </html>
\ No newline at end of file
