LabelScan: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 1: / Zeile 1: @@
 <html>
-<div id="ados-labelscan">
+<div class="ados-scan__drop" id="ados-scan-drop">
-  <h2>📸 Abfüllung scannen</h2>
-  <p>Foto des Frontlabels aufnehmen oder aus der Galerie wählen. Die Erkennung läuft lokal im Browser.</p>
-   <div class="ados-scan__statusrow">
+   <div class="ados-scan__drop-icon">🖼️</div>
-    <div id="ados-scan-status">Bereit.</div>
+  <div class="ados-scan__drop-text">
-     <progress id="ados-scan-progress" max="1" value="0" hidden></progress>
+    <b>Bild hierher ziehen</b> oder
+    <!-- Button ist ein echtes Label, das das Input triggert -->
+     <label for="ados-scan-file" id="ados-scan-bigbtn" class="btn btn-secondary">
+      📸 Foto aufnehmen / wählen
+    </label>
    </div>
-   <p>
+   <!-- WICHTIG: NICHT hidden, NICHT display:none -->
-    <button id="ados-scan-bigbtn" type="button" class="btn">Foto aufnehmen / wählen</button>
+  <input id="ados-scan-file"
-    <input id="ados-scan-file" type="file" accept="image/*" capture="environment" hidden>
+         type="file"
-    <button id="ados-scan-run" class="btn btn-primary">🔍 Erkennen &amp; suchen</button>
+         accept="image/*"
-  </p>
+         capture="environment"
+         class="ados-file-input">
-  <div id="ados-scan-preview" class="ados-scan__preview"></div>
-  <h3>Vorschläge</h3>
-  <div id="ados-scan-results"></div>
 </div>
 </html>