Actualiser test.html

2026-06-17 17:40:49 +00:00
parent 42fcbef95b
commit ca2e39bc49
1 changed files with 28 additions and 10 deletions
@@ -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>