LabelScan: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

Version vom 5. November 2025, 19:01 Uhr

📸 Abfüllung scannen

Foto der Front-Labelseite aufnehmen oder wählen. Die Erkennung läuft vollständig lokal im Browser.

Bereit.

@@ Zeile 2: / Zeile 2: @@
 <div id="ados-labelscan" class="ados-scan">
    <h2>📸 Abfüllung scannen</h2>
-   <p>Foto der Frontlabel-Seite aufnehmen oder wählen. Die Erkennung läuft lokal im Browser.</p>
+   <p>Foto der Front-Labelseite aufnehmen oder wählen. Die Erkennung läuft vollständig lokal im Browser.</p>
-   <div class="ados-scan__controls">
+   <div class="ados-scan__uploader" id="ados-scan-drop">
-     <input id="ados-scan-file" type="file" accept="image/*" capture="environment">
+     <button id="ados-scan-bigbtn" type="button" class="ados-scan__btn">
-     <button id="ados-scan-run">Erkennen & suchen</button>
+      <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 2l1.5 2H14l1.5-2H19a2 2 0 012 2v14a2 2 0 01-2 2H5a2 2 0 01-2-2V4a2 2 0 012-2h4zM12 7a5 5 0 100 10 5 5 0 000-10zm0 2.2A2.8 2.8 0 1112 15a2.8 2.8 0 010-5.6z"/></svg>
+      <span>Foto aufnehmen / wählen</span>
+      <small>Oder Bild hierher ziehen</small>
+     </button>
+    <!-- verstecktes echtes File-Input -->
+    <input id="ados-scan-file" type="file" accept="image/*" capture="environment" style="display:none">
    </div>
-   <div id="ados-scan-preview" class="ados-scan__preview"></div>
+  <div class="ados-scan__progress" aria-live="polite">
-   <div id="ados-scan-status" class="ados-scan__status"></div>
+    <div class="ados-scan__status" id="ados-scan-status">Bereit.</div>
+    <progress id="ados-scan-progress" max="1" value="0" style="display:none"></progress>
+  </div>
+   <div id="ados-scan-preview" class="ados-scan__preview" aria-hidden="true"></div>
+   <div class="ados-scan__actions">
+    <button id="ados-scan-run" type="button" class="ados-scan__run">Erkennen &amp; suchen</button>
+  </div>
    <h3>Vorschläge</h3>