morgane
6cba7132d5
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
105 lines
4.1 KiB
HTML
105 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>EverShelf - Réconciliation Totale</title>
|
|
<style>
|
|
body { font-family: sans-serif; background: #121212; color: #e0e0e0; padding: 20px; }
|
|
.card { background: #1e1e1e; padding: 20px; border-radius: 8px; border: 1px solid #333; margin-bottom: 20px; }
|
|
select, button { padding: 10px; border-radius: 4px; border: none; cursor: pointer; }
|
|
button { background: #1976d2; color: white; font-weight: bold; }
|
|
table { width: 100%; border-collapse: collapse; background: #1e1e1e; margin-top: 20px; }
|
|
th, td { border: 1px solid #333; padding: 12px; text-align: left; }
|
|
th { background: #252525; color: #1976d2; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="card">
|
|
<h3>Modification en masse</h3>
|
|
<select id="cat-mass"><option value="">-- Choisir nouvelle catégorie --</option></select>
|
|
<button id="save-btn" onclick="applyToSelected()">APPLIQUER AUX COCHÉS</button>
|
|
</div>
|
|
|
|
<table id="prod-table">
|
|
<thead>
|
|
<tr>
|
|
<th><input type="checkbox" onclick="toggleAll(this)"></th>
|
|
<th>Produit</th>
|
|
<th>Catégorie</th>
|
|
<th>Emplacement</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
|
|
<script>
|
|
let fullProductList = [];
|
|
|
|
async function init() {
|
|
try {
|
|
// 1. Chargement des données
|
|
const [transRes, prodsRes] = await Promise.all([
|
|
fetch('translations/fr.json').then(r => r.json()),
|
|
fetch('api/index.php?action=products_list').then(r => r.json())
|
|
]);
|
|
|
|
// 2. Peupler le menu déroulant
|
|
const cats = transRes.categories || {};
|
|
const sel = document.getElementById('cat-mass');
|
|
Object.entries(cats).forEach(([id, name]) => {
|
|
sel.innerHTML += `<option value="${id}">${name}</option>`;
|
|
});
|
|
|
|
// 3. Remplir le tableau
|
|
fullProductList = prodsRes.inventory || prodsRes.products || prodsRes;
|
|
const tbody = document.querySelector('#prod-table tbody');
|
|
fullProductList.forEach((p, idx) => {
|
|
tbody.innerHTML += `<tr>
|
|
<td><input type="checkbox" class="prod-check" data-index="${idx}"></td>
|
|
<td>${p.name}</td>
|
|
<td>${cats[p.category] || p.category || 'Non classé'}</td>
|
|
<td>${p.location || 'N/A'}</td>
|
|
</tr>`;
|
|
});
|
|
} catch (e) { alert("Erreur : " + e.message); }
|
|
}
|
|
|
|
function toggleAll(el) {
|
|
document.querySelectorAll('.prod-check').forEach(c => c.checked = el.checked);
|
|
}
|
|
|
|
async function applyToSelected() {
|
|
const cat = document.getElementById('cat-mass').value;
|
|
const checks = document.querySelectorAll('.prod-check:checked');
|
|
if(!cat || checks.length === 0) return alert("Choisis une catégorie et des produits !");
|
|
|
|
const btn = document.getElementById('save-btn');
|
|
btn.disabled = true;
|
|
|
|
for (let c of checks) {
|
|
let p = { ...fullProductList[c.dataset.index] };
|
|
p.category = cat;
|
|
|
|
let fd = new FormData();
|
|
for (let k in p) fd.append(k, p[k]);
|
|
|
|
try {
|
|
// Envoi sans en-tête superflu pour laisser le navigateur gérer la session
|
|
const res = await fetch('api/index.php?action=product_save', {
|
|
method: 'POST',
|
|
body: fd
|
|
});
|
|
if (!res.ok) console.error("Échec sur " + p.name);
|
|
} catch(e) { console.error(e); }
|
|
|
|
await new Promise(r => setTimeout(r, 300));
|
|
}
|
|
alert("Opération terminée.");
|
|
location.reload();
|
|
}
|
|
|
|
init();
|
|
</script>
|
|
</body>
|
|
</html> |