Grotti 3.7.0: Treiber für Kobra 4 und Marlin, smartere Dateien-Auswahl und einstellbare Etiketten.

Senden und Abbruch laufen über den Treiber, Orca-Doppelzeilen und tote Ideen-API fallen weg, Drucker folgen der Datei, Etikettenformat liegt in den Einstellungen.

web/templates/etikett_lauf.html

@@ -4,83 +4,10 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>{{ title }}</title>
+{% include "_etikett_style.html" %}
 <style>
-  :root { color-scheme: light; }
-  * { box-sizing: border-box; }
-  body {
-    margin: 0;
-    font: 14px/1.35 "Segoe UI", system-ui, sans-serif;
-    color: #111;
-    background: #f3f3f3;
-  }
-  .toolbar {
-    display: flex;
-    gap: 0.6rem;
-    padding: 0.8rem 1rem;
-    background: #1a1a1a;
-    color: #eee;
-  }
-  .toolbar a, .toolbar button {
-    color: #111;
-    background: #f97316;
-    border: 0;
-    border-radius: 8px;
-    padding: 0.4rem 0.85rem;
-    font: inherit;
-    font-weight: 650;
-    text-decoration: none;
-    cursor: pointer;
-  }
-  .toolbar a.ghost { background: transparent; color: #eee; border: 1px solid #555; }
-  .sheet {
-    width: 70mm;
-    min-height: 40mm;
-    margin: 1.2rem auto;
-    padding: 3.5mm;
-    background: #fff;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-    display: grid;
-    grid-template-columns: 1fr 20mm;
-    gap: 2.5mm;
-    align-items: center;
-    overflow: hidden;
-    page-break-after: always;
-  }
+  .sheet { page-break-after: always; }
   .sheet:last-child { page-break-after: auto; }
-  .meta { min-width: 0; }
-  .meta h1 {
-    margin: 0 0 2mm;
-    font-size: 4.2mm;
-    letter-spacing: -0.02em;
-    overflow-wrap: anywhere;
-  }
-  .meta p { margin: 0 0 1.2mm; font-size: 3.1mm; color: #333; }
-  .meta .code { font-weight: 700; font-variant-numeric: tabular-nums; }
-  .qr-wrap {
-    width: 20mm;
-    height: 20mm;
-    overflow: hidden;
-    flex-shrink: 0;
-  }
-  .qr-wrap canvas,
-  .qr-wrap img {
-    display: block;
-    width: 20mm !important;
-    height: 20mm !important;
-    max-width: 100%;
-    max-height: 100%;
-  }
-  @media print {
-    body { background: #fff; }
-    .toolbar { display: none; }
-    .sheet {
-      margin: 0;
-      border: 0;
-      border-radius: 0;
-      page-break-inside: avoid;
-    }
-  }
 </style>
 </head>
 <body>
@@ -111,14 +38,15 @@
 {% endfor %}
 <script src="{{ url_for('static', filename='qrcode.min.js') }}?v=1"></script>
 <script>
+const qrMm = {{ (etikett.qr_mm if etikett is defined else 20)|tojson }};
 document.querySelectorAll("canvas.qr").forEach((node) => {
   QRCode.toCanvas(node, node.dataset.url, {
     width: 80,
     margin: 1,
     color: { dark: "#111111", light: "#ffffff" }
   }, () => {
-    node.style.width = "20mm";
-    node.style.height = "20mm";
+    node.style.width = qrMm + "mm";
+    node.style.height = qrMm + "mm";
   });
 });
 </script>