From 87b17e37456f16310a9e24ef5f167d026ac4050f Mon Sep 17 00:00:00 2001
From: Eden Kirin <eden.kirin@intis.hr>
Date: Tue, 1 Aug 2023 14:20:00 +0200
Subject: [PATCH] Working version

---
 index.html       | 26 +++++++++++++++++++++++++-
 sticker-print.js | 26 ++++++++++++++++++++++++++
 2 files changed, 51 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 2b35544..0d1083d 100644
--- a/index.html
+++ b/index.html
@@ -25,7 +25,10 @@
         <div class="row">
             <div class="col">
                 <button class="btn btn-success render">
-                    Render
+                    Render ZPL
+                </button>
+                <button class="btn btn-success print">
+                    Print
                 </button>
             </div>
             <div class="col">
@@ -40,6 +43,8 @@
 
 
 <script>
+    let selectedDevice = null;
+
     function createHooks() {
         document.querySelector("button.render").addEventListener("click", (e) => {
             const options = {
@@ -54,10 +59,29 @@
                 document.querySelector(`textarea[name="zpl"]`).value = zpl;
             });
         });
+
+        document.querySelector("button.print").addEventListener("click", (e) => {
+            if (!selectedDevice) {
+                console.error("Device not selected");
+            }
+            const zpl = document.querySelector(`textarea[name="zpl"]`).value;
+            selectedDevice.send(zpl, undefined, (error) => {
+                console.error(error);
+            })
+        });
+
     }
 
     (function () {
         createHooks();
+
+        getAvailablePrinters().then(devices => {
+            if (devices) {
+                selectedDevice = devices[0];
+
+            }
+        })
+
     })();
 </script>
 
diff --git a/sticker-print.js b/sticker-print.js
index 0e29378..ac894e7 100644
--- a/sticker-print.js
+++ b/sticker-print.js
@@ -169,3 +169,29 @@ async function createInternalStickerZPL(options) {
         ...options,
     });
 }
+
+
+function getAvailablePrinters() {
+    return new Promise((resolve, reject) => {
+        const devices = [];
+        BrowserPrint.getDefaultDevice("printer", device => {
+            devices.push(device);
+            const defaultDevice = device;
+
+            BrowserPrint.getLocalDevices(deviceList => {
+                //console.log(deviceList)
+                deviceList.printer.forEach(device => {
+                    if (!defaultDevice || device.uid != defaultDevice.uid) {
+                        devices.push(device);
+                    }
+                }, error => {
+                    reject("Error getting local devices");
+                }, "printer");
+                resolve(devices);
+            });
+        }, error => {
+            reject(error);
+        })
+    })
+}
+