From 75242cda1dfa708bc9c6b0e1f3a19016419e939e Mon Sep 17 00:00:00 2001
From: Eden Kirin <eden.kirin@intis.hr>
Date: Tue, 1 Aug 2023 14:19:47 +0200
Subject: [PATCH] Add BrowserPrint example

---
 lib/zebra-browser-print/sample/ZebraGray.jpg  | Bin 0 -> 2796 bytes
 .../sample/Zebra_logobox.bmp                  | Bin 0 -> 51694 bytes
 lib/zebra-browser-print/sample/index.html     | 120 ++++++++++++++++++
 lib/zebra-browser-print/sample/wc.zpl         |   1 +
 4 files changed, 121 insertions(+)
 create mode 100644 lib/zebra-browser-print/sample/ZebraGray.jpg
 create mode 100644 lib/zebra-browser-print/sample/Zebra_logobox.bmp
 create mode 100644 lib/zebra-browser-print/sample/index.html
 create mode 100644 lib/zebra-browser-print/sample/wc.zpl

diff --git a/lib/zebra-browser-print/sample/ZebraGray.jpg b/lib/zebra-browser-print/sample/ZebraGray.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..3ea75295cb4f3595203fe2dab4c864bd00e1b77f
GIT binary patch
literal 2796
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
R*Z0rg&vynAk2Mo?{{aR##%2Hj

literal 0
HcmV?d00001

diff --git a/lib/zebra-browser-print/sample/Zebra_logobox.bmp b/lib/zebra-browser-print/sample/Zebra_logobox.bmp
new file mode 100644
index 0000000000000000000000000000000000000000..e861a519451abf45bffcbaabfa7b90a9cd7eec25
GIT binary patch
literal 51694
zcmeI4Z;L#|5yy9W?soTX|L^V2TZpf~7m(+^K%a?$2*2<{B1FUlQKDe*L4rbpA_k&}
zK9R%(B1D)}|Ea3(-kF=~x#M*2YQWps>6+>4Pk*cb)a=h+zVzLnChmCgVlsIF&VEr%
zCclBtYBKi)@b~?-{|_$Og2`*IzT7^4?UnZRXTNISc>e45&EGz2-~Qd}?H}HHqkZq4
zx7zpL{eAo42k*8YefY=r<3E4Y{`Hf;w4Z<WxAu$AKW)GK$KTs;zW%EH_M5NU@Bj7B
z_CNprzWw2c|F%E=_`lX3P=o%b3{(R@V-3`LNC-?MMru<lCz%M8lX8*~kXfmol#`5r
z%u4m7oMZ%KR;nlEBqJcRQavdr83CD<>Pb1t2*|8dPs&L~KxU<SQcf}gGAq@Sa*`2{
zS*f0slZ=4OO7*0iWCUbZswd?nBOtR<Jt-#{0hyKRNjb>~$gEUP%1K5*W~F*kPBH>A
zE7g;7k`a(ush*URjDXBa^`x9+1Y}mKC*>p~AhS|EDJK~LnU(5EImrmftW;0RNk%|s
zrFwc`PDWPWxmw+uo_3EL)ID)BheLI)QW5!mKb*`>bEBLFfdeMxG)Sqon3U5XCx=Nn
z4RP|Al+ysGfa!QKV0Y%lcb)Id9>%7oIbJ;O<<njNe;7{%(;YcgPee`i-8elNHQkNV
z6T);CJtaYBre{8(4Y)skzDv|(=DH8=CLPq&T-pVJnRTx-jXk>WKeMZ2^^{}k;#5tS
zo6TxoMWjsCb)Z34sq2R9rUX9Tbovl1i5+m=gO9^o1bsG=(+Q?iPG;&C4b9<-Q!cyC
zW8ob(i;mK3Q=4^qeY;s*Ut;6UHWcDR*mi}d^AyMwuNUMN$8kzAP3?+2&p(+fd(|H+
z1ZCEEDgE>v+F80Zb!GDr`LUn-hniz3SvweJNrt;Qo^G*zSC3iY^<8rPR#lDS)PbqV
z#&P4|p+ljs!4tfaer}w@MVy*u?QcpsUGRfzgXhOYPmCS3Dm}(<s&?K1KZFM$o3u`L
z#@XU7nfnsk;6L4}qL5PqQiCZZ;Z$wtxl2=R@k<hTmw2_2LIS%HoH{XO5;mlH@6-w@
zQXiAE?!?_*%Bi_L;lwHieRJshnDkgUGBclVrB==<!Bhvw(h&f9nfujopwWxHOhMTm
zFXm)xP4t8V0zBJ25bHQb0}<QsXmBecS6Iv`#T3HJ_6)6+>~uT{a~(R`kfYQtDsm@w
z2pQybvsf;d>u6NZII(~lrxo<IX)bXoP*tqxVLEJ4$_cBU`atrWtW(q7cDu7ZWR`Z?
zU0lP#C`eCGOjoaFe9U14BTmOD7eH*$ShuTeXH@*$8Qc_&Pt}2*?FK|cmd67fXy5Fq
z?-)n#Ss|wkQ)q(i)|qwD4(2}OrnW)k^^K?Myr70bpF0iuKTyV;q5`-cadJ<nXmw#1
zSJ>{gF$=2D4e{_qy3lb_5_W~-c#f%`6ZABD8DpxW)?|BU<`iM=;KY*zG&SZ#Fb?4X
z=r0w-CpZT?_CtS)^n}&Apfk1}-_;#@iaG7GW}^c9Ai^F>IpO5dGzq5($;=Jn_PHE*
zF(7|l6m~^=N-$Lmt8EFV3{&j<EFmc6#Cn2BjrGK9*l5B(<%3s>!mfl9F58@%U@)~6
z2{`4L;3gVw(>|4Q;>9F*K%7>zs%$u-uxk-c^vOo7=>9W#+?n79VjAXD!z{iGBWmnH
z6b*@>m{T;4Q)fUE^ZCv#M=*-RCIQTj3*02f+Kmv|)3l3X_d3rDIQfeF*km`kiJt0g
zzO&;KFR8MsX#z{VB~HzXjx~f9neXRUSJz8knkDOT@1FmAa9+Av@v@IauA-y=GB1;_
zrJNX(fKyUa^d(vk+GR5y+z4zOd_sGOQ*_y$x@|1QU0Qe*p38yfR!bc6Wnot^KDo7s
zi<2;p-lnGmw!Qn4Th0qmkRMN2+~{6TM~}FNQxg=$s}M(y_J47`-9DyQ%k&gux=l|5
zm};J}8tiy*tAx`Q)1-Zza0x}Tpv~QIx}q@b%Jk$hxseDuykAd4m|)7IK_<#um2hgd
zE~^7g$8r1syQOIB=iCGMRFmBcvySc1R&tc+DaF*!=~zdDPPa3Do8zL3lVwGmd`2MR
zw4T6Tx8~hrn9w-zz<tW%m4;n`o@zH9M0v_SJuPcDt#<>$t31B4poTf2cKq<=lY4m0
z=a?!~d((u@A~x{`kn&;Z&(Nn_Pwq((rXD?+OYiv2K+QCwVt~Zs(}E9JU{JK|Kr&`V
zsVyf8io1}D<3*^Ge-wC!iej+Ic9sLaLU9=<#N<$P>dAzxYO?k1a)Sj$*=y3%F<NKB
zz0AqZ?WUsGvU5PriPsz<pgHiSG^VqLyIkwKR>TP*>|Fw*i&G`V1PLpe`|X45!JN|Z
zE#(B<@J^S;N#ibhE<Tn5Z%OH>;;<{y6Je@)IR&2v)dW;<y9oP?QcgHo+Q2)}6J_R+
z6GhveBDOf}N;sJSVILA=9eUc`xU}Kv*4ODJ`@`=&!eU0OC*)+O`kWId@o;6v8B~;B
zdDxY3x(EX_<T85nbi4>@=!{7BR~~W0)FkGFacA3`aYD_535kXR5ATa#zjXU{a#cP)
z1&6FwdN_%Gq#37r(eK8O7tBdGj@u;?bFw#8bJR@3uP!L?us$Mqf}{6>oRgm{+{n|#
zX)60I>&)d^{GSCcpPhfisfmp8bwNGjJX11`@7L?~hM(B*t1=Ee4{Ai%6~vv}2m1lK
za&PFP@d<iz+FV$v^mYgqV4tR+PEgD#D(u|{gH5t7i0*NxVfke1<&n^pj0n2|PBtYG
zF!}cy%xN~C&#$lT-}#WF^S;H_+2)jTa=M_n!zYE$DEG??FkcoCwAG3ZdECLmFu~+{
zla@B<<>3CZr(O0(6{Vcqgx2%CW8C_*bK;l7vDK~Ta!zLLQx$&k1PL@~S>98Ek(`&u
zh}M5X-mH*Q_Is7&ahW4Y;AOuUxfKr;$~o0jmjX;MMXv;`o0)f1Npiv|#iV7B9xCJH
z`YD?4;-}>!P$K&{g_?MF+m`}P?lBoAT=6+4MVNY1`<MNk==}__IIQp=ik!ak-7hb!
z)Z>HmbMS<`FgENxFXV*p_I+oDg~_owY}T9223_y1%omtw){jo-kmZcN;wh{PjQ#lq
zAB*c5WNxsM^l6K$so^rTff<i)=X@6z51*BB>crI8_3kEeeW+HuemFhguG5Qtp>c9O
zt|2Roi=y+$D!M8^E#ibP-V!yzZ)RLLjG1lae*V;!MVvw^Bw(UnABH@~(9-FrZt9)t
zFXH5<jZ97Oe$5ZBW3~f#^8F!iF5=|Unf^!4n2xk>Juq*EiHwKz|DozC;#9-N?i3So
z;+^M1dH-<rlyQP7+O0lfHL;!^bKn(n@^9u4Q+PLxafkWahwJ5stErTe^$anEH?kCW
zs;8vi!auz8|Dw!s^YdN)Gs5JibN@0%Pd=f@KQY3%8@D4k4}xPjx!nt6!nk|PVONmP
zjQZV}O@s+K#g`)E$8kDFPtbDOu3HK|?nb3`&IaO0PD%SLr>!ullH7PkU+#mGSzXto
zl3!1Z6XcD~sKw)4y$?N&tNFa{Qckk|QclWAMnGnzdQwg@0x~PrlX8*~kXfmol#`5r
z%u4m7oMZ%KR;nlEBqJcRQavdr83CD<>Pb1t2*|8dPs&L~KxU<SQcf}gGAq@Sa*`2{
zS*f0slZ=4OO7*0iWCUbZswd?nBOtR<Jt-#{0hyKRNjb>~$gEUP%1K5*W~F*kPBH>A
zE7g;7k`a(ush*URjDXBa^`x9+1Y}mKC*>p~AhS|EDJK~LnU(5EImrmftS0{l{j$YQ

literal 0
HcmV?d00001

diff --git a/lib/zebra-browser-print/sample/index.html b/lib/zebra-browser-print/sample/index.html
new file mode 100644
index 0000000..d8ba73f
--- /dev/null
+++ b/lib/zebra-browser-print/sample/index.html
@@ -0,0 +1,120 @@
+<html>
+<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
+<head>
+<script type="text/javascript" src="../BrowserPrint-3.1.250.min.js"></script>
+<script type="text/javascript">
+var selected_device;
+var devices = [];
+function setup()
+{
+	//Get the default device from the application as a first step. Discovery takes longer to complete.
+	BrowserPrint.getDefaultDevice("printer", function(device)
+			{
+		
+				//Add device to list of devices and to html select element
+				selected_device = device;
+				devices.push(device);
+				var html_select = document.getElementById("selected_device");
+				var option = document.createElement("option");
+				option.text = device.name;
+				html_select.add(option);
+				
+				//Discover any other devices available to the application
+				BrowserPrint.getLocalDevices(function(device_list){
+					for(var i = 0; i < device_list.length; i++)
+					{
+						//Add device to list of devices and to html select element
+						var device = device_list[i];
+						if(!selected_device || device.uid != selected_device.uid)
+						{
+							devices.push(device);
+							var option = document.createElement("option");
+							option.text = device.name;
+							option.value = device.uid;
+							html_select.add(option);
+						}
+					}
+					
+				}, function(){alert("Error getting local devices")},"printer");
+				
+			}, function(error){
+				alert(error);
+			})
+}
+function getConfig(){
+	BrowserPrint.getApplicationConfiguration(function(config){
+		alert(JSON.stringify(config))
+	}, function(error){
+		alert(JSON.stringify(new BrowserPrint.ApplicationConfiguration()));
+	})
+}
+function writeToSelectedPrinter(dataToWrite)
+{
+	selected_device.send(dataToWrite, undefined, errorCallback);
+}
+var readCallback = function(readData) {
+	if(readData === undefined || readData === null || readData === "")
+	{
+		alert("No Response from Device");
+	}
+	else
+	{
+		alert(readData);
+	}
+	
+}
+var errorCallback = function(errorMessage){
+	alert("Error: " + errorMessage);	
+}
+function readFromSelectedPrinter()
+{
+
+	selected_device.read(readCallback, errorCallback);
+	
+}
+function getDeviceCallback(deviceList)
+{
+	alert("Devices: \n" + JSON.stringify(deviceList, null, 4))
+}
+
+function sendImage(imageUrl)
+{
+	url = window.location.href.substring(0, window.location.href.lastIndexOf("/"));
+	url = url + "/" + imageUrl;
+	selected_device.convertAndSendFile(url, undefined, errorCallback)
+}
+function sendFile(fileUrl){
+    url = window.location.href.substring(0, window.location.href.lastIndexOf("/"));
+    url = url + "/" + fileUrl;
+    selected_device.sendFile(url, undefined, errorCallback)
+}
+function onDeviceSelected(selected)
+{
+	for(var i = 0; i < devices.length; ++i){
+		if(selected.value == devices[i].uid)
+		{
+			selected_device = devices[i];
+			return;
+		}
+	}
+}
+window.onload = setup;
+</script>
+</head>
+<body>
+
+<span style="padding-right:50px; font-size:200%">Zebra Browser Print Test Page</span><br/>
+<span style="font-size:75%">This page must be loaded from a web server to function properly.</span><br><br>
+Selected Device: <select id="selected_device" onchange=onDeviceSelected(this);></select> <!--  <input type="button" value="Change" onclick="changeDevice();">--> <br/><br/> 
+<input type="button" value="Get Application Configuration" onclick="getConfig()"><br/><br/>
+<input type="button" value="Send Config Label" onclick="writeToSelectedPrinter('~wc')"><br/><br/>
+<input type="button" value="Send ZPL Label" onclick="writeToSelectedPrinter('^XA^FO200,200^A0N36,36^FDTest Label^FS^XZ')"><br/><br/>
+<input type="button" value="Get Status" onclick="writeToSelectedPrinter('~hs'); readFromSelectedPrinter()"><br/><br/>
+<input type="button" value="Get Local Devices" onclick="BrowserPrint.getLocalDevices(getDeviceCallback, errorCallback);"><br/><br/>
+<input type="text" name="write_text" id="write_text"><input type="button" value="Write" onclick="writeToSelectedPrinter(document.getElementById('write_text').value)"><br/><br/>
+<input type="button" value="Read" onclick="readFromSelectedPrinter()"><br/><br/>
+<input type="button" value="Send BMP" onclick="sendImage('Zebra_logobox.bmp');"><br/><br/>
+<input type="button" value="Send JPG" onclick="sendImage('ZebraGray.jpg');"><br/><br/>
+<input type="button" value="Send File" onclick="sendFile('wc.zpl');"><br/><br/>
+</body>
+</html>
\ No newline at end of file
diff --git a/lib/zebra-browser-print/sample/wc.zpl b/lib/zebra-browser-print/sample/wc.zpl
new file mode 100644
index 0000000..39aa807
--- /dev/null
+++ b/lib/zebra-browser-print/sample/wc.zpl
@@ -0,0 +1 @@
+~wc