feat: add online editor, work in progress

refactor: move html in asset file
fix: fix back button over item, print item names on two lines and update default item list
2026-05-10 11:02:26 +00:00 · 2026-01-30 19:48:30 +01:00 · 2026-01-30 16:49:54 +01:00 · 2026-01-29 16:30:49 +01:00 · 2026-01-20 12:31:31 +01:00 · 2026-01-19 14:56:59 +01:00
81 changed files with 1071 additions and 356 deletions
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -10,8 +10,8 @@ android {
        applicationId "com.stock.pignon"
        minSdkVersion 17
        targetSdkVersion 36
-        versionCode 2
+        versionCode 7
-        versionName "0.2.0"
+        versionName "0.5.2"
        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
    }
--- a/app/src/main/assets/editor.html
+++ b/app/src/main/assets/editor.html
@@ -0,0 +1,247 @@
 <!DOCTYPE html>
 <html>
 <head>
    <meta charset="UTF-8">
    <style>
        body {
            font-family: sans-serif;
            padding: 20px;
            background: #eee;
            margin-bottom: 100px;
        }
        .card {
            background: white;
            padding: 20px;
            margin-bottom: 30px;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        table {
            width: 100%;
            border-collapse: collapse;
        }
        th,
        td {
            padding: 10px;
            border-bottom: 1px solid #ddd;
            text-align: left;
        }
        input[type='text'],
        input[type='number'] {
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 4px;
            width: 100%;
            box-sizing: border-box;
        }
        .img-p {
            width: 60px;
            height: 60px;
            object-fit: cover;
            background: #f0f0f0;
            border-radius: 5px;
        }
        .btn-add {
            background: #0049AF;
            color: white;
            border: none;
            padding: 10px 20px;
            cursor: pointer;
            margin-top: 10px;
            border-radius: 5px;
            font-weight: bold;
        }
        .btn-save {
            background: #2E7D32;
            color: white;
            padding: 15px 30px;
            border: none;
            border-radius: 50px;
            cursor: pointer;
            font-size: 18px;
            font-weight: bold;
            position: fixed;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 1000;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
            width: auto;
            white-space: nowrap;
        }
        .btn-del {
            background: #d32f2f;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            padding: 5px 10px;
        }
        .link-mod {
            background: none;
            border: none;
            color: #0049AF;
            text-decoration: underline;
            cursor: pointer;
            padding: 0;
            font-size: 12px;
            -webkit-appearance: none;
            outline: none;
        }
        .actions-bar {
            position: fixed;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 1000;
            display: flex;
            gap: 15px;
        }
        .btn-cancel {
            background: #F54927;
            color: white;
            padding: 15px 30px;
            border: none;
            border-radius: 50px;
            cursor: pointer;
            font-size: 18px;
            font-weight: bold;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
            white-space: nowrap;
        }
        .btn-cat {
            background: #0049AF;
            color: white;
            padding: 15px 25px;
            border: none;
            border-radius: 50px;
            cursor: pointer;
            font-size: 18px;
            font-weight: bold;
            box-shadow: 0 4px 15px rgba(0,0,0,0.3);
        }
        .btn-back {
            background: #000000;
            color: white;
            padding: 15px 25px;
            border: none;
            border-radius: 50px;
            cursor: pointer;
            font-size: 18px;
            font-weight: bold;
            box-shadow: 0 4px 15px rgba(0,0,0,0.3);
        }
        .input-h2 {
            font-size: 1.5rem !important;
            font-weight: bold !important;
            border: none !important;
            background: transparent !important;
            color: #555 !important;
            width: auto;
            max-width: 70%;
            border-bottom: 1px dashed #ccc !important;
            outline: none;
            /* Enlève le contour bleu au clic */
        }
        .input-h2:focus {
            border-bottom: 2px solid #0049AF;
            color: #0049AF;
        }
    </style>
 </head>
 <body>
    <h1>Éditeur de Catalogue</h1>
    <form action="/save_editor" method="POST">
        {{GENERATED_CONTENT}}
        <div class="actions-bar">
            <button type="button" class="btn-back" onclick="window.location.href= '/'">← Retour </button>
            <button type="button" class="btn-cancel" onclick="handleCancel(event)">✖ Tout annuler</button>
            <button type="button" class="btn-cat" onclick="addCategory()">+ Catégorie</button>
            <input type="submit" value="💾 Enregistrer tout" class="btn-save" style="position:static; transform:none;">
        </div>
    </form>
    <script>
        function addRow(cat) {
            var t = document.getElementById('table-' + cat);
            var r = t.insertRow(-1);
            var id = Date.now();
            r.innerHTML = '<td><input type="file" id="f_' + id + '" style="display:none" onchange="uImg(this)">' +
                '<button type="button" class="link-mod" onclick="document.getElementById(\'f_' + id + '\').click()">Ajouter</button>' +
                '<input type="hidden" name="new|' + cat + '|' + id + '|img" value=""></td>' +
                '<td><input type="text" name="new|' + cat + '|' + id + '|name" placeholder="Nom..." required></td>' +
                '<td><input type="number" name="new|' + cat + '|' + id + '|min" value="0" min="0" required></td>' +
                '<td><input type="number" name="new|' + cat + '|' + id + '|max" value="0" min="0" required></td>' +
                '<td><button type="button" class="btn-del" onclick="var l=this.parentNode.parentNode; l.parentNode.removeChild(l);">×</button></td>';
        }
        function uImg(el) {
            var f = el.files[0];
            if (!f) return;
            var row = el.parentNode.parentNode;
            var id = f.name.split('.').slice(0, -1).join('.');
            row.querySelector('input[type="hidden"]').value = id;
            var fd = new FormData();
            fd.append('images', f);
            fetch('/upload_images', { method: 'POST', body: fd }).then(function () { alert('Image envoyée : ' + id); });
        }
        function handleCancel(e) {
            // Empêche le formulaire de faire quoi que ce soit
            if (e) e.preventDefault();
            if (confirm("Attention : toutes vos modifications seront perdues. Continuer ?")) {
                // Le ?t= force le navigateur à oublier les saisies en cours
                window.location.href = "/edit?t=" + Date.now();
            }
        }
        function addCategory() {
            var name = prompt("Nom de la nouvelle catégorie ?");
            if (!name || name.trim() === "") return;
            // On crée un ID temporaire basé sur le temps
            var tempId = "newcat_" + Date.now();
            // On crée la structure HTML de la carte
            var container = document.createElement('div');
            container.className = 'card';
            container.innerHTML =
                '<h2>' +
                '<input type="text" class="input-h2" name="cat|' + tempId + '|name" value="' + name + '">' +
                ' <button type="button" class="btn-del" onclick="if(confirm(\'Supprimer cette catégorie ?\')) this.closest(\'.card\').remove()">×</button>' +
                '</h2>' +
                '<table id="table-' + tempId + '">' +
                '<tr><th>Image</th><th>Nom</th><th>Prix Min</th><th>Prix Max</th><th></th></tr>' +
                '</table>' +
                '<button type="button" class="btn-add" onclick="addRow(\'' + tempId + '\')">+ Ajouter article</button>';
            // On l'insère avant la barre d'actions (en bas de la liste)
            var form = document.querySelector('form');
            var actionBar = document.querySelector('.actions-bar');
            form.insertBefore(container, actionBar);
            // On scrolle vers la nouvelle catégorie
            container.scrollIntoView({ behavior: 'smooth' });
        }
    </script>
 </body>
--- a/app/src/main/assets/images/FD.jpg
+++ b/app/src/main/assets/images/FD.jpg
--- a/app/src/main/assets/images/axe_pedalier.jpg
+++ b/app/src/main/assets/images/axe_pedalier.jpg
--- a/app/src/main/assets/images/axe_rapide.jpg
+++ b/app/src/main/assets/images/axe_rapide.jpg
--- a/app/src/main/assets/images/axe_roue.jpg
+++ b/app/src/main/assets/images/axe_roue.jpg
--- a/app/src/main/assets/images/boitier_cartouche.jpg
+++ b/app/src/main/assets/images/boitier_cartouche.jpg
--- a/app/src/main/assets/images/boitier_hollowtech.jpg
+++ b/app/src/main/assets/images/boitier_hollowtech.jpg
--- a/app/src/main/assets/images/chambre_air.jpg
+++ b/app/src/main/assets/images/chambre_air.jpg
--- a/app/src/main/assets/images/collier_selle.jpg
+++ b/app/src/main/assets/images/collier_selle.jpg
--- a/app/src/main/assets/images/derailleur_arriere.jpg
+++ b/app/src/main/assets/images/derailleur_arriere.jpg
--- a/app/src/main/assets/images/derailleur_avant_tiragebas.jpg
+++ b/app/src/main/assets/images/derailleur_avant_tiragebas.jpg
--- a/app/src/main/assets/images/derailleur_avant_tiragehaut.jpg
+++ b/app/src/main/assets/images/derailleur_avant_tiragehaut.jpg
--- a/app/src/main/assets/images/etrier_cable.jpg
+++ b/app/src/main/assets/images/etrier_cable.jpg
--- a/app/src/main/assets/images/etrier_cantilever.jpg
+++ b/app/src/main/assets/images/etrier_cantilever.jpg
--- a/app/src/main/assets/images/etrier_hydraulique.jpg
+++ b/app/src/main/assets/images/etrier_hydraulique.jpg
--- a/app/src/main/assets/images/etrier_mafac_caliper.jpg
+++ b/app/src/main/assets/images/etrier_mafac_caliper.jpg
--- a/app/src/main/assets/images/etrier_vbrake.jpg
+++ b/app/src/main/assets/images/etrier_vbrake.jpg
--- a/app/src/main/assets/images/fond_jante.jpg
+++ b/app/src/main/assets/images/fond_jante.jpg
--- a/app/src/main/assets/images/fourche_suspendue.jpg
+++ b/app/src/main/assets/images/fourche_suspendue.jpg
--- a/app/src/main/assets/images/frein_pontcentral.jpg
+++ b/app/src/main/assets/images/frein_pontcentral.jpg
--- a/app/src/main/assets/images/garde_boue.jpg
+++ b/app/src/main/assets/images/garde_boue.jpg
--- a/app/src/main/assets/images/jante.jpg
+++ b/app/src/main/assets/images/jante.jpg
--- a/app/src/main/assets/images/jeu_direction.jpg
+++ b/app/src/main/assets/images/jeu_direction.jpg
--- a/app/src/main/assets/images/manette_cadre.jpg
+++ b/app/src/main/assets/images/manette_cadre.jpg
--- a/app/src/main/assets/images/manivelle_droite.jpg
+++ b/app/src/main/assets/images/manivelle_droite.jpg
--- a/app/src/main/assets/images/manivelle_gauche.jpg
+++ b/app/src/main/assets/images/manivelle_gauche.jpg
--- a/app/src/main/assets/images/moyeu_arriere_cassette.jpg
+++ b/app/src/main/assets/images/moyeu_arriere_cassette.jpg
--- a/app/src/main/assets/images/moyeu_arriere_rouelibre.jpg
+++ b/app/src/main/assets/images/moyeu_arriere_rouelibre.jpg
--- a/app/src/main/assets/images/moyeu_avant.jpg
+++ b/app/src/main/assets/images/moyeu_avant.jpg
--- a/app/src/main/assets/images/moyeu_retropedalage.jpg
+++ b/app/src/main/assets/images/moyeu_retropedalage.jpg
--- a/app/src/main/assets/images/panier.jpg
+++ b/app/src/main/assets/images/panier.jpg
--- a/app/src/main/assets/images/pedalier_complet.jpg
+++ b/app/src/main/assets/images/pedalier_complet.jpg
--- a/app/src/main/assets/images/plateau_4.jpg
+++ b/app/src/main/assets/images/plateau_4.jpg
--- a/app/src/main/assets/images/plateau_5.jpg
+++ b/app/src/main/assets/images/plateau_5.jpg
--- a/app/src/main/assets/images/pneu.jpg
+++ b/app/src/main/assets/images/pneu.jpg
--- a/app/src/main/assets/images/pneu_26.jpg
+++ b/app/src/main/assets/images/pneu_26.jpg
--- a/app/src/main/assets/images/pneu_large.jpg
+++ b/app/src/main/assets/images/pneu_large.jpg
--- a/app/src/main/assets/images/pneu_petit.jpg
+++ b/app/src/main/assets/images/pneu_petit.jpg
--- a/app/src/main/assets/images/pneu_route.jpg
+++ b/app/src/main/assets/images/pneu_route.jpg
--- a/app/src/main/assets/images/poignee.jpg
+++ b/app/src/main/assets/images/poignee.jpg
--- a/app/src/main/assets/images/poignee_combo.jpg
+++ b/app/src/main/assets/images/poignee_combo.jpg
--- a/app/src/main/assets/images/poignee_frein.jpg
+++ b/app/src/main/assets/images/poignee_frein.jpg
--- a/app/src/main/assets/images/poignee_gachette.jpg
+++ b/app/src/main/assets/images/poignee_gachette.jpg
--- a/app/src/main/assets/images/poignee_tournante.jpg
+++ b/app/src/main/assets/images/poignee_tournante.jpg
--- a/app/src/main/assets/images/poignees.jpg
+++ b/app/src/main/assets/images/poignees.jpg
--- a/app/src/main/assets/images/pompe.jpg
+++ b/app/src/main/assets/images/pompe.jpg
--- a/app/src/main/assets/images/porte_bagage.jpg
+++ b/app/src/main/assets/images/porte_bagage.jpg
--- a/app/src/main/assets/images/porte_bidon.jpg
+++ b/app/src/main/assets/images/porte_bidon.jpg
--- a/app/src/main/assets/images/potence_headset.jpg
+++ b/app/src/main/assets/images/potence_headset.jpg
--- a/app/src/main/assets/images/potence_headset_reglable.jpg
+++ b/app/src/main/assets/images/potence_headset_reglable.jpg
--- a/app/src/main/assets/images/potence_plongeur.jpg
+++ b/app/src/main/assets/images/potence_plongeur.jpg
--- a/app/src/main/assets/images/potence_plongeur_reglable.jpg
+++ b/app/src/main/assets/images/potence_plongeur_reglable.jpg
--- a/app/src/main/assets/images/retroviseur.jpg
+++ b/app/src/main/assets/images/retroviseur.jpg
--- a/app/src/main/assets/images/roue_arriere.jpg
+++ b/app/src/main/assets/images/roue_arriere.jpg
--- a/app/src/main/assets/images/roue_avant.jpg
+++ b/app/src/main/assets/images/roue_avant.jpg
--- a/app/src/main/assets/images/roue_libre.jpg
+++ b/app/src/main/assets/images/roue_libre.jpg
--- a/app/src/main/assets/images/roulement_direction.jpg
+++ b/app/src/main/assets/images/roulement_direction.jpg
--- a/app/src/main/assets/images/roulement_pedalier.jpg
+++ b/app/src/main/assets/images/roulement_pedalier.jpg
--- a/app/src/main/assets/images/tige_plongeur.jpg
+++ b/app/src/main/assets/images/tige_plongeur.jpg
--- a/app/src/main/assets/images/tige_selle.jpg
+++ b/app/src/main/assets/images/tige_selle.jpg
--- a/app/src/main/assets/images/velo.jpg
+++ b/app/src/main/assets/images/velo.jpg
--- a/app/src/main/assets/images/visserie_frein.jpg
+++ b/app/src/main/assets/images/visserie_frein.jpg
--- a/app/src/main/assets/images/visserie_pedalier.jpg
+++ b/app/src/main/assets/images/visserie_pedalier.jpg
--- a/app/src/main/assets/images/visserie_roue.jpg
+++ b/app/src/main/assets/images/visserie_roue.jpg
--- a/app/src/main/assets/images/visserie_transmission.jpg
+++ b/app/src/main/assets/images/visserie_transmission.jpg
--- a/app/src/main/assets/index.html
+++ b/app/src/main/assets/index.html
@@ -0,0 +1,51 @@
 <!DOCTYPE html>
 <html>
 <head>
    <meta charset='UTF-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <style>
        body { font-family: sans-serif; line-height: 1.6; padding: 20px; color: #333; max-width: 800px; margin: auto; }
        h1 { color: #0049AF; border-bottom: 2px solid #0049AF; }
        h2 { color: #555; margin-top: 30px; }
        .card { background: #f4f4f4; padding: 15px; border-radius: 8px; margin-bottom: 20px; border: 1px solid #ddd; }
        .btn { display: inline-block; width: 280px; height: 45px; line-height: 45px; text-align: center; background: #0049AF; color: white; text-decoration: none; border-radius: 4px; border: none; cursor: pointer; font-weight: bold; box-sizing: border-box; padding: 0; -webkit-appearance: none; font-family: inherit; font-size: 14px; font-style: normal; letter-spacing: normal; margin: 10px 5px; vertical-align: middle;}
        .btn-download { background: #2E7D32; }
        input[type='file'] { margin: 10px 0; }
        .status { font-weight: bold; color: green; }
    </style>
 </head>
 <body>
 <h1>Application : stock-pignon</h1>
 <h2>Gestion des stocks</h2>
 <div class='card'>
    <h3>Récupérer les sacoches des adhérent·es</h3>
    <p>Télécharger le décompte des pièces sorties de l'atelier.</p>
    <a href='/output_json' class='btn'>Voir stock.json</a>
    <a href='/output_csv' class='btn'>Voir stock.csv</a>
    <a href='/download_output_json' class='btn'>Télécharger stock.json</a>
    <a href='/download_output_csv' class='btn'>Télécharger stock.csv</a>
 </div>
 <h2>Modifier le catalogue</h2>
 <div class='card'>
    <h3>Gestion du fichier JSON</h3>
    <p>Catalogue actuel : <a href='/download_input' class='btn'>Télécharger pieces.json</a></p>
    <hr>
    <form action='/upload_json' method='post' enctype='multipart/form-data'>
        <p><strong>Envoyer un nouveau catalogue :</strong></p>
        <input type='file' name='json_file' accept='.json'><br>
        <input type='submit' value='Remplacer pieces.json' class='btn'>
    </form>
 </div>
 <div class='card'>
    <h3>Gestion des images</h3>
    <form action='/upload_images' method='post' enctype='multipart/form-data'>
        <p><strong>Ajouter/Modifier des images (PNG/JPG) :</strong></p>
        <input type='file' name='images' accept='image/*' multiple><br>
        <input type='submit' value='Envoyer les images' class='btn'>
    </form>
 </div><div class='card'>
    <h3>Modifier dans le navigateur</h3>
    <p><a href='/edit' class='btn'>Editeur en ligne</a></p>
 </div>
 </body>
 </html>
--- a/app/src/main/assets/pieces.json
+++ b/app/src/main/assets/pieces.json
@@ -8,10 +8,11 @@
      "bgColor": "#FF0000",
      "textColor": "#000000",
      "items": [
        {"name": "Vélo", "minPrice": 20, "maxPrice": 40, "image": "velo"},
        {"name": "Cadre", "minPrice": 20, "maxPrice": 40, "image": "cadre"},
        {"name": "Selle", "minPrice": 1, "maxPrice": 7, "image": "selle"},
-        {"name": "Tige de selle", "minPrice": 1, "maxPrice": 10, "image": "tigeselle"},
+        {"name": "Tige de selle", "minPrice": 1, "maxPrice": 10, "image": "tige_selle"},
-        {"name": "Collier de selle", "minPrice": 1, "maxPrice": 4, "image": "collierselle"}
+        {"name": "Collier de selle", "minPrice": 1, "maxPrice": 4, "image": "collier_selle"}
      ]
    },
    {
@@ -20,10 +21,14 @@
      "textColor": "#000000",
      "items": [
        {"name": "Fourche", "minPrice": 10, "maxPrice": 20, "image": "fourche"},
-        {"name": "Jeu de direction", "minPrice": 1, "maxPrice": 8, "image": "jeudirection"},
+        {"name": "Fourche suspendue", "minPrice": 10, "maxPrice": 20, "image": "fourche_suspendue"},
-        {"name": "Potence headset", "minPrice": 2, "maxPrice": 8, "image": "potenceheadset"},
+        {"name": "Roulement direction", "minPrice": 1, "maxPrice": 8, "image": "roulement_direction"},
-        {"name": "Potence plongeur", "minPrice": 2, "maxPrice": 8, "image": "potenceplongeur"},
+        {"name": "Jeu de direction", "minPrice": 1, "maxPrice": 8, "image": "jeu_direction"},
-        {"name": "Tige plongeur", "minPrice": 1, "maxPrice": 4, "image": "tigeplongeur"}
+        {"name": "Potence headset", "minPrice": 2, "maxPrice": 8, "image": "potence_headset"},
        {"name": "Potence headset réglable", "minPrice": 2, "maxPrice": 8, "image": "potence_headset_reglable"},
        {"name": "Potence plongeur", "minPrice": 2, "maxPrice": 8, "image": "potence_plongeur"},
        {"name": "Potence plongeur réglable", "minPrice": 2, "maxPrice": 8, "image": "potence_plongeur_reglable"},
        {"name": "Tige plongeur", "minPrice": 1, "maxPrice": 4, "image": "tige_plongeur"}
      ]
    },
    {
@@ -31,13 +36,14 @@
      "bgColor": "#F16000",
      "textColor": "#000000",
      "items": [
-        {"name": "Poignée combo", "minPrice": 2, "maxPrice": 8, "image": "poigneecombo"},
+        {"name": "Poignée combo", "minPrice": 2, "maxPrice": 8, "image": "poignee_combo"},
-        {"name": "Poignée frein", "minPrice": 2, "maxPrice": 8, "image": "poigneefrein"},
+        {"name": "Poignée frein", "minPrice": 2, "maxPrice": 8, "image": "poignee_frein"},
-        {"name": "Poignée gachette", "minPrice": 2, "maxPrice": 8, "image": "poigneegachette"},
+        {"name": "Poignée gachette", "minPrice": 2, "maxPrice": 8, "image": "poignee_gachette"},
-        {"name": "Poignée tournante", "minPrice": 2, "maxPrice": 6, "image": "poigneetournante"},
+        {"name": "Poignée tournante", "minPrice": 2, "maxPrice": 6, "image": "poignee_tournante"},
        {"name": "Manette cadre", "minPrice": 2, "maxPrice": 6, "image": "manette_cadre"},
        {"name": "Gaine", "minPrice": 0, "maxPrice": 2, "image": "gaine"},
        {"name": "Câble", "minPrice": 0, "maxPrice": 1, "image": "cable"},
-        {"name": "Poignée", "minPrice": 1, "maxPrice": 4, "image": "poignees"},
+        {"name": "Poignée", "minPrice": 1, "maxPrice": 4, "image": "poignee"},
        {"name": "Cintre", "minPrice": 5, "maxPrice": 10,"image": "cintre"}
      ]
    },
@@ -46,11 +52,15 @@
      "bgColor": "#FF00FF",
      "textColor": "#000000",
      "items": [
-        {"name": "Étrier patin", "minPrice": 2, "maxPrice": 8, "image": "etrierpatin"},
+        {"name": "Étrier V-brake", "minPrice": 2, "maxPrice": 8, "image": "etrier_vbrake"},
-        {"name": "Étrier disque", "minPrice": 2, "maxPrice": 8, "image": "etrierdisque"},
+        {"name": "Étrier Cantilever", "minPrice": 2, "maxPrice": 8, "image": "etrier_cantilever"},
        {"name": "Étrier Caliper ou Mafac", "minPrice": 2, "maxPrice": 8, "image": "etrier_mafac_caliper"},
        {"name": "Étrier disque câble", "minPrice": 2, "maxPrice": 8, "image": "etrier_cable"},
        {"name": "Étrier disque hydraulique", "minPrice": 2, "maxPrice": 8, "image": "etrier_hydraulique"},
        {"name": "Patins", "minPrice": 1, "maxPrice": 2, "image": "patins"},
        {"name": "Disque", "minPrice": 1, "maxPrice": 5, "image": "disque"},
-        {"name": "Visserie frein", "minPrice": 0, "maxPrice": 1, "image": "visseriefrein"}
+        {"name": "Pont central cantilever", "minPrice": 0, "maxPrice": 1, "image": "frein_pontcentral"},
        {"name": "Visserie frein", "minPrice": 0, "maxPrice": 1, "image": "visserie_frein"}
      ]
    },
    {
@@ -58,15 +68,23 @@
      "bgColor": "#0000FF",
      "textColor": "#FFFFFF",
      "items": [
-        {"name": "Roue avant", "minPrice": 20, "maxPrice": 40, "image": "roueavant"},
+        {"name": "Chambre à air", "minPrice": 20, "maxPrice": 40, "image": "chambre_air"},
-        {"name": "Roue arrière", "minPrice": 20, "maxPrice": 40, "image": "rouearriere"},
+        {"name": "Roue avant", "minPrice": 20, "maxPrice": 40, "image": "roue_avant"},
-        {"name": "Axe rapide", "minPrice": 1, "maxPrice": 2, "image": "axerapide"},
+        {"name": "Roue arrière", "minPrice": 20, "maxPrice": 40, "image": "roue_arriere"},
-        {"name": "Axe roue", "minPrice": 1, "maxPrice": 3, "image": "axeroue"},
+        {"name": "Axe rapide", "minPrice": 1, "maxPrice": 2, "image": "axe_rapide"},
        {"name": "Axe roue", "minPrice": 1, "maxPrice": 3, "image": "axe_roue"},
        {"name": "Rayon", "minPrice": 0, "maxPrice": 2, "image": "rayon"},
-        {"name": "Moyeu avant", "minPrice": 2, "maxPrice": 8, "image": "moyeuavant"},
+        {"name": "Jante", "minPrice": 0, "maxPrice": 2, "image": "jante"},
-        {"name": "Moyeu arrière", "minPrice": 2, "maxPrice": 10, "image": "moyeuarriere"},
+        {"name": "Fond de jante", "minPrice": 0, "maxPrice": 2, "image": "fond_jante"},
-        {"name": "Pneu", "minPrice": 10, "maxPrice": 20, "image": "pneu"},
+        {"name": "Moyeu avant", "minPrice": 2, "maxPrice": 8, "image": "moyeu_avant"},
-        {"name": "Visserie roue", "minPrice": 0, "maxPrice": 1, "image": "visserieroue"}
+        {"name": "Moyeu arrière cassette", "minPrice": 2, "maxPrice": 10, "image": "moyeu_arriere_cassette"},
        {"name": "Moyeu arrière roue libre", "minPrice": 2, "maxPrice": 10, "image": "moyeu_arriere_rouelibre"},
        {"name": "Moyeu arrière rétropédalage", "minPrice": 2, "maxPrice": 10, "image": "moyeu_retropedalage"},
        {"name": "Pneu petite taille", "minPrice": 10, "maxPrice": 20, "image": "pneu_petit"},
        {"name": "Pneu 26\"", "minPrice": 10, "maxPrice": 20, "image": "pneu_26"},
        {"name": "Pneu 28\" route", "minPrice": 10, "maxPrice": 20, "image": "pneu_route"},
        {"name": "Pneu 28\" large", "minPrice": 10, "maxPrice": 20, "image": "pneu_large"},
        {"name": "Visserie roue", "minPrice": 0, "maxPrice": 1, "image": "visserie_roue"}
      ]
    },
    {
@@ -74,12 +92,13 @@
      "bgColor": "#FFCC00",
      "textColor": "#000000",
      "items": [
-        {"name": "Dérailleur avant", "minPrice": 2, "maxPrice": 10, "image": "fd"},
+        {"name": "Dérailleur arrière", "minPrice": 2, "maxPrice": 10, "image": "derailleur_arriere"},
-        {"name": "Dérailleur arrière", "minPrice": 4, "maxPrice": 12, "image": "rd"},
+        {"name": "Dérailleur avant tirage bas", "minPrice": 4, "maxPrice": 12, "image": "derailleur_avant_tiragebas"},
        {"name": "Dérailleur avant tirage haut", "minPrice": 4, "maxPrice": 12, "image": "derailleur_avant_tiragebas"},
        {"name": "Cassette", "minPrice": 2, "maxPrice": 6, "image": "cassette"},
-        {"name": "Roue libre", "minPrice": 2, "maxPrice": 6, "image": "rouelibre"},
+        {"name": "Roue libre", "minPrice": 2, "maxPrice": 6, "image": "roue_libre"},
        {"name": "Chaîne", "minPrice": 2, "maxPrice": 6, "image": "chaine"},
-        {"name": "Visserie transmission", "minPrice": 0, "maxPrice": 1, "image": "visserietransmission"}
+        {"name": "Visserie transmission", "minPrice": 0, "maxPrice": 1, "image": "visserie_transmission"}
      ]
    },
    {
@@ -87,13 +106,17 @@
      "bgColor": "#00FFFF",
      "textColor": "#000000",
      "items": [
-        {"name": "Boîtier pédalier", "minPrice": 4, "maxPrice": 12, "image": "boitierpedalier"},
+        {"name": "Axe pédalier carré ou clavette", "minPrice": 4, "maxPrice": 12, "image": "axe_pedalier"},
-        {"name": "Manivelle gauche", "minPrice": 4, "maxPrice": 12, "image": "manivellegauche"},
+        {"name": "Roulement pédalier", "minPrice": 4, "maxPrice": 12, "image": "roulement_pedalier"},
-        {"name": "Manivelle droite", "minPrice": 4, "maxPrice": 12, "image": "manivelledroite"},
+        {"name": "Boîtier pédalier cartouche", "minPrice": 4, "maxPrice": 12, "image": "boitier_cartouche"},
-        {"name": "Pédalier complet", "minPrice": 6, "maxPrice": 15, "image": "pedaliercomplet"},
+        {"name": "Boîtier pédalier Hollowtech 2", "minPrice": 4, "maxPrice": 12, "image": "boitier_hollowtech"},
        {"name": "Manivelle gauche", "minPrice": 4, "maxPrice": 12, "image": "manivelle_gauche"},
        {"name": "Manivelle droite", "minPrice": 4, "maxPrice": 12, "image": "manivelle_droite"},
        {"name": "Pédalier complet", "minPrice": 6, "maxPrice": 15, "image": "pedalier_complet"},
        {"name": "Pédales", "minPrice": 2, "maxPrice": 8, "image": "pedales"},
-        {"name": "Plateau", "minPrice": 2, "maxPrice": 8, "image": "plateau"},
+        {"name": "Plateau 4 branches", "minPrice": 2, "maxPrice": 8, "image": "plateau_4"},
-        {"name": "Visserie pédalier", "minPrice": 0, "maxPrice": 1, "image": "visseriepedalier"}
+        {"name": "Plateau 5 branches", "minPrice": 2, "maxPrice": 8, "image": "plateau_5"},
        {"name": "Visserie pédalier", "minPrice": 0, "maxPrice": 1, "image": "visserie_pedalier"}
      ]
    },
    {
@@ -102,10 +125,13 @@
      "textColor": "#000000",
      "items": [
        {"name": "Béquille", "minPrice": 2, "maxPrice": 8, "image": "bequille"},
-        {"name": "Garde boue", "minPrice": 2, "maxPrice": 8, "image": "gardeboue"},
+        {"name": "Garde boue", "minPrice": 2, "maxPrice": 8, "image": "garde_boue"},
        {"name": "Lampe", "minPrice": 1, "maxPrice": 5, "image": "lampe"},
-        {"name": "Porte bagage", "minPrice": 2, "maxPrice": 10, "image": "portebagage"},
+        {"name": "Porte bagage", "minPrice": 2, "maxPrice": 10, "image": "porte_bagage"},
-        {"name": "Porte bidon", "minPrice": 0, "maxPrice": 1, "image": "portebidon"}
+        {"name": "Porte bidon", "minPrice": 0, "maxPrice": 1, "image": "porte_bidon"},
        {"name": "Pompe", "minPrice": 0, "maxPrice": 1, "image": "pompe"},
        {"name": "Panier", "minPrice": 0, "maxPrice": 1, "image": "panier"},
        {"name": "Rétroviseur", "minPrice": 0, "maxPrice": 1, "image": "retroviseur"}
      ]
    }
  ]
--- a/app/src/main/java/com/stock/pignon/CartActionHelper.java
+++ b/app/src/main/java/com/stock/pignon/CartActionHelper.java
@@ -3,7 +3,6 @@ package com.stock.pignon;
 import android.app.AlertDialog;
 import android.content.Context;
 import android.content.Intent;
 import android.os.Handler;
 import android.os.Environment;
 import android.text.Html;
@@ -22,9 +21,8 @@ import java.io.FileOutputStream;
 import java.io.InputStreamReader;
 import java.io.OutputStreamWriter;
 import java.lang.reflect.Type;
-import java.util.HashMap;
+import java.util.ArrayList;
 import java.util.List;
 import java.util.Map;
 /**
 * Action on shopping cart: validation, clearing, and persistence
@@ -33,6 +31,21 @@ public class CartActionHelper {
    private static final String TAG = "CartActionHelper";
    /**
     * Data structure for JSON and CSV
     */
    private static class StockEntry {
        String date;
        String name;
        int qty;
        StockEntry(String date, String name, int qty) {
            this.date = date;
            this.name = name;
            this.qty = qty;
        }
    }
    /**
     * Resets the cart data and refreshes UI
     */
@@ -90,6 +103,74 @@ public class CartActionHelper {
                .show();
    }
    /**
     * Merges current cart items with the existing stock file (json and csv) on the SD Card.
     */
    private static void saveCartToExternalFile(List<CartItem> cartItems) {
        File dir = new File(Environment.getExternalStorageDirectory(), Config.EXTERNAL_DIR_NAME);
        File stockFile = new File(dir, Config.OUTPUT_JSON_NAME);
        File csvFile = new File(dir, Config.OUTPUT_CSV_NAME);
        String today = DateHelper.getTodayIso();
        Gson gson = new Gson();
        // Load previous list
        List<StockEntry> history = loadHistory(stockFile, gson);
        // Merge current cart items in previous list
        for (CartItem cartItem : cartItems) {
            boolean merged = false;
            for (StockEntry entry : history) {
                // Same date same name ? Add it
                if (entry.date.equals(today) && entry.name.equals(cartItem.getName())) {
                    entry.qty += cartItem.getQuantity();
                    merged = true;
                    break;
                }
            }
            // Not found on the same date ? Create it
            if (!merged) {
                history.add(new StockEntry(today, cartItem.getName(), cartItem.getQuantity()));
            }
        }
        // Save to JSON
        try (FileOutputStream fos = new FileOutputStream(stockFile);
             OutputStreamWriter writer = new OutputStreamWriter(fos, "UTF-8")) {
            gson.newBuilder().setPrettyPrinting().create().toJson(history, writer);
        } catch (Exception e) {
            Log.e(TAG, "Error writing JSON", e);
        }
        // Save to CSV, french format with ";"
        try (FileOutputStream fos = new FileOutputStream(csvFile);
             OutputStreamWriter writer = new OutputStreamWriter(fos, "UTF-8")) {
            writer.write('\ufeff');
            writer.write("Date;Article;Quantité\n");
            for (StockEntry entry : history) {
                writer.write(entry.date + ";" + entry.name.replace(";", ",") + ";" + entry.qty + "\n");
            }
        } catch (Exception e) {
            Log.e(TAG, "Error writing CSV", e);
        }
    }
    /**
     * Load JSON history
     */
    private static List<StockEntry> loadHistory(File file, Gson gson) {
        if (!file.exists()) return new ArrayList<>();
        try (InputStreamReader reader = new InputStreamReader(new FileInputStream(file), "UTF-8")) {
            Type type = new TypeToken<List<StockEntry>>(){}.getType();
            List<StockEntry> result = gson.fromJson(reader, type);
            return (result != null) ? result : new ArrayList<>();
        } catch (Exception e) {
            Log.e(TAG, "Error reading json history", e);
            return new ArrayList<>();
        }
    }
    /**
     * Displays a thank you popup and returns to the main menu after 2 seconds.
     */
@@ -101,80 +182,21 @@ public class CartActionHelper {
                .create();
        merciDialog.show();
        new Handler().postDelayed(() -> {
            // Close dialog
            merciDialog.dismiss();
            if (activity instanceof MainActivity) {
                MainActivity main = (MainActivity) activity;
                // Go to home if not already
-            if (!(activity instanceof MainActivity)) {
+                main.showHome();
                Intent intent = new Intent(activity, MainActivity.class);
                // Clear the backstack so the user can't "go back" to a validated cart
-                intent.setFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP | Intent.FLAG_ACTIVITY_SINGLE_TOP);
+                GridLayout grid = main.findViewById(R.id.gridPieces);
-                activity.startActivity(intent);
+                refreshGridQuantities(grid);
            }
        }, 2000);
    }
    /**
     * Merges current cart items with the existing stock file on the SD Card.
     */
    private static void saveCartToExternalFile(List<CartItem> cartItems) {
        File dir = new File(Environment.getExternalStorageDirectory(), Config.EXTERNAL_DIR_NAME);
        File stockFile = new File(dir, Config.STOCK_FILE_NAME);
        Gson gson = new Gson();
        Map<String, Integer> stockMap;
        // Load data into a Map (Key: Item Name, Value: Total Quantity)
        stockMap = loadExistingStock(stockFile, gson);
        // Merge with new items from current cart
        for (CartItem item : cartItems) {
            // Get previous quantity
            Integer qtyObj = stockMap.get(item.getName());
            int currentQty = (qtyObj != null) ? qtyObj : 0;
            // Add
            stockMap.put(item.getName(), currentQty + item.getQuantity());
        }
        // Overwrite the file with updated data
        // Needs WRITE_EXTERNAL_STORAGE permission
        try (FileOutputStream fos = new FileOutputStream(stockFile);
             @SuppressWarnings("CharsetObjectCanBeUsed")
             OutputStreamWriter writer = new OutputStreamWriter(fos, "UTF-8")) {
            // Writing directly to the stream
            gson.toJson(stockMap, writer);
            Log.i(TAG, "Stock updated successfully at: " + stockFile.getAbsolutePath());
        } catch (Exception e) {
            Log.e(TAG, "Failed to write stock file", e);
        }
    }
    /**
     * Reads the current stock file. If the file is missing or corrupted, returns an empty map.
     */
    private static Map<String, Integer> loadExistingStock(File stockFile, Gson gson) {
        if (!stockFile.exists()) return new HashMap<>();
        try (FileInputStream fis = new FileInputStream(stockFile);
             @SuppressWarnings("CharsetObjectCanBeUsed")
             InputStreamReader reader = new InputStreamReader(fis, "UTF-8")) {
            // Type definition for Map required by GSON : <String, Integer>
            Type type = new TypeToken<Map<String, Integer>>(){}.getType();
            // Read and fill map
            Map<String, Integer> result = gson.fromJson(reader, type);
            return (result != null) ? result : new HashMap<>();
        } catch (Exception e) {
            Log.e(TAG, "Error reading existing stock, starting fresh", e);
            return new HashMap<>();
        }
    }
    /**
     * Updates the UI grid to reflect quantities.
     */
--- a/app/src/main/java/com/stock/pignon/CartViewHelper.java
+++ b/app/src/main/java/com/stock/pignon/CartViewHelper.java
@@ -22,17 +22,16 @@ import java.util.List;
 public class CartViewHelper {
    /**
-     * Refreshes the entire cart side-panel or list
+     * Refreshes cart UI by synchronizing the visual list with the current CartManager state
     * Clears everything and rebuild on current CartManager data
     */
    public static void updateCartView(LinearLayout cartList, Context context) {
        if (cartList == null) return;
-        // Clear and get current items
+        // Clean item lists
        cartList.removeAllViews();
        List<CartItem> cartItems = CartManager.getItems();
-        // If empty cart, show it to user
+        // Manage empty cart
        if (cartItems.isEmpty()) {
            TextView empty = new TextView(context);
            empty.setText(context.getString(R.string.cart_empty));
@@ -40,36 +39,20 @@ public class CartViewHelper {
            empty.setGravity(Gravity.CENTER);
            empty.setPadding(0, 50, 0, 0);
            cartList.addView(empty);
            updateTotalDisplay(context, 0, 0);
-            return;
+        } else {
-        }
+            // Create list if not empty
        // Build list and calculate total at the same time
            int totalMin = 0;
            int totalMax = 0;
            for (CartItem item : cartItems) {
                totalMin += item.getTotalMin();
                totalMax += item.getTotalMax();
-            // Create and add the row view
+                // Create a line for each item
                cartList.addView(createCartItemView(item, cartList, context));
            }
        // Display global price range at the end
            updateTotalDisplay(context, totalMin, totalMax);
        }
    /**
     * Updates the global price range at the bottom of the screen
     */
    private static void updateTotalDisplay(Context context, int min, int max) {
        TextView totalView = ((Activity) context).findViewById(R.id.totalView);
        if (totalView != null) {
            // Using string resources
            totalView.setText(context.getString(R.string.price_range, min, max, "€"));
        }
    }
    /**
@@ -81,7 +64,6 @@ public class CartViewHelper {
        row.setOrientation(LinearLayout.HORIZONTAL);
        row.setGravity(Gravity.CENTER_VERTICAL);
        // Layout parameters
        LinearLayout.LayoutParams rowParams = new LinearLayout.LayoutParams(
                LinearLayout.LayoutParams.MATCH_PARENT,
                LinearLayout.LayoutParams.WRAP_CONTENT);
@@ -90,13 +72,13 @@ public class CartViewHelper {
        // Image
        ImageView image = new ImageView(context);
-        ImageLoader.loadImage(image, item.getImageFile(),200,200);
+        ImageLoader.loadImage(image, item.getImageFile(), 200, 200);
        LinearLayout.LayoutParams imgParams = new LinearLayout.LayoutParams(100, 100);
        imgParams.setMargins(0, 0, 20, 0);
        image.setLayoutParams(imgParams);
        row.addView(image);
-        // Sublayout for name + [quantity + price]
+        // Sublayout infos
        LinearLayout infoLayout = new LinearLayout(context);
        infoLayout.setOrientation(LinearLayout.VERTICAL);
        infoLayout.setLayoutParams(new LinearLayout.LayoutParams(0, LinearLayout.LayoutParams.WRAP_CONTENT, 1f));
@@ -108,7 +90,7 @@ public class CartViewHelper {
        nameView.setTypeface(null, Typeface.BOLD);
        infoLayout.addView(nameView);
-        // Quantity and price range
+        // Quantity / price
        TextView detailsView = new TextView(context);
        String details = context.getString(R.string.cart_item, item.getQuantity(), item.getTotalMin(), item.getTotalMax());
        detailsView.setText(details);
@@ -124,42 +106,35 @@ public class CartViewHelper {
    }
    /**
-     * Creates the delete button
+     * Creates the delete button for each item
    */
    private static Button createRemoveButton(CartItem item, LinearLayout cartList, Context context) {
        Button btn = new Button(context);
        btn.setText("✖");
        btn.setTextSize(18);
        btn.setTextColor(Color.WHITE);
        btn.setGravity(Gravity.CENTER);
        // Conversion DP to PX for consistent size on all screens
        float scale = context.getResources().getDisplayMetrics().density;
        int sizePx = (int) (48 * scale + 0.5f);
        btn.setLayoutParams(new LinearLayout.LayoutParams(sizePx, sizePx));
        LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(sizePx, sizePx);
        btn.setLayoutParams(params);
        // Background: grey rounded rectangle (API 17 fallback)
        GradientDrawable shape = new GradientDrawable();
-        shape.setColor(Color.parseColor("#E53935")); // Reddish to indicate delete
+        shape.setColor(Color.parseColor("#E53935"));
        shape.setCornerRadius(4 * scale);
        btn.setBackground(shape);
        btn.setOnClickListener(v -> {
-            // setting quantity to 0 removes the item
+            CartManager.addOrUpdateItem(item.getName(), item.getMinPrice(), item.getMaxPrice(), 0, item.getImageFile());
            CartManager.addOrUpdateItem(
                    item.getName(),
                    item.getMinPrice(),
                    item.getMaxPrice(),
                    0, // Setting quantity to 0 triggers removal
                    item.getImageFile()
            );
            // visual refresh of the cart list
            updateCartView(cartList, context);
        });
        return btn;
    }
    /**
     * Manage price range for whole cart
     */
    private static void updateTotalDisplay(Context context, int min, int max) {
        TextView totalView = ((Activity) context).findViewById(R.id.totalView);
        if (totalView != null) {
            totalView.setText(context.getString(R.string.price_range, min, max, "€"));
        }
    }
 }
--- a/app/src/main/java/com/stock/pignon/Category.java
+++ b/app/src/main/java/com/stock/pignon/Category.java
@@ -14,11 +14,22 @@ public class Category {
    @SuppressWarnings("unused")
    private List<Item> items;
    // Empty constructor for GSON
    public Category() {}
    // Full constructor for online editor
    public Category(String name, List<Item> items) {
        this.name = name;
        this.items = items;
        // Default colors
        this.bgColor = "#0049AF";
        this.textColor = "#FFFFFF";
    }
    // Getters
    public String getName() { return name; }
    public String getBgColor() { return bgColor; }
    public String getTextColor() { return textColor; }
    // Avoid crash if json isn't readable
    public List<Item> getItems() {
        return items != null ? items : new ArrayList<>();
    }
--- a/app/src/main/java/com/stock/pignon/Config.java
+++ b/app/src/main/java/com/stock/pignon/Config.java
@@ -9,8 +9,11 @@ public class Config {
    public static final String IMAGES_SUBDIR_NAME = "images";
    // Input json
-    public static final String PIECES_FILE_NAME = "pieces.json";
+    public static final String INPUT_JSON_NAME = "pieces.json";
    // Output json
-    public static final String STOCK_FILE_NAME = "stock.json";
+    public static final String OUTPUT_JSON_NAME = "stock.json";
    // Output json
    public static final String OUTPUT_CSV_NAME = "stock.csv";
 }
--- a/app/src/main/java/com/stock/pignon/ControlServer.java
+++ b/app/src/main/java/com/stock/pignon/ControlServer.java
@@ -1,6 +1,7 @@
 // ControlServer.java
 package com.stock.pignon;
 import android.content.Context;
 import android.os.Environment;
 import fi.iki.elonen.NanoHTTPD;
@@ -10,9 +11,12 @@ import java.io.FileOutputStream;
 import java.io.IOException;
 import java.io.InputStream;
 import java.io.OutputStream;
 import java.util.HashMap;
 import java.util.Map;
 import java.util.List;
 import java.util.ArrayList;
 import java.util.Map;
 import java.util.HashMap;
 import java.util.LinkedHashMap;
 import java.util.Scanner;
 /**
 * Create a web server to remote management of app assets.
@@ -20,13 +24,16 @@ import java.util.List;
 // Inherit what is needed to build a web server
 public class ControlServer extends NanoHTTPD {
    private final Context context;
    // Assets folders
    private final File storageRoot = Environment.getExternalStorageDirectory();
    private final File baseDir = new File(storageRoot, Config.EXTERNAL_DIR_NAME);
    private final File imagesDir = new File(baseDir, Config.IMAGES_SUBDIR_NAME);
-    public ControlServer(int port) {
+    public ControlServer(Context context, int port) {
        super(port);
        this.context = context;
    }
    /**
@@ -37,81 +44,257 @@ public class ControlServer extends NanoHTTPD {
        // Get requested address
        String uri = session.getUri();
-        // Adapt URL to find the file : /stock.json become stock.json
+        if (uri.startsWith("/img_view/")) {
-        if (uri.equals("/download_orders")) {
+            return serveImage(uri.replace("/img_view/", ""));
-            return downloadFile(Config.STOCK_FILE_NAME);
+        }
-        }
+
-        if (uri.equals("/download_json")) {
+        if (session.getMethod() == Method.GET) {
-            return downloadFile(Config.PIECES_FILE_NAME);
+            switch (uri) {
                // Soon deprecated with online editor
                case "/download_input":
                    return downloadFile(Config.INPUT_JSON_NAME);
                // Soon deprecated with online editor
                case "/output_json":
                    return viewFile(Config.OUTPUT_JSON_NAME);
                case "/download_output_json":
                    return downloadFile(Config.OUTPUT_JSON_NAME);
                case "/output_csv":
                    return viewFile(Config.OUTPUT_CSV_NAME);
                case "/download_output_csv":
                    return downloadFile(Config.OUTPUT_CSV_NAME);
                case "/edit":
                    return newFixedLengthResponse(fillEditor());
                case "/":
                    return newFixedLengthResponse(getHtml("index.html"));
            }
        }
        // File upload management
        if (session.getMethod() == Method.POST) {
-            if (uri.equals("/upload_json")) {
+            switch (uri) {
                case "/upload_json":
                    return handleJsonUpload(session);
-            } else if (uri.equals("/upload_images")) {
+                case "/upload_images":
                    return handleImagesUpload(session);
                case "/save_editor":
                    return handleSaveEditor(session);
            }
        }
-        // Return UI
+        return newFixedLengthResponse(Response.Status.NOT_FOUND, MIME_PLAINTEXT, "❌ Page non trouvée");
        return newFixedLengthResponse(getHtmlResponse());
    }
    /**
-     * HTML UI for users
+     * Read from asset and return html file
     */
-    private String getHtmlResponse() {
+    private String getHtml(String file) {
-        return "<html>" +
+        try {
-                "<head>" +
+            InputStream is = context.getAssets().open(file);
-                "<meta charset='UTF-8'>" +
+            // Scanner html file from the beginning \\A
-                "<meta name='viewport' content='width=device-width, initial-scale=1'>" +
+            Scanner s = new Scanner(is, "UTF-8").useDelimiter("\\A");
-                "<style>" +
+            String html = s.hasNext() ? s.next() : "";
-                "body { font-family: sans-serif; line-height: 1.6; padding: 20px; color: #333; max-width: 800px; margin: auto; }" +
+            is.close();
-                "h1 { color: #0049AF; border-bottom: 2px solid #0049AF; }" +
+            return html;
-                "h2 { color: #555; margin-top: 30px; }" +
+        } catch (IOException e) {
-                ".card { background: #f4f4f4; padding: 15px; border-radius: 8px; margin-bottom: 20px; border: 1px solid #ddd; }" +
+            return "<html><body>❌ Erreur de chargement de la page</body></html>";
-                ".btn { display: inline-block; width: 280px; height: 45px; line-height: 45px; text-align: center; background: #0049AF; color: white; text-decoration: none; border-radius: 4px; border: none; cursor: pointer; font-weight: bold; box-sizing: border-box; padding: 0; -webkit-appearance: none; font-family: inherit; font-size: 14px; font-style: normal; letter-spacing: normal; }" +
+        }
                ".btn-download { background: #2E7D32; }" +
                "input[type='file'] { margin: 10px 0; }" +
                ".status { font-weight: bold; color: green; }" +
                "</style>" +
                "</head>" +
                "<body>" +
                "<h1>Application : stock-pignon</h1>" +
                "<h2>Gestion des stocks</h2>" +
                "<div class='card'>" +
                "<h3>Récupérer les sacoches des adhérent·es</h3>" +
                "<p>Télécharger le décompte des pièces sorties de l'atelier.</p>" +
                "<a href='/download_orders' class='btn'>Télécharger stock.json</a>" +
                "</div>" +
                "<h2>Modifier le catalogue</h2>" +
                "<div class='card'>" +
                "<h3>Gestion du fichier JSON</h3>" +
                "<p>Catalogue actuel : <a href='/download_json' class='btn'>Télécharger pieces.json</a></p>" +
                "<hr>" +
                "<form action='/upload_json' method='post' enctype='multipart/form-data'>" +
                "<p><strong>Envoyer un nouveau catalogue :</strong></p>" +
                "<input type='file' name='json_file' accept='.json'><br>" +
                "<input type='submit' value='Remplacer pieces.json' class='btn'>" +
                "</form>" +
                "</div>" +
                "<div class='card'>" +
                "<h3>Gestion des images</h3>" +
                "<form action='/upload_images' method='post' enctype='multipart/form-data'>" +
                "<p><strong>Ajouter/Modifier des images (PNG/JPG) :</strong></p>" +
                "<input type='file' name='images' accept='image/*' multiple><br>" +
                "<input type='submit' value='Envoyer les images' class='btn'>" +
                "</form>" +
                "</div>" +
                "</body>" +
                "</html>";
    }
    /**
     * Read from asset and return html file
     */
    private String fillEditor() {
        // Get data for assets
        DataLoader.loadData();
        // Create an html string to fill the template
        StringBuilder html = new StringBuilder();
        // Browse map : 'id' for categories name, 'items' for items list
        for (Map.Entry<String, List<Item>> section : DataLoader.getAllSections().entrySet()) {
            String id = section.getKey();
            List<Item> items = section.getValue();
            // For each category, render a HTML card
            html.append(renderCategorySection(id, items));
        }
        return getHtml("editor.html").replace("{{GENERATED_CONTENT}}", html.toString());
    }
    /**
     * Generate HTML section for each category
     */
    private String renderCategorySection(String id, List<Item> items) {
        StringBuilder sb = new StringBuilder();
        sb.append("<div class='card'>");
        sb.append("<h2>");
        if ("global".equals(id)) {
            sb.append("Articles globaux");
            // Hidden input to mark cat for server
            sb.append("<input type='hidden' name='cat|").append(id).append("|name' value='global'>");
        } else {
            // Copy H2 theme
            sb.append("<input type='text' name='cat|").append(id).append("|name' ")
                    .append("value=\"").append(id).append("\" ")
                    .append("style='font-size: 1.5rem; font-weight: bold; border: none; background: transparent; color: #555; width: auto; max-width: 70%; border-bottom: 1px dashed #ccc;'>");
            // Delete category button
            sb.append(" <button type='button' class='btn-del' style='vertical-align: middle; margin-left: 10px;' ")
                    .append("onclick=\"if(confirm('Supprimer cette catégorie et tous ses articles ?')) this.closest('.card').remove()\">×</button>");
        }
        sb.append("</h2>");
        // Build table
        sb.append("<table id='table-").append(id).append("'>");
        sb.append("<tr><th>Image</th><th>Nom</th><th>Prix Min</th><th>Prix Max</th><th></th></tr>");
        for (Item item : items) {
            sb.append(renderItemRow(id, item));
        }
        sb.append("</table>");
        // Bouton pour ajouter un article dans CETTE table précise
        sb.append("<button type='button' class='btn-add' onclick=\"addRow('").append(id).append("')\">+ Ajouter article</button>");
        sb.append("</div>");
        return sb.toString();
    }
    /**
     * Generate HTML row for each item
     */
    private String renderItemRow(String catName, Item item) {
        String prefix = "item|" + catName + "|" + item.getName();
        return "<tr>" +
                "<td><img src='/img_view/" + item.getImage() + "' class='img-p' onerror=\"this.src='https://placehold.co/60?text=?'\">" +
                "<br><input type='file' accept='.jpg,.png' style='font-size:10px; width:70px' onchange='uImg(this)'>" +
                "<input type='hidden' name='" + prefix + "|img' value='" + item.getImage() + "'></td>" +
                "<td><input type='text' name='" + prefix + "|name' value=\"" + item.getName() + "\"></td>" +
                "<td><input type='number' name='" + prefix + "|min' value='" + item.getMinPrice() + "'></td>" +
                "<td><input type='number' name='" + prefix + "|max' value='" + item.getMaxPrice() + "'></td>" +
                // Retro JS compatibility
                "<td><button type='button' class='btn-del' onclick='var r=this.parentNode.parentNode; r.parentNode.removeChild(r);'>×</button></td>" +
                "</tr>";
    }
    private Response serveImage(String filename) {
        File imgJpg = new File(imagesDir, filename + ".jpg");
        File imgPng = new File(imagesDir, filename + ".png");
        File file = imgJpg.exists() ? imgJpg : (imgPng.exists() ? imgPng : null);
        if (file == null || !file.exists()) return newFixedLengthResponse(Response.Status.NOT_FOUND, "text/plain", "No image");
        try {
            Response res = newChunkedResponse(Response.Status.OK, "image/jpeg", new FileInputStream(file));
            // avoid cache if user change image
            res.addHeader("Cache-Control", "no-cache, no-store, must-revalidate");
            res.addHeader("Pragma", "no-cache");
            res.addHeader("Expires", "0");
            return res;
        } catch (IOException e) {
            return newFixedLengthResponse("Error");
        }
    }
    private Response handleSaveEditor(IHTTPSession session) {
        try {
            // NanoHTTPD reads post request : copy all data then sort parameters
            Map<String, String> files = new HashMap<>();
            session.parseBody(files);
            Map<String, List<String>> params = session.getParameters();
            // Temp struct for modified categories
            // Key is category is, value is item list
            Map<String, List<Item>> categoriesMap = new LinkedHashMap<>();
            // Map id and categories names
            Map<String, String> categoryNames = new HashMap<>();
            // Identify categories with "cat|id123|name"
            for (Map.Entry<String, List<String>> paramEntry : params.entrySet()) {
                String key = paramEntry.getKey();
                if (key.startsWith("cat|") && key.endsWith("|name")) {
                    String[] parts = key.split("\\|");
                    String catId = parts[1];
                    String catName = paramEntry.getValue().get(0);
                    // Si on ne l'a pas déjà ajouté (sécurité)
                    if (!categoriesMap.containsKey(catId)) {
                        categoriesMap.put(catId, new ArrayList<Item>());
                        categoryNames.put(catId, catName);
                    }
                }
            }
            // Group field for each items
            // Key = "catId|itemId", Value = "name, min, max, img""
            Map<String, Map<String, String>> itemDataCollector = new LinkedHashMap<String, Map<String, String>>();
            for (String key : params.keySet()) {
                if (key.startsWith("item|") || key.startsWith("new|")) {
                    String[] parts = key.split("\\|"); // [type, catId, itemId, field]
                    String catId = parts[1];
                    String itemId = parts[2];
                    String field = parts[3];
                    String value = params.get(key).get(0);
                    String fullId = catId + "|" + itemId;
                    if (!itemDataCollector.containsKey(fullId)) {
                        itemDataCollector.put(fullId, new HashMap<String, String>());
                    }
                    itemDataCollector.get(fullId).put(field, value);
                }
            }
            for (Map.Entry<String, Map<String, String>> entry : itemDataCollector.entrySet()) {
                String catId = entry.getKey().split("\\|")[0];
                Map<String, String> fields = entry.getValue();
                String name = fields.get("name");
                if (name == null) name = "Sans nom";
                String img = fields.get("img");
                if (img == null) img = "";
                int min = 0;
                int max = 0;
                try {
                    String minStr = fields.get("min");
                    if (minStr != null) min = Integer.parseInt(minStr);
                    String maxStr = fields.get("max");
                    if (maxStr != null) max = Integer.parseInt(maxStr);
                } catch (Exception e) {
                    // If error, keep 0
                }
                Item item = new Item(name, img, min, max);
                if (categoriesMap.containsKey(catId)) {
                    categoriesMap.get(catId).add(item);
                }
            }
            // Stop to use cat id and replace with cat name
            Map<String, List<Item>> finalData = new LinkedHashMap<>();
            for (String catId : categoriesMap.keySet()) {
                String realName = categoryNames.get(catId);
                finalData.put(realName, categoriesMap.get(catId));
            }
            // Save data to disk in JSON format
            DataLoader.saveData(finalData);
            return newFixedLengthResponse("✅ Catalogue enregistré ! <a href='/'>Retour</a>");
        } catch (Exception e) {
            e.printStackTrace();
            return newFixedLengthResponse("❌ Erreur : " + e.getMessage());
        }
    }
    // Soon deprecated with online editor
    /**
     * Manage JSON sent by remote.
     */
@@ -124,7 +307,7 @@ public class ControlServer extends NanoHTTPD {
            if (tmpPath == null) return newFixedLengthResponse("❌ Aucun fichier reçu.");
            File src = new File(tmpPath);
-            File dest = new File(baseDir, Config.PIECES_FILE_NAME);
+            File dest = new File(baseDir, Config.INPUT_JSON_NAME);
            copyFile(src, dest);
            return newFixedLengthResponse("✅ Catalogue mis à jour ! <a href='/'>Retour</a>");
@@ -133,6 +316,7 @@ public class ControlServer extends NanoHTTPD {
        }
    }
    // Soon deprecated with online editor
    /**
     * Manage multiple images sent by remote.
     */
@@ -178,27 +362,7 @@ public class ControlServer extends NanoHTTPD {
        }
    }
-    /**
+    // Soon deprecated with online editor
     * Prepare local file to send it to remote.
     */
    private Response downloadFile(String filename) {
        File file = new File(baseDir, filename);
        if (!file.exists()) {
            return newFixedLengthResponse(Response.Status.NOT_FOUND, MIME_PLAINTEXT, "❌ Fichier non trouvé : " + filename);
        }
        try {
            InputStream is = new FileInputStream(file);
            Response res = newChunkedResponse(Response.Status.OK, "application/octet-stream", is);
            // Force file download name
            res.addHeader("Content-Disposition", "attachment; filename=\"" + filename + "\"");
            return res;
        } catch (IOException e) {
            return newFixedLengthResponse("❌ Erreur de lecture.");
        }
    }
    /**
     * Utility method to copy file byte per byte.
     * Not always possible to simply move a file on Android.
@@ -213,4 +377,48 @@ public class ControlServer extends NanoHTTPD {
            }
        }
    }
    /**
     * Prepare file and offer as download
     */
    private Response downloadFile(String filename) {
        File file = new File(baseDir, filename);
        if (!file.exists()) {
            return newFixedLengthResponse(Response.Status.NOT_FOUND, MIME_PLAINTEXT, "❌ Fichier non trouvé.");
        }
        try {
            InputStream is = new FileInputStream(file);
            // Force download
            Response res = newChunkedResponse(Response.Status.OK, "application/octet-stream", is);
            res.addHeader("Content-Disposition", "attachment; filename=\"" + filename + "\"");
            return res;
        } catch (IOException e) {
            return newFixedLengthResponse("❌ Erreur de lecture.");
        }
    }
    /**
     * Prepare file and print it in browser
     */
    private Response viewFile(String filename) {
        File file = new File(baseDir, filename);
        if (!file.exists()) {
            return newFixedLengthResponse(Response.Status.NOT_FOUND, MIME_PLAINTEXT, "❌ Fichier non trouvé.");
        }
        try {
            InputStream is = new FileInputStream(file);
            // Force Mime type to print file inside browser
            String mimeType = "text/plain";
            Response res = newChunkedResponse(Response.Status.OK, mimeType + "; charset=utf-8", is);
            res.addHeader("Content-Disposition", "inline");
            return res;
        } catch (IOException e) {
            return newFixedLengthResponse("❌ Erreur de lecture.");
        }
    }
 }
--- a/app/src/main/java/com/stock/pignon/DataLoader.java
+++ b/app/src/main/java/com/stock/pignon/DataLoader.java
@@ -4,16 +4,21 @@ package com.stock.pignon;
 import android.os.Environment;
 import android.util.Log;
 import com.google.gson.Gson;
 import com.google.gson.GsonBuilder;
 import java.io.File;
 import java.io.FileInputStream;
 import java.io.InputStreamReader;
-import java.util.ArrayList;
+import java.io.FileOutputStream;
 import java.io.OutputStreamWriter;
 import java.util.List;
 import java.util.ArrayList;
 import java.util.Map;
 import java.util.LinkedHashMap;
 public class DataLoader {
    private static final String TAG = "DataLoader"; // For readable logs
    private static final String EXTERNAL_DIR = Config.EXTERNAL_DIR_NAME;
-    private static final String PIECES_FILE = Config.PIECES_FILE_NAME;
+    private static final String PIECES_FILE = Config.INPUT_JSON_NAME;
    // Raw data
    private static List<Category> cachedCategories = new ArrayList<>();
@@ -56,6 +61,9 @@ public class DataLoader {
        }
    }
    /**
     * Create a merge list with global items and items from a specified category for main activity
     */
    // Compromise between CPU usage and memory usage : keep cache raw data and combinate global and specific items at call
    public static List<Item> getItemsForCategory(String categoryName) {
@@ -72,13 +80,71 @@ public class DataLoader {
        return combinedList;
    }
    /**
     * To fill online editor, create a map with all items sorted by category
     */
    public static Map<String, List<Item>> getAllSections() {
        // LinkedHashMap remember item order instead of HashMap
        Map<String, List<Item>> sections = new LinkedHashMap<>();
        sections.put("global", cachedGlobals);
        for (Category cat : cachedCategories) {
            sections.put(cat.getName(), cat.getItems());
        }
        return sections;
    }
    /**
     * Create a web server to remote management of app assets.
     */
    public static List<Category> getCategories() {
        return cachedCategories;
    }
-    // Internal class for Gson
+    /**
     * Internal class for GSON
     */
    private static class CategoriesWrapper {
        List<Item> globalItems;
        List<Category> categories;
    }
    /**
     * Write JSON from online editor data
     */
    public static void saveData(Map<String, List<Item>> sections) throws Exception {
        File dir = new File(Environment.getExternalStorageDirectory(), EXTERNAL_DIR);
        File jsonFile = new File(dir, PIECES_FILE);
        // To respect original format, we use the same format as GSON
        List<Item> globalList = sections.get("global");
        if (globalList == null) {
            globalList = new ArrayList<Item>();
        }
        CategoriesWrapper wrapper = new CategoriesWrapper();
        wrapper.globalItems = globalList;
        wrapper.categories = new ArrayList<Category>();
        // Fill each category
        for (Map.Entry<String, List<Item>> entry : sections.entrySet()) {
            if (!"global".equals(entry.getKey())) {
                wrapper.categories.add(new Category(entry.getKey(), entry.getValue()));
            }
        }
        // Convert to pretty JSON, human readable
        Gson gson = new GsonBuilder().setPrettyPrinting().disableHtmlEscaping().create();
        String jsonString = gson.toJson(wrapper);
        // Write to disk
        try (FileOutputStream fos = new FileOutputStream(jsonFile);
             OutputStreamWriter writer = new OutputStreamWriter(fos, "UTF-8")) {
            writer.write(jsonString);
            writer.flush();
        }
        // Update app cache
        cachedGlobals = wrapper.globalItems;
        cachedCategories = wrapper.categories;
    }
 }
--- a/app/src/main/java/com/stock/pignon/DateHelper.java
+++ b/app/src/main/java/com/stock/pignon/DateHelper.java
@@ -0,0 +1,15 @@
 // DateHelper.java
 package com.stock.pignon;
 import java.text.SimpleDateFormat;
 import java.util.Date;
 import java.util.Locale;
 public class DateHelper {
    /**
     * Return ISO format date (AAAA-MM-JJ)
     */
    public static String getTodayIso() {
        return new SimpleDateFormat("yyyy-MM-dd", Locale.getDefault()).format(new Date());
    }
 }
--- a/app/src/main/java/com/stock/pignon/Item.java
+++ b/app/src/main/java/com/stock/pignon/Item.java
@@ -14,9 +14,24 @@ public class Item {
    // Empty constructor for GSON
    public Item() {}
    // Full constructor for online editor
    public Item(String name, String image, int minPrice, int maxPrice) {
        this.name = name;
        this.image = image;
        this.minPrice = minPrice;
        this.maxPrice = maxPrice;
    }
    // Getters
    public String getName() { return name; }
    public int getMinPrice() { return minPrice; }
    public int getMaxPrice() { return maxPrice; }
    public String getImage() { return image; }
    // Setters
    public void setName(String name) { this.name = name; }
    public void setMinPrice(int minPrice) { this.minPrice = minPrice; }
    public void setMaxPrice(int maxPrice) { this.maxPrice = maxPrice; }
    public void setImage(String image) { this.image = image; }
 }
--- a/app/src/main/java/com/stock/pignon/MainActivity.java
+++ b/app/src/main/java/com/stock/pignon/MainActivity.java
@@ -12,6 +12,7 @@ import android.widget.Button;
 import android.widget.GridLayout;
 import android.widget.ImageView;
 import android.widget.LinearLayout;
 import android.widget.FrameLayout;
 import android.widget.TextView;
 import android.os.Environment;
 import java.io.File;
@@ -35,7 +36,7 @@ public class MainActivity extends AppCompatActivity {
    // UI components
    private LinearLayout cartList;
    private LinearLayout homeLayout;
-    private LinearLayout categoryItemsLayout;
+    private FrameLayout categoryItemsLayout;
    private LinearLayout categoriesLayout;
    private GridLayout gridPieces;
    private ImageView mainImage;
@@ -61,12 +62,6 @@ public class MainActivity extends AppCompatActivity {
        gridPieces = findViewById(R.id.gridPieces);
        mainImage = findViewById(R.id.mainImage);
        // Setup Back Button
        Button backBtn = findViewById(R.id.backToHomeBtn);
        if (backBtn != null) {
            backBtn.setOnClickListener(v -> showHome());
        }
        // Copy assets to sd card if not founded
        copyAssetsIfEmpty();
        // Get data from sd card
@@ -85,22 +80,48 @@ public class MainActivity extends AppCompatActivity {
            getSupportActionBar().setTitle(" 🚲 Atelier du Pignon - Gestion du stock à prix libre");
        }
        // Get app version
        String versionName;
        try {
            versionName = "App v" + getPackageManager().getPackageInfo(getPackageName(), 0).versionName;
        } catch (Exception e) {
            versionName = ""; // Fallback
        }
        // Launch server
-        server = new ControlServer(8080);
+        server = new ControlServer(this,8080);
        try {
            server.start();
            String url = "http://" + getDeviceIP() + ":8080";
-            // On met l'URL directement dans le sous-titre de l'ActionBar
+            // Print URL in action bar for user
            if (getSupportActionBar() != null) {
-                getSupportActionBar().setSubtitle("🟢 Serveur actif : " + url);
+                getSupportActionBar().setSubtitle("Serveur en ligne : " + url + " - " + versionName);
            }
-            Log.i(TAG, "Serveur démarré sur : " + url);
+            Log.i(TAG, "Server started on : " + url);
        } catch (IOException e) {
            if (getSupportActionBar() != null) {
-                getSupportActionBar().setSubtitle("🔴 Erreur serveur : Port 8080 occupé");
+                getSupportActionBar().setSubtitle("Erreur serveur" + " - " + versionName);
            }
        }
        // Back button (blue)
        Button btnBack = findViewById(R.id.btnBackFromCategory);
        if (btnBack != null) {
            btnBack.setOnClickListener(v -> showHome());
        }
        // Empty button (red)
        Button btnClear = findViewById(R.id.clearCartBtn);
        if (btnClear != null) {
            btnClear.setOnClickListener(v -> CartActionHelper.emptyCart(cartList, this));
        }
        // Validate button (green)
        Button btnValidate = findViewById(R.id.validateCartBtn);
        if (btnValidate != null) {
            btnValidate.setOnClickListener(v -> CartActionHelper.validateCart(cartList, this));
        }
    }
    @Override
@@ -115,7 +136,7 @@ public class MainActivity extends AppCompatActivity {
        super.onDestroy();
        if (server != null) {
            server.stop();
-            Log.i(TAG, "Serveur arrêté.");
+            Log.i(TAG, "Server stopped.");
        }
    }
@@ -258,7 +279,7 @@ public class MainActivity extends AppCompatActivity {
        CartViewHelper.updateCartView(cartList, this);
    }
-    private void showHome() {
+    public void showHome() {
        categoryItemsLayout.setVisibility(View.GONE);
        homeLayout.setVisibility(View.VISIBLE);
    }
@@ -268,39 +289,70 @@ public class MainActivity extends AppCompatActivity {
        ImageLoader.loadImage(mainImage, "_velo", 800,800);
    }
    // --- Button Actions (linked via android:onClick in XML) ---
    public void emptyCart(View view) {
        CartActionHelper.emptyCart(cartList, this);
    }
    public void validateCart(View view) {
        CartActionHelper.validateCart(cartList, this);
    }
    private int dpToPx(int dp) {
        return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dp, getResources().getDisplayMetrics());
    }
    private void copyAssetsIfEmpty() {
-        File folder = new File(Environment.getExternalStorageDirectory(), Config.EXTERNAL_DIR_NAME);
+        File rootDir = new File(Environment.getExternalStorageDirectory(), Config.EXTERNAL_DIR_NAME);
-        // First safety : is folder already in sdcard ?
+        // Create root folder if not found
-        if (!folder.exists()) {
+        if (!rootDir.exists()) {
-            // Second safety : are we able to create folder ?
+            if (!rootDir.mkdirs()) {
-            if (folder.mkdirs()) {
+                Log.e("MainActivity", "Can't create root dir." + rootDir.getAbsolutePath());
-                // Copy JSON file
+                return;
                copyFileFromAssets(Config.PIECES_FILE_NAME, new File(folder, Config.PIECES_FILE_NAME));
                // Copy images subfolder
                File imgFolder = new File(folder, Config.IMAGES_SUBDIR_NAME);
                if (imgFolder.mkdirs()) {
                    copyFolderFromAssets(Config.IMAGES_SUBDIR_NAME, imgFolder);
            }
        }
        // Check pieces.json
        File inputJson = new File(rootDir, Config.INPUT_JSON_NAME);
        if (!inputJson.exists()) {
            Log.i("MainActivity", "pieces.json not found, copying it...");
            copyFileFromAssets(Config.INPUT_JSON_NAME, inputJson);
        } else {
            Log.d("MainActivity", "Keep existing pieces.json");
        }
        // Check stock.json and stock.csv output files to avoid control server error
        checkOrCreateEmptyFile(new File(rootDir, Config.OUTPUT_JSON_NAME), "[]");
        checkOrCreateEmptyFile(new File(rootDir, Config.OUTPUT_CSV_NAME), "");
        // Check images folder
        File imgDir = new File(rootDir, Config.IMAGES_SUBDIR_NAME);
        if (!imgDir.exists()) {
            if (!imgDir.mkdirs()) {
                Log.e("MainActivity", "Can't create images dir.");
                return;
            }
        }
        // Copy images only if not found
        String[] filesInImgDir = imgDir.list();
        if (filesInImgDir == null || filesInImgDir.length == 0) {
            Log.i("MainActivity", "Images folder empty. Installing images...");
            copyFolderFromAssets(Config.IMAGES_SUBDIR_NAME, imgDir);
        } else {
            Log.d("MainActivity", "Keep existing images.");
        }
    }
    /**
     * Create a file with default content if not found
     */
    private void checkOrCreateEmptyFile(File file, String defaultContent) {
        if (!file.exists()) {
            try (FileOutputStream fos = new FileOutputStream(file)) {
                fos.write(defaultContent.getBytes());
                Log.d(TAG, "Initialisation de : " + file.getName());
            } catch (IOException e) {
                Log.e(TAG, "Erreur lors de l'initialisation de " + file.getName(), e);
            }
        }
    }
    /**
     * Copy folder from assets
     */
    private void copyFolderFromAssets(String assetDirName, File destDir) {
        try {
            String[] files = getAssets().list(assetDirName);
@@ -316,25 +368,28 @@ public class MainActivity extends AppCompatActivity {
                }
            }
        } catch (IOException e) {
-            Log.e("MainActivity", "Erreur listing assets: " + assetDirName, e);
+            Log.e("MainActivity", "Listing assets error: " + assetDirName, e);
        }
    }
    /**
     * Copy file from assets
     */
    private void copyFileFromAssets(String assetName, File destFile) {
        // Optimized read
        // Try-with-resources ensures streams are automatically closed, avoid memory leaks
        try (InputStream in = getAssets().open(assetName);
             OutputStream out = new FileOutputStream(destFile)) {
-            byte[] buffer = new byte[1024];
+            byte[] buffer = new byte[8192];
            int read;
            while ((read = in.read(buffer)) != -1) {
                out.write(buffer, 0, read);
            }
-            Log.d("MainActivity", "Succès : " + assetName + " copié.");
+            Log.d("MainActivity", "Success : " + assetName + " copied.");
        } catch (IOException e) {
-            Log.e("MainActivity", "Erreur copie asset: " + assetName, e);
+            Log.e("MainActivity", "Can't copy asset: " + assetName, e);
        }
    }
@@ -355,7 +410,7 @@ public class MainActivity extends AppCompatActivity {
                }
            }
        } catch (Exception e) {
-            Log.e(TAG, "Erreur IP", e);
+            Log.e(TAG, "IP error", e);
        }
        return "127.0.0.1";
    }
--- a/app/src/main/res/layout/activity_main.xml
+++ b/app/src/main/res/layout/activity_main.xml
@@ -1,12 +1,13 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!--  activity_main.xml -->
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
-    android:background="#ffffff">
+    android:background="#ffffff"
-
+    android:baselineAligned="false"> <FrameLayout
    <FrameLayout
    android:id="@+id/contentFrame"
    android:layout_width="0dp"
    android:layout_height="match_parent"
@@ -17,9 +18,9 @@
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal"
-            android:paddingLeft="20dp">
+        android:paddingStart="20dp"
-
+        android:paddingEnd="20dp"
-            <LinearLayout
+        tools:ignore="RtlSymmetry"> <LinearLayout
        android:id="@+id/categoriesLayout"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
@@ -31,34 +32,50 @@
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
-                android:scaleType="fitCenter" />
+            android:scaleType="fitCenter"
-        </LinearLayout>
+            android:contentDescription="@string/app_name" /> </LinearLayout>
-        <LinearLayout
+    <FrameLayout
        android:id="@+id/categoryItemsLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
-            android:orientation="vertical"
+        android:visibility="gone">
            android:visibility="gone"
            android:padding="10dp">
            <Button
                android:id="@+id/backToHomeBtn"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="← Retour" />
        <ScrollView
            android:layout_width="match_parent"
-                android:layout_height="match_parent">
+            android:layout_height="match_parent"
            android:padding="10dp">
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical">
                <GridLayout
                    android:id="@+id/gridPieces"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:columnCount="4" />
-            </ScrollView>
+
                <View
                    android:layout_width="match_parent"
                    android:layout_height="100dp" />
            </LinearLayout>
        </ScrollView>
        <androidx.appcompat.widget.AppCompatButton
            android:id="@+id/btnBackFromCategory"
            android:layout_width="200dp"
            android:layout_height="70dp"
            android:layout_gravity="bottom|start"
            android:layout_margin="20dp"
            android:text="@string/cart_back_btn"
            android:textSize="20sp"
            android:textStyle="bold"
            android:textColor="#FFFFFF"
            app:backgroundTint="#1E88E5"
            android:elevation="8dp"
            tools:targetApi="l" />
    </FrameLayout>
 </FrameLayout>
    <include layout="@layout/partial_cart" />
--- a/app/src/main/res/layout/item_piece.xml
+++ b/app/src/main/res/layout/item_piece.xml
@@ -19,13 +19,15 @@
    <TextView
        android:id="@+id/itemName"
-        android:layout_width="wrap_content"
+        android:layout_width="150dp"
        android:layout_height="wrap_content"
        tools:text="Item name"
        android:textSize="20sp"
        android:layout_marginTop="0dp"
-        android:lines="1"
+        android:minLines="2"
-        android:ellipsize="end" />
+        android:maxLines="2"
        android:ellipsize="end"
        android:gravity="center"/>
    <TextView
        android:id="@+id/itemPrice"
--- a/app/src/main/res/layout/partial_cart.xml
+++ b/app/src/main/res/layout/partial_cart.xml
@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!--  partial_panier.xml -->
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/cartContainer"
    android:layout_width="350dp"
    android:layout_height="match_parent"
@@ -56,29 +57,29 @@
            android:orientation="horizontal"
            android:weightSum="2">
-            <Button
+            <androidx.appcompat.widget.AppCompatButton
                android:id="@+id/clearCartBtn"
                android:layout_width="0dp"
                android:layout_weight="1"
-                android:layout_height="60dp"
+                android:layout_height="70dp"
                android:text="@string/cart_empty_btn"
                android:textSize="18sp"
                android:textStyle="bold"
                android:textColor="#FFFFFF"
-                android:background="#E53935"
+                app:backgroundTint="#E53935"
-                android:layout_marginEnd="5dp"
+                android:layout_marginEnd="5dp"/>
                android:onClick="emptyCart"/>
-            <Button
+            <androidx.appcompat.widget.AppCompatButton
                android:id="@+id/validateCartBtn"
                android:layout_width="0dp"
                android:layout_weight="1"
-                android:layout_height="60dp"
+                android:layout_height="70dp"
                android:text="@string/cart_validate_btn"
                android:textSize="18sp"
                android:textStyle="bold"
                android:textColor="#FFFFFF"
-                android:background="#43A047"
+                app:backgroundTint="#43A047"
-                android:layout_marginStart="5dp"
+                android:layout_marginStart="5dp"/>
                android:onClick="validateCart"/>
        </LinearLayout>
    </LinearLayout>
 </LinearLayout>
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -3,8 +3,9 @@
    <string name="cart_name">Mes sacoches</string>
    <string name="cart_validate_btn">Valider</string>
    <string name="cart_back_btn">Retour</string>
    <string name="cart_empty_btn">Vider</string>
-    <string name="cart_empty">Sacoches vides</string>
+    <string name="cart_empty">C\'est vide !</string>
    <string name="cart_item">Quantité : %1$d (%2$d - %3$d €)</string>
    <string name="currency">€</string>
@@ -13,6 +14,6 @@
    <string name="popup_name">Mes sacoches</string>
    <string name="popup_item"><![CDATA[<b>%1$d x %2$s</b> : %3$d - %4$d €<br>]]></string>
    <string name="popup_total"><![CDATA[<br><b>Contribution consciente dans la petite boîte : %1$d - %2$d €</b>]]></string>
-    <string name="popup_end">Sacoches sauvegardées, merci !</string>
+    <string name="popup_end">Sacoches sauvegardées, merci ! ❤️</string>
 </resources>
Author	SHA1	Message	Date
lucasroyerdev	05f01247e2	feat: add online editor, work in progress	2026-01-30 19:48:30 +01:00
lucasroyerdev	e274352f98	refactor: move html in asset file	2026-01-30 16:49:54 +01:00
lucasroyerdev	36dec7123f	fix: fix back button over item, print item names on two lines and update default item list	2026-01-29 16:30:49 +01:00
lucasroyerdev	f4be7a90eb	fix: revert switching button to regular validate/back/return buttons, migrate to Java click listeners	2026-01-20 12:31:31 +01:00
lucasroyerdev	2c225f6821	feat: remove previous back button and add a switching validate/back button for better UX	2026-01-19 14:56:59 +01:00
lucasroyerdev	7b53f8407c	fix: back to home after cart validation	2026-01-19 13:23:08 +01:00
lucasroyerdev	7bea2fa9cf	feat: add date in output and merge quantity for each day	2026-01-19 13:07:18 +01:00
lucasroyerdev	5e69a13487	fix: create empty output files to avoid error in control server at the first use	2026-01-19 12:27:08 +01:00
lucasroyerdev	cca2183e3d	feat: add csv output support, refactor files const	2026-01-19 11:58:49 +01:00