LabelScan: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

Version vom 5. November 2025, 20:21 Uhr

📸 Abfüllung scannen

Bereit.

@@ Zeile 2: / Zeile 2: @@
 <div id="ados-labelscan" class="ados-scan">
    <h2>📸 Abfüllung scannen</h2>
-  <p>Foto der Front-Labelseite aufnehmen oder wählen. Die Erkennung läuft vollständig lokal im Browser.</p>
-   <div class="ados-scan__uploader" id="ados-scan-drop">
+   <div id="ados-scan-drop" class="ados-scan__uploader">
      <button id="ados-scan-bigbtn" type="button" class="ados-scan__btn">
-       <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>
+       Foto aufnehmen / wählen
-      <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 class="ados-scan__progress" aria-live="polite">
+   <div class="ados-scan__progress">
-     <div class="ados-scan__status" id="ados-scan-status">Bereit.</div>
+     <div id="ados-scan-status">Bereit.</div>
      <progress id="ados-scan-progress" max="1" value="0" style="display:none"></progress>
    </div>
@@ Zeile 21: / Zeile 17: @@
    <div id="ados-scan-preview" class="ados-scan__preview" aria-hidden="true"></div>
-   <div class="ados-scan__actions">
+   <div class="ados-scan__actions" style="margin-top:.5rem">
      <button id="ados-scan-run" type="button" class="ados-scan__run">Erkennen &amp; suchen</button>
    </div>
@@ Zeile 29: / Zeile 25: @@
 </div>
 </html>
-{{#tag:html|
-}}

Version vom 5. November 2025, 20:21 Uhr

📸 Abfüllung scannen

Vorschläge