LabelScan: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

Version vom 5. November 2025, 23:36 Uhr

 <header class="ados-scan__header">

📸 Abfüllung scannen

Foto der Front-Label-Seite aufnehmen oder wählen. Die Erkennung läuft lokal im Browser.

 </header>

 <form id="ados-scan-form" class="ados-scan__form" onsubmit="return false">
   <label for="ados-scan-file" class="ados-scan__drop" id="ados-scan-drop" aria-label="Datei wählen oder hier ablegen">

🖼️

       Bild hierher ziehen oder
       <button id="ados-scan-bigbtn" type="button" class="btn btn-secondary">Foto aufnehmen / wählen</button>

     <input id="ados-scan-file" type="file" accept="image/*" capture="environment" hidden>
   </label>

Bereit.

     <progress id="ados-scan-progress" max="1" value="0" class="ados-scan__progress" hidden></progress>

     <button id="ados-scan-run" type="submit" class="btn btn-primary">🔍 Erkennen & suchen</button>
     <button type="reset" class="btn btn-ghost" onclick="
       const p=document.getElementById('ados-scan-preview'); if(p) p.innerHTML=;
       const f=document.getElementById('ados-scan-file'); if(f) f.value=;
       const s=document.getElementById('ados-scan-status'); if(s) s.textContent='Bereit.';
     ">Zurücksetzen</button>

 </form>

 <section class="ados-scan__resultswrap">

Vorschläge

 </section>

 <details class="ados-scan__debug">
   <summary>OCR-Text (Debug)</summary>

 </details>

 <footer class="ados-scan__note">🔒 Das Bild bleibt auf deinem Gerät. Es wird nicht hochgeladen.</footer>

@@ Zeile 1: / Zeile 1: @@
-<html>
 <div id="ados-labelscan" class="ados-scan">
@@ Zeile 8: / Zeile 7: @@
    <form id="ados-scan-form" class="ados-scan__form" onsubmit="return false">
-    <!-- Upload / Dropzone -->
      <label for="ados-scan-file" class="ados-scan__drop" id="ados-scan-drop" aria-label="Datei wählen oder hier ablegen">
        <div class="ados-scan__drop-icon">🖼️</div>
@@ Zeile 18: / Zeile 16: @@
      </label>
-    <!-- Vorschau + Status -->
      <div class="ados-scan__statusrow">
        <div id="ados-scan-status" class="ados-scan__status">Bereit.</div>
@@ Zeile 26: / Zeile 23: @@
      <div id="ados-scan-preview" class="ados-scan__preview" aria-live="polite" aria-atomic="true"></div>
-    <!-- Actions -->
      <div class="ados-scan__actions">
        <button id="ados-scan-run" type="submit" class="btn btn-primary">🔍 Erkennen &amp; suchen</button>
@@ Zeile 41: / Zeile 37: @@
      <div id="ados-scan-results" class="ados-scan__results"></div>
    </section>
+  <details class="ados-scan__debug">
+    <summary>OCR-Text (Debug)</summary>
+    <div id="ados-scan-ocr" style="white-space:pre-wrap; font-size:12px; color:#666;"></div>
+  </details>
    <footer class="ados-scan__note">🔒 Das Bild bleibt auf deinem Gerät. Es wird nicht hochgeladen.</footer>
 </div>
-</html>
-<div id="ados-scan-ocr" style="white-space:pre-wrap; font-size:12px; color:#666; margin-top:.5rem;"></div>