morgane
6e86c19262
CI / PHP Syntax Check (push) Has been cancelled
CI / JavaScript Lint (push) Has been cancelled
CI / Docker Build Test (push) Has been cancelled
CI / Validate Translation Files (push) Has been cancelled
CI / Auto-merge develop → main (push) Has been cancelled
CI / Create GitHub Release (push) Has been cancelled
56 lines
2.0 KiB
HTML
56 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>⚡ Debug Catégories - Final</title>
|
|
<style>
|
|
body { font-family: sans-serif; background: #222; color: #eee; padding: 20px; }
|
|
.controls { background: #444; padding: 20px; margin-bottom: 20px; border-radius: 8px; }
|
|
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; }
|
|
select { padding: 10px; width: 300px; border-radius: 5px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="controls">
|
|
<h3>Choisir une catégorie :</h3>
|
|
<select id="category-selector">
|
|
<option value="">-- Sélectionner --</option>
|
|
</select>
|
|
</div>
|
|
|
|
<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>
|
|
fetch('translations/fr.json')
|
|
.then(res => res.json())
|
|
.then(data => {
|
|
const tbody = document.querySelector('#cat-table tbody');
|
|
const selector = document.querySelector('#category-selector');
|
|
const catData = data.categories;
|
|
|
|
if (catData) {
|
|
Object.entries(catData).forEach(([key, val]) => {
|
|
// 1. Ajouter au tableau
|
|
const row = `<tr><td class="key">${key}</td><td>${val}</td></tr>`;
|
|
tbody.innerHTML += row;
|
|
|
|
// 2. Ajouter à la liste déroulante
|
|
const opt = document.createElement('option');
|
|
opt.value = key;
|
|
opt.textContent = val;
|
|
selector.appendChild(opt);
|
|
});
|
|
}
|
|
})
|
|
.catch(err => alert("Erreur : " + err));
|
|
</script>
|
|
</body>
|
|
</html> |