Actualiser index.html
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

This commit is contained in:
2026-06-18 08:58:56 +00:00
parent b28c6591a9
commit 80a915ac35
+61 -31
View File
@@ -1756,44 +1756,74 @@
</section> </section>
<!-- ===== CONFIGURATION PAGE ===== --> <!-- ===== CONFIGURATION PAGE ===== -->
<section class="page" id="page-config"> <section class="page" id="page-config">
<div class="page-header"> <div class="page-header">
<h2>🔧 Configuration</h2> <h2>🔧 Configuration</h2>
</div> </div>
<div class="settings-card"> <div class="config-tabs" style="display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap">
<h4>📍 Emplacements de stockage</h4> <button class="btn btn-small btn-primary config-tab-btn" data-tab="locations" onclick="showConfigTab('locations')">📍 Emplacements</button>
<p class="settings-hint">Gère les emplacements disponibles pour ranger tes produits (Frigo, Cave, Bar...).</p> <button class="btn btn-small btn-secondary config-tab-btn" data-tab="categories" onclick="showConfigTab('categories')">📁 Catégories</button>
<div id="locations-list-container" style="margin-top:10px"> <button class="btn btn-small btn-secondary config-tab-btn" data-tab="subcategories" onclick="showConfigTab('subcategories')">📂 Sous-catégories</button>
<p class="settings-hint">Chargement…</p> </div>
</div>
<div class="form-group mt-2"> <div class="config-tab-content" id="config-tab-locations">
<label> Nouvel emplacement</label> <div class="settings-card">
<div class="barcode-input-row"> <h4>📍 Emplacements de stockage</h4>
<input type="text" id="new-location-icon" class="form-input" style="max-width:70px;text-align:center" placeholder="📦" maxlength="4"> <p class="settings-hint">Gère les emplacements disponibles pour ranger tes produits (Frigo, Cave, Bar...).</p>
<input type="text" id="new-location-label" class="form-input" placeholder="Es: Cave, Bar, Garage..." onkeydown="if(event.key==='Enter'){event.preventDefault();addLocation()}"> <div id="locations-list-container" style="margin-top:10px">
<button class="btn btn-accent" onclick="addLocation()"></button> <p class="settings-hint">Chargement…</p>
</div>
<div class="form-group mt-2">
<label> Nouvel emplacement</label>
<div class="barcode-input-row">
<input type="text" id="new-location-icon" class="form-input" style="max-width:70px;text-align:center" placeholder="📦" maxlength="4">
<input type="text" id="new-location-label" class="form-input" placeholder="Es: Cave, Bar, Garage..." onkeydown="if(event.key==='Enter'){event.preventDefault();addLocation()}">
<button class="btn btn-accent" onclick="addLocation()"></button>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="settings-card">
<h4>📂 Sous-catégories</h4> <div class="config-tab-content" id="config-tab-categories" style="display:none">
<p class="settings-hint">Gère les sous-catégories disponibles pour chaque catégorie de produit.</p> <div class="settings-card">
<div class="form-group"> <h4>📁 Catégories</h4>
<label>Catégorie</label> <p class="settings-hint">Gère les catégories de produits : icône, libellé, et mots-clés de détection automatique à partir du nom du produit.</p>
<select id="subcat-config-category" class="form-input" onchange="onSubcatConfigCategoryChange()"></select> <div id="categories-list-container" style="margin-top:10px">
<p class="settings-hint">Chargement…</p>
</div>
<div class="form-group mt-2">
<label> Nouvelle catégorie</label>
<div class="barcode-input-row">
<input type="text" id="new-category-icon" class="form-input" style="max-width:70px;text-align:center" placeholder="📦" maxlength="4">
<input type="text" id="new-category-label" class="form-input" placeholder="Es: Apéritifs, Bébé...">
<button class="btn btn-accent" onclick="addCategory()"></button>
</div>
<input type="text" id="new-category-keywords" class="form-input mt-1" placeholder="Mots-clés séparés par des virgules (ex: chips, apéro, biscuit salé)">
</div>
</div> </div>
<div class="form-group" style="display:flex;align-items:center;gap:8px"> </div>
<input type="checkbox" id="subcat-config-required" onchange="toggleSubcategoryRequired()" style="width:auto">
<label for="subcat-config-required" style="margin:0">Sous-catégorie obligatoire pour cette catégorie</label> <div class="config-tab-content" id="config-tab-subcategories" style="display:none">
</div> <div class="settings-card">
<div id="subcat-list-container" style="margin-top:10px"> <h4>📂 Sous-catégories</h4>
<p class="settings-hint">Chargement…</p> <p class="settings-hint">Gère les sous-catégories disponibles pour chaque catégorie de produit.</p>
</div> <div class="form-group">
<div class="form-group mt-2"> <label>Catégorie</label>
<label> Nouvelle sous-catégorie (pour la catégorie sélectionnée)</label> <select id="subcat-config-category" class="form-input" onchange="onSubcatConfigCategoryChange()"></select>
<div class="barcode-input-row"> </div>
<input type="text" id="new-subcat-label" class="form-input" placeholder="Es: 🍷 Vin, 🍗 Poulet..." onkeydown="if(event.key==='Enter'){event.preventDefault();addSubcategoryRow()}"> <div class="form-group" style="display:flex;align-items:center;gap:8px">
<button class="btn btn-accent" onclick="addSubcategoryRow()"></button> <input type="checkbox" id="subcat-config-required" onchange="toggleSubcategoryRequired()" style="width:auto">
<label for="subcat-config-required" style="margin:0">Sous-catégorie obligatoire pour cette catégorie</label>
</div>
<div id="subcat-list-container" style="margin-top:10px">
<p class="settings-hint">Chargement…</p>
</div>
<div class="form-group mt-2">
<label> Nouvelle sous-catégorie (pour la catégorie sélectionnée)</label>
<div class="barcode-input-row">
<input type="text" id="new-subcat-label" class="form-input" placeholder="Es: 🍷 Vin, 🍗 Poulet..." onkeydown="if(event.key==='Enter'){event.preventDefault();addSubcategoryRow()}">
<button class="btn btn-accent" onclick="addSubcategoryRow()"></button>
</div>
</div> </div>
</div> </div>
</div> </div>