Intis/zebra-sticker-print
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add zebra browser print libs

Browse Source
This commit is contained in:
Eden Kirin
2023-07-31 15:40:21 +02:00
parent a8545c2546
commit fb34e83f6d
4 changed files with 82 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
index.html
View File

@ -11,6 +11,10 @@
<script type="text/javascript" src="lib/zpl-image/pako.js"></script>
<script type="text/javascript" src="lib/zpl-image/zpl-image.js"></script>
<script type="text/javascript" src="lib/zebra-browser-print/BrowserPrint-3.1.250.min.js"></script>
<script type="text/javascript" src="lib/zebra-browser-print/BrowserPrint-Zebra-1.1.250.min.js"></script>
<script src="./sticker-print.js"></script>
</head>
@ -18,11 +22,43 @@
<div class="container">
<h1>Sticker Print Demo</h1>
<div class="mb-3">
<label for=""></label>
<textarea class="form-control" name="zpl" rows="10"></textarea>
<div class="row">
<div class="col">
<button class="btn btn-success render">
Render
</button>
</div>
<div class="col">
<div class="mb-3">
<label class="form-label">Rendered ZPL:</label>
<textarea class="form-control" name="zpl" rows="10"></textarea>
</div>
</div>
</div>
</div>
</body>
<script>
function createHooks() {
document.querySelector("button.render").addEventListener("click", (e) => {
const options = {
qrCodeUrl: "/assets/qr-code-example.jpeg",
agencyLogoUrl: "/assets/agenzia-entrate-logo-mono.png",
companyName: "Vandelay Industries",
machineModel: "Model XL-123",
masterSystemId: "master-system-id",
extMasterSystemId: "ext-msid",
};
createInternalStickerZPL(options).then(zpl => {
document.querySelector(`textarea[name="zpl"]`).value = zpl;
});
});
}
(function () {
createHooks();
})();
</script>
</html>