Actualiser test.html

test.html

@@ -33,14 +33,18 @@
     <script>
         // 1. Fonction qui affiche le formulaire
         function mockEditProduct(id) {
-            const categories = ["Fruits", "Légumes", "Boissons", "Épicerie", "Surgelés"];
+            // 1. On va chercher les catégories directement dans la mémoire de l'appli.
-            let optionsHTML = categories.map(cat => `<option value="${cat}">${cat}</option>`).join('');
+            // Si 'categories' n'est pas définie, on prévoit une liste de secours.
-
+            const appCategories = (typeof categories !== 'undefined') ? categories : ["Fruits", "Légumes", "Boissons", "Épicerie", "Surgelés"];
+            
+            // 2. On construit les options dynamiquement
+            let optionsHTML = appCategories.map(cat => `<option value="${cat}">${cat}</option>`).join('');
+    
             const container = document.querySelector('.modal-preview');
             container.innerHTML = `
                 <h3>Modification du produit #${id}</h3>
-                <form onsubmit="event.preventDefault(); alert('Catégorie ' + document.getElementById('cat-select').value + ' enregistrée !'); location.reload();">
+                <form onsubmit="event.preventDefault(); alert('Catégorie ' + document.getElementById('cat-select').value + ' appliquée !'); location.reload();">
-                    <label>Choisir la catégorie :</label><br>
+                    <label>Catégories EverShelf :</label><br>
                     <select id="cat-select" style="width:100%; padding:8px; margin: 10px 0;">
                         ${optionsHTML}
                     </select>