Show detected tape colors in UI

2026-06-22 14:41:12 +02:00
parent e880260aa5
commit d00ce6fe90
8 changed files with 244 additions and 14 deletions
@@ -52,6 +52,20 @@
              <button id="detectTape" type="button">Erkennen</button>
            </div>
          </label>
+          <div id="tapeInfo" class="tape-info" hidden>
+            <div>
+              <span>Band</span>
+              <strong id="tapeInfoType">-</strong>
+            </div>
+            <div>
+              <span>Hintergrund</span>
+              <strong><i id="tapeBgSwatch"></i><span id="tapeBgText">-</span></strong>
+            </div>
+            <div>
+              <span>Schrift</span>
+              <strong><i id="tapeTextSwatch"></i><span id="tapeTextText">-</span></strong>
+            </div>
+          </div>
          <label>
            Laenge
            <input id="lengthMm" type="number" min="10" max="500" step="1" value="70">