LabelScan: Unterschied zwischen den Versionen

Version vom 7. November 2025, 21:07 Uhr

Bereit.

@@ Zeile 1: / Zeile 1: @@
 <html>
-<div class="ados-scan__drop" id="ados-scan-drop">
+<div id="ados-labelscan">
+  <input id="ados-scan-file" type="file" accept="image/*" capture="environment">
-   <div class="ados-scan__drop-icon">🖼️</div>
+   <button id="ados-scan-run" type="button">Erkennen & suchen</button>
-   <div class="ados-scan__drop-text">
+   <div id="ados-scan-status">Bereit.</div>
-    <b>Bild hierher ziehen</b> oder
+  <progress id="ados-scan-progress" max="1" value="0" hidden></progress>
-    <!-- Button ist ein echtes Label, das das Input triggert -->
+   <div id="ados-scan-preview"></div>
-    <label for="ados-scan-file" id="ados-scan-bigbtn" class="btn btn-secondary">
+  <div id="ados-scan-results"></div>
-      📸 Foto aufnehmen / wählen
-    </label>
-   </div>
-  <!-- WICHTIG: NICHT hidden, NICHT display:none -->
-  <input id="ados-scan-file"
-         type="file"
-         accept="image/*"
-         capture="environment"
-         class="ados-file-input">
 </div>
 </html>