From c735cacf37961a9f49c84f24bbb64723008f7214 Mon Sep 17 00:00:00 2001
From: dadaloop82 <dadaloop82@users.noreply.github.com>
Date: Tue, 10 Mar 2026 11:25:41 +0000
Subject: [PATCH] Aggiunto campo per inserire codice a barre manualmente

- Nuovo campo numerico nella pagina scansione per digitare il barcode
- Supporto tasto Invio per ricerca rapida
- Validazione: solo numeri, 4-14 cifre
- Riusa lo stesso flusso della scansione automatica (onBarcodeDetected)
---
 assets/css/style.css | 22 ++++++++++++++++++++++
 assets/js/app.js     | 17 +++++++++++++++++
 index.html           |  8 +++++++-
 3 files changed, 46 insertions(+), 1 deletion(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index 99a5062..3799fff 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -727,6 +727,28 @@ body {
     gap: 10px;
 }
 
+.barcode-manual-entry {
+    margin-bottom: 12px;
+}
+
+.barcode-input-row {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+}
+
+.barcode-input-row .form-input {
+    flex: 1;
+    margin: 0;
+    font-size: 1.1rem;
+    letter-spacing: 1px;
+}
+
+.barcode-input-row .btn {
+    white-space: nowrap;
+    flex-shrink: 0;
+}
+
 .scan-hint {
     text-align: center;
     font-size: 0.85rem;
diff --git a/assets/js/app.js b/assets/js/app.js
index 47219fa..a14c4d8 100644
--- a/assets/js/app.js
+++ b/assets/js/app.js
@@ -743,6 +743,23 @@ async function onBarcodeDetected(barcode) {
     }
 }
 
+function submitManualBarcode() {
+    const input = document.getElementById('manual-barcode-input');
+    const barcode = (input.value || '').trim();
+    if (!barcode) {
+        showToast('Inserisci un codice a barre', 'error');
+        input.focus();
+        return;
+    }
+    if (!/^\d{4,14}$/.test(barcode)) {
+        showToast('Il codice a barre deve contenere solo numeri (4-14 cifre)', 'error');
+        input.focus();
+        return;
+    }
+    stopScanner();
+    onBarcodeDetected(barcode);
+}
+
 function startManualEntry(barcode = '') {
     stopScanner();
     // Reset form
diff --git a/index.html b/index.html
index 515f8cf..bffe4db 100644
--- a/index.html
+++ b/index.html
@@ -113,6 +113,12 @@
                 <canvas id="scanner-canvas" style="display:none"></canvas>
             </div>
             <div class="scan-result" id="scan-result" style="display:none"></div>
+            <div class="barcode-manual-entry">
+                <div class="barcode-input-row">
+                    <input type="text" id="manual-barcode-input" class="form-input" placeholder="Inserisci codice a barre..." inputmode="numeric" pattern="[0-9]*" onkeydown="if(event.key==='Enter')submitManualBarcode()">
+                    <button class="btn btn-primary" onclick="submitManualBarcode()">🔍 Cerca</button>
+                </div>
+            </div>
             <div class="scan-actions">
                 <button class="btn btn-large btn-secondary" onclick="startManualEntry()">
                     ✏️ Inserimento Manuale
@@ -121,7 +127,7 @@
                     🤖 Identifica con AI
                 </button>
             </div>
-            <p class="scan-hint">Inquadra il codice a barre del prodotto oppure usa i pulsanti sotto</p>
+            <p class="scan-hint">Inquadra il codice a barre del prodotto oppure inseriscilo manualmente</p>
         </div>
     </section>