Dasko/GoNtech
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Servis: Code128 barkod na vrhu nalepnice (laserski skener)

Browse Source
This commit is contained in:
Dasko
2026-06-23 02:54:42 +02:00
parent 966e940993
commit 8e06b9cd97
3 changed files with 54 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/templates/stranice/servis_nalepnica.html
+28 -17
View File
@@ -14,10 +14,10 @@
width: 70mm;
height: 40mm;
background: #fff;
padding: 3mm;
padding: 2.5mm 3mm;
display: flex;
align-items: center;
gap: 3mm;
flex-direction: column;
gap: 1.5mm;
overflow: hidden;
}
/* na ekranu — centrirano sa okvirom radi pregleda */
@@ -25,6 +25,12 @@
.nalepnica { margin: 24px auto; border: 1px dashed #bbb; box-shadow: 0 1px 4px rgba(0,0,0,.1); }
}
/* barkod na vrhu — preko cele širine, za laserski skener */
.barkod { flex: 0 0 auto; text-align: center; }
.barkod img { display: block; width: 100%; height: 9mm; object-fit: fill; }
.donji-red { flex: 1; min-width: 0; display: flex; align-items: center; gap: 3mm; }
.podaci { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 1.5mm; }
.broj { font-family: monospace; font-size: 14pt; font-weight: 700; line-height: 1.1; }
.red { font-size: 8pt; line-height: 1.25; }
@@ -33,7 +39,7 @@
.prazno { color: #aaa; font-style: italic; font-weight: 400; }
.qr { flex: 0 0 auto; }
.qr img { display: block; width: 26mm; height: 26mm; }
.qr img { display: block; width: 22mm; height: 22mm; }
@page { size: 70mm 40mm; margin: 0; }
@media print {
@@ -44,20 +50,25 @@
</head>
<body>
<div class="nalepnica">
<div class="podaci">
<div class="broj">{{.Nalog.BrojNaloga}}</div>
<div class="red">
<div class="labela">Klijent</div>
<div class="vrednost">{{if .KlijentNaziv}}{{.KlijentNaziv}}{{else}}<span class="prazno">—</span>{{end}}</div>
</div>
<div class="red">
<div class="labela">Uređaj</div>
<div class="vrednost">{{if .Nalog.Uredjaj}}{{.Nalog.Uredjaj}}{{else}}<span class="prazno">—</span>{{end}}</div>
</div>
</div>
{{if .QRKod}}
<div class="qr"><img src="data:image/png;base64,{{.QRKod}}" alt="QR"></div>
{{if .Barkod}}
<div class="barkod"><img src="data:image/png;base64,{{.Barkod}}" alt="Barkod"></div>
{{end}}
<div class="donji-red">
<div class="podaci">
<div class="broj">{{.Nalog.BrojNaloga}}</div>
<div class="red">
<div class="labela">Klijent</div>
<div class="vrednost">{{if .KlijentNaziv}}{{.KlijentNaziv}}{{else}}<span class="prazno">—</span>{{end}}</div>
</div>
<div class="red">
<div class="labela">Uređaj</div>
<div class="vrednost">{{if .Nalog.Uredjaj}}{{.Nalog.Uredjaj}}{{else}}<span class="prazno">—</span>{{end}}</div>
</div>
</div>
{{if .QRKod}}
<div class="qr"><img src="data:image/png;base64,{{.QRKod}}" alt="QR"></div>
{{end}}
</div>
</div>
<script>window.addEventListener('load', function(){ window.print(); });</script>
</body>