morgane/EverShelf
1
0
Fork 0
Code Issues Pull Requests Actions 4 Packages Projects Releases Wiki Activity

Actualiser test2.html
CI / PHP Syntax Check (push) Has been cancelled
Details
CI / JavaScript Lint (push) Has been cancelled
Details
CI / Docker Build Test (push) Has been cancelled
Details
CI / Validate Translation Files (push) Has been cancelled
Details
CI / Auto-merge develop → main (push) Has been cancelled
Details
CI / Create GitHub Release (push) Has been cancelled
Details

Browse Source
This commit is contained in:
morgane
2026-06-17 17:12:47 +00:00
parent 4bedfdd0f4
commit 01f28a2b09
1 changed files with 37 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
test2.html
+37 -16
View File
@@ -2,47 +2,68 @@
<html lang="fr"> <html lang="fr">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>⚡ Sandbox - Modification Catégorie</title> <title>⚡ Sandbox - Test Réconciliation Catégories</title>
<style> <style>
body { font-family: sans-serif; background: #333; padding: 50px; } body { font-family: sans-serif; background: #333; padding: 50px; }
.modal { background: white; padding: 20px; border-radius: 12px; width: 400px; margin: 0 auto; } .modal { background: white; padding: 20px; border-radius: 12px; width: 400px; margin: 0 auto; box-shadow: 0 4px 15px rgba(0,0,0,0.3); }
.btn { padding: 10px 20px; border-radius: 8px; border: none; cursor: pointer; margin: 5px; } .btn { padding: 10px 20px; border-radius: 8px; border: none; cursor: pointer; margin: 5px; font-weight: bold; }
.btn-blue { background: #1976d2; color: white; } .btn-blue { background: #1976d2; color: white; }
.btn-cancel { background: #666; color: white; }
</style> </style>
</head> </head>
<body> <body>
<div class="modal"> <div class="modal" id="app-container">
<h3>Produit : Jus Ananas</h3> <h3>Produit : Jus Ananas</h3>
<p>Catégorie actuelle : <b>Boissons</b></p> <p>Catégorie actuelle : <b>Boissons</b></p>
<button class="btn btn-blue" onclick="editCategory()">✏️ Modifier la catégorie</button> <button class="btn btn-blue" onclick="editCategory()">✏️ Modifier la catégorie</button>
</div> </div>
<script> <script>
// Simulation des données d'EverShelf // 1. Fonction pour récupérer les VRAIES catégories d'EverShelf
const app = { // Elle scanne l'objet 'app' ou les variables globales de l'application
categories: ["Fruits", "Légumes", "Boissons", "Épicerie", "Surgelés", "Produits laitiers"], function getRealCategories() {
updateProductCategory: function(newCat) { // Liste par défaut si jamais l'app n'est pas chargée
alert("SUCCESS : EverShelf a enregistré la nouvelle catégorie : " + newCat); let fallback = ["Fruits", "Légumes", "Boissons", "Épicerie"];
try {
// On tente de récupérer la liste réelle dans EverShelf
// (Remplace 'app.categories' par le chemin exact que tu trouveras en console)
if (typeof app !== 'undefined' && app.categories) return app.categories;
return fallback;
} catch (e) {
return fallback;
} }
}; }
// 2. Fonction d'affichage du formulaire
function editCategory() { function editCategory() {
const container = document.querySelector('.modal'); const categories = getRealCategories();
const container = document.getElementById('app-container');
container.innerHTML = ` container.innerHTML = `
<h3>Changer la catégorie</h3> <h3>Changer la catégorie</h3>
<select id="cat-select" style="width:100%; padding:10px;"> <label>Choix issus d'EverShelf :</label><br>
${app.categories.map(c => `<option value="${c}">${c}</option>`).join('')} <select id="cat-select" style="width:100%; padding:10px; margin: 10px 0;">
${categories.map(c => `<option value="${c}">${c}</option>`).join('')}
</select> </select>
<br><br> <br>
<button class="btn btn-blue" onclick="save()">Enregistrer</button> <button class="btn btn-blue" onclick="save()">Enregistrer</button>
<button class="btn" onclick="location.reload()">Annuler</button> <button class="btn btn-cancel" onclick="location.reload()">Annuler</button>
`; `;
} }
// 3. Fonction de sauvegarde
function save() { function save() {
const selected = document.getElementById('cat-select').value; const selected = document.getElementById('cat-select').value;
app.updateProductCategory(selected);
// Ici, on appelle la vraie fonction de mise à jour d'EverShelf
if (typeof app !== 'undefined' && typeof app.updateProductCategory === 'function') {
app.updateProductCategory(selected);
alert("Donnée envoyée à EverShelf : " + selected);
} else {
alert("Simulation : Catégorie " + selected + " retenue.");
}
location.reload(); location.reload();
} }
</script> </script>