首頁 探索 說明
登入
tom
/
Orader
關注 1
收藏 0
複製 0
程式碼 問題 0 合併請求 0 版本發佈 0 Wiki Activity
預約系統 IOS / Android Windows
2 提交歷史
1 分支列表
目錄樹: b092c08a7d
分支列表 標籤
${ item.name }
Create branch ${ searchTerm }
from 'b092c08a7d'
${ noResults }
Orader/windows/index2.html

index2.html 43KB
歷史記錄 原始文件

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681 
  1. <html>

  2. <head>

  3.     <meta charset="utf-8">

  4.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  5.     <meta name="description" content="">

  6.     <meta name="author" content="">

  7.   <script src="js/teacrypt.js" type="text/javascript"></script>

  8. <script src="js/mqttws31.min.js" type="text/javascript"></script>

  9.     <script src="js/jquery-3.5.1.min.js"></script>

  10. 	

  11.    <title>預約 QR Code</title>

  12.     <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

  13. 		<script type="text/javascript">

  14. 		 

  15. 	window.addEventListener( "pageshow",function ( event ) {

  16.   var historyTraversal = event.persisted || 

  17.                          ( typeof window.performance != "undefined" && 

  18.                               window.performance.navigation.type === 2 );

  19.   if ( historyTraversal ) {

  20.     // Handle page restore.

  21.     window.location.reload();

  22.   }

  23. });

  24.  </script>

  25.    </head>

  26. 

  27. <body class="text-center" onload="init()"  >

  28. 

  29.   

  30. 		

  31.   <div class="card" style="width: 480px ;box-shadow:  0px 0px 1px 1px rgba(0,0,0,0.1);margin: 21px auto;background-color:#FFFFFF;">

  32. 	<table style="width: 100%">   

  33.     <tbody>

  34.         <tr>

  35. 		<td  style="width: 33.3%"><button type="button" style="border-color: #dcdcdc;border-width: 0px;border-color: #dcdcdc;border-width: 0px;margin: 0px 0px 0px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;width: 110px;  height: 60px;     background-color: transparent;width:100%;" onclick="btback()"><img src="image/arrowiosback.png" width="40" height="40" style=" margin: -8px 0px 0px -120px ;" alt=""/></button></td><td  style="width: 33.3%"><button type="button" style="border-color: #dcdcdc;border-width: 1px;border-color: #dcdcdc;border-width: 1px;margin: 0px 0px 0px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;width: 110px;  height: 60px;     background-color: #cce8fc;width:100%;" hidden onclick="pcbtnSaveTmp()"'+

  36. 		'>複製</button> </td><td  style="width: 33.3%"><button type="button" style="border-color: #dcdcdc;border-width: 1px;border-color: #dcdcdc;border-width: 1px;margin: 0px 0px 0px 0px;color:#FFFFFF;font-family: Roboto_Light;  font-size: 24px;width: 110px;  height: 60px;     background-color: #64c800;width:100%;" hidden onclick="pcbtnSaveqr()">下載</button></td>

  37.         </tbody>  

  38.         </table> 

  39. 	  <div style="margin: 1px 0 0px 1px;background-color:#FFFFFF;" >

  40. 	  <button id="btn100"  style="margin: 2px 0px 0px 0px;outline:none;line-height:40px;vertical-align: middle;  text-align: left;width:60%;border:0px white none;background-color:#FFFFFF;font-family:Roboto_Light;font-size:24px;color:#646464;height:46px;"></button>

  41.      <button id="btn200"  style="margin: 0px 5px 0px 0px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);outline:none;line-height:40px;vertical-align: middle;  text-align: center;width:35%;border:0px white none;background-color:#e6e6e6;font-family:Roboto_Light;font-size:24px;color:#646464;height:42px;" onclick="Addpay6()">全部</button>

  42. 	   </div>

  43. 	  <div style="text-align:center">

  44. <!--	<h1 class="h3 mb-3 font-weight-normal">預收貨款</h1> -->

  45.     <!-- <form class="form-signin" id="senddocument"> -->

  46. 	

  47. <div style="width: 100%;">	  

  48.   <button id="addneworder" style="border-color: #dcdcdc;border-width: 1px;width: 95%;

  49.   height: 56px; 

  50.   margin: 10px 0px 10px 0px ;

  51.   padding: 11px 0 22px;

  52.   border-radius: 3px;

  53.   font-family:Roboto_Light;font-size:24px;color:#646464;

  54.   background-color: #e6e6e6;" onclick="Addpay5()" disabled>

  55.   新增預約 <img src="image/addorder.png" width="40" height="40" style=" margin: -8px 0px 0px 10px ;" alt=""/></button></div>

  56.   

  57.   <div id="doorlist"  >

  58.   

  59. </div>

  60.    

  61.  </div>

  62. 

  63.  </div>

  64. 

  65.  

  66.    

  67.   

  68. <div id="output" style="display:none">

  69.     <h2>Output</h2>

  70. </div>

  71. <div id="output2"  style="display:none">

  72.     <br>

  73.     <h2>無資料</h2>

  74. </div>

  75. 

  76.  <script type="text/javascript">

  77.  var message345 ;

  78. var message467;

  79. var isconn=false;

  80.  var paytype='0';

  81.   function btback()

  82.  {

  83.   document.location = "index1.html??ID="+kkid+"&SubID="+SubID+"&CID="+CID+"&PW="+PW+"&TYPE=PC&SN="+SN+"&MQTT="+vmqtt;

  84.   }	

  85.   

  86.  function Addpay6()

  87.  {

  88.  

  89.  switch (paytype) {

  90.   case '0': //all to t

  91.     //alert(paytype);

  92.  document.getElementById("btn200").innerHTML  ='週期'; 

  93.   document.getElementById("btn200").style.backgroundColor ="rgb(223,247,198)"

  94.  paytype='1';

  95.  doorlist.innerHTML ='';

  96.  try

  97. 		 {

  98.  for (i=0;i<keylist.length;i++)

  99.  { 

  100. 		var vobk=keylist[i];

  101. 		

  102. 		var vttovt = vobk.TimeStamp;

  103. 		vttovt=vttovt.replace('_',' ');

  104. 		vttovt=vttovt.replace(',','~');

  105. 		vttovt=vttovt.replace('_',' ');

  106. 		

  107. 		var vdddt = vttovt.split('~')[1];

  108. 		vdddt=vdddt.replace('/','-');

  109. 		vdddt=vdddt.replace('/','-');

  110. 		vdddt=vdddt.replace(' ','T');

  111. 		vdddt='20'+vdddt+':00'

  112. 		//alert(vdddt);

  113. 		

  114. 		let date1 = new Date();

  115. 		//let date2 = new Date(2022, 08, 03, 11, 45, 55); 

  116. 		//let date2 = new Date( Date.parse(vdddt)); 

  117. 		//let date2 = Date.parse("2019-01-01T12:30:00")

  118. 		 

  119. 		let date2 = Date.parse(vdddt);

  120. 		

  121. 		 

  122. 		//alert(Date.parse(date1)+','+date2);

  123. 		//alert(date1<date2);

  124. 		if (date1<date2)

  125. 		{

  126. 		 

  127. 		if (vobk.Type=='2')

  128. 		{

  129. 		   

  130. 		   var vcy = vobk.Cycle.split(',');

  131. 		    var hpix =  56;

  132. 			//var hpix =  66;

  133. 			

  134. 			var cytxt='';

  135. 			let days=[];

  136.  

  137. 			if (vcy[0]=='0000000')

  138. 			{

  139. 			}else

  140. 			{

  141. 			hpix=hpix+34;

  142. 			 

  143. 			if (vcy[0].substring(0,1)=='1')

  144. 			days.push('日');

  145. 			if (vcy[0].substring(1,2)=='1')

  146. 			days.push('一');

  147. 			if (vcy[0].substring(2,3)=='1')

  148. 			days.push('二');

  149. 			if (vcy[0].substring(3,4)=='1')

  150. 			days.push('三');

  151. 			if (vcy[0].substring(4,5)=='1')

  152. 			days.push('四');

  153. 			if (vcy[0].substring(5,6)=='1')

  154. 			days.push('五');

  155. 			if (vcy[0].substring(6,7)=='1')

  156. 			days.push('六');	

  157. 			

  158. 			 

  159. 			 

  160. 			vcy[1]=vcy[1].substr(0,2)+':'+vcy[1].substr(2,2);

  161. 			vcy[2]=vcy[2].substr(0,2)+':'+vcy[2].substr(2,2);

  162. 			

  163. 			 

  164. 			

  165. 			cytxt=cytxt+'<br>1.'+vcy[1]+'~'+vcy[2]+'&nbsp'+'&nbsp'+days.join(',');

  166. 			}

  167. 			

  168. 			days=[];

  169. 			if (vcy[3]=='0000000')

  170. 			{

  171. 			}else

  172. 			{

  173. 			hpix=hpix+34;

  174. 			 

  175. 			if (vcy[3].substring(0,1)=='1')

  176. 			days.push('日');

  177. 			if (vcy[3].substring(1,2)=='1')

  178. 			days.push('一');

  179. 			if (vcy[3].substring(2,3)=='1')

  180. 			days.push('二');

  181. 			if (vcy[3].substring(3,4)=='1')

  182. 			days.push('三');

  183. 			if (vcy[3].substring(4,5)=='1')

  184. 			days.push('四');

  185. 			if (vcy[3].substring(5,6)=='1')

  186. 			days.push('五');

  187. 			if (vcy[3].substring(6,7)=='1')

  188. 			days.push('六');

  189. 			 

  190. 			vcy[4]=vcy[4].substr(0,2)+':'+vcy[4].substr(2,2);

  191. 			vcy[5]=vcy[5].substr(0,2)+':'+vcy[5].substr(2,2);

  192. 			

  193. 			cytxt=cytxt+'<br>2.'+vcy[4]+'~'+vcy[5]+'&nbsp'+'&nbsp'+days.join(',');

  194. 			}

  195. 			

  196. 			days=[];

  197. 			if (vcy[6]=='0000000')

  198. 			{

  199. 			}else

  200. 			{

  201. 			hpix=hpix+34;

  202. 			

  203. 			if (vcy[6].substring(0,1)=='1')

  204. 			days.push('日');

  205. 			if (vcy[6].substring(1,2)=='1')

  206. 			days.push('一');

  207. 			if (vcy[6].substring(2,3)=='1')

  208. 			days.push('二');

  209. 			if (vcy[6].substring(3,4)=='1')

  210. 			days.push('三');

  211. 			if (vcy[6].substring(4,5)=='1')

  212. 			days.push('四');

  213. 			if (vcy[6].substring(5,6)=='1')

  214. 			days.push('五');

  215. 			if (vcy[6].substring(6,7)=='1')

  216. 			days.push('六');	

  217. 		 

  218. 		      

  219. 			vcy[7]=vcy[7].substr(0,2)+':'+vcy[7].substr(2,2);

  220. 		        vcy[8]=vcy[8].substr(0,2)+':'+vcy[8].substr(2,2);

  221. 		 	cytxt=cytxt+'<br>3.'+vcy[7]+'~'+vcy[8]+'&nbsp'+'&nbsp'+days.join(',');

  222. 			}

  223. 			

  224. 			doorlist.innerHTML =doorlist.innerHTML+'<div style="width: 100%;text-align:center"><label style="text-align:left;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);;width: 95%;height: '+hpix+'px;margin: 5px 0px 10px 0px ;padding: 6px 6px 5px;font-family:Roboto_Light;font-size:16px;color:#000000;background-color: #ffffff;" onclick="btnitemback2(\''+vobk.IndexID+'\')">'+vttovt+'<br>'+vobk.Title+cytxt+'</label></div>';

  225. 	 

  226. 		

  227. 		}

  228.   }

  229.   }

  230. 		 

  231. 		 }catch(e)

  232. 		 {

  233. 		 alert(e);

  234. 		 }

  235. 		

  236.     break;

  237.   case '1': //t to cycle

  238.    //alert(paytype);

  239.  

  240.  document.getElementById("btn200").innerHTML  ='時段';

  241.   document.getElementById("btn200").style.backgroundColor ="rgb(255,255,255)"

  242.  paytype='2'; //cycle to all

  243.   doorlist.innerHTML ='';

  244.    try

  245. 		 {

  246.  for (i=0;i<keylist.length;i++)

  247.  { 

  248. 		var vobk=keylist[i];

  249. 		var vttovt = vobk.TimeStamp;

  250. 		vttovt=vttovt.replace('_',' ');

  251. 		vttovt=vttovt.replace(',','~');

  252. 		vttovt=vttovt.replace('_',' ');

  253. 		

  254. 		var vdddt = vttovt.split('~')[1];

  255. 		vdddt=vdddt.replace('/','-');

  256. 		vdddt=vdddt.replace('/','-');

  257. 		vdddt=vdddt.replace(' ','T');

  258. 		vdddt='20'+vdddt+':00'

  259. 		//alert(vdddt);

  260. 		

  261. 		let date1 = new Date();

  262. 		//let date2 = new Date(2022, 08, 03, 11, 45, 55); 

  263. 		//let date2 = new Date( Date.parse(vdddt)); 

  264. 		//let date2 = Date.parse("2019-01-01T12:30:00")

  265. 		 

  266. 		let date2 = Date.parse(vdddt);

  267. 		

  268. 		 

  269. 		//alert(Date.parse(date1)+','+date2);

  270. 		//alert(date1<date2);

  271. 		if (date1<date2)

  272. 		{

  273. 		

  274. 		if (vobk.Type=='1')

  275. 		{

  276. 		doorlist.innerHTML =doorlist.innerHTML+'<div style="width: 100%;text-align:center"><label style="text-align:left;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);;width: 95%;height: 66px;margin: 5px 0px 10px 0px ;padding: 6px 6px 5px;font-family:Roboto_Light;font-size:16px;color:#000000;background-color: #ffffff;" onclick="btnitemback2(\''+vobk.IndexID+'\')">'+vttovt+'<br>'+vobk.Title+'</label></div>';

  277. 	 

  278. 		}

  279. 		 

  280. 		 

  281.   }

  282.   }

  283. 		 

  284. 		 }catch(e)

  285. 		 {

  286. 		 alert(e);

  287. 		 }

  288.    break;

  289.   case '2':

  290.      //alert(paytype);

  291.   document.getElementById("btn200").innerHTML  ='全部';

  292.    document.getElementById("btn200").style.backgroundColor ="rgb(230,230,230)"

  293.  paytype='0';

  294.  	  doorlist.innerHTML ='';

  295. 		 try

  296. 		 {

  297.  for (i=0;i<keylist.length;i++)

  298.  { 

  299. 		var vobk=keylist[i];

  300. 		var vttovt = vobk.TimeStamp;

  301. 		vttovt=vttovt.replace('_',' ');

  302. 		vttovt=vttovt.replace(',','~');

  303. 		vttovt=vttovt.replace('_',' ');

  304. 		

  305. 		var vdddt = vttovt.split('~')[1];

  306. 		vdddt=vdddt.replace('/','-');

  307. 		vdddt=vdddt.replace('/','-');

  308. 		vdddt=vdddt.replace(' ','T');

  309. 		vdddt='20'+vdddt+':00'

  310. 		//alert(vdddt);

  311. 		

  312. 		let date1 = new Date();

  313. 		//let date2 = new Date(2022, 08, 03, 11, 45, 55); 

  314. 		//let date2 = new Date( Date.parse(vdddt)); 

  315. 		//let date2 = Date.parse("2019-01-01T12:30:00")

  316. 		 

  317. 		let date2 = Date.parse(vdddt);

  318. 		

  319. 		 

  320. 		//alert(Date.parse(date1)+','+date2);

  321. 		//alert(date1<date2);

  322. 		if (date1<date2)

  323. 		{

  324. 		

  325. 		if (vobk.Type=='1')

  326. 		{

  327. 		doorlist.innerHTML = doorlist.innerHTML+'<div style="width: 100%;text-align:center"><label style="text-align:left;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);;width: 95%;height: 66px;margin: 5px 0px 10px 0px ;padding: 6px 6px 5px;font-family:Roboto_Light;font-size:16px;color:#000000;background-color: #ffffff;" onclick="btnitemback2(\''+vobk.IndexID+'\')">'+vttovt+'<br>'+vobk.Title+'</label></div>';

  328. 	

  329. 		}

  330. 		if (vobk.Type=='2')

  331. 		{

  332. 		   

  333. 		   var vcy = vobk.Cycle.split(',');

  334. 		   var hpix =  56;

  335.   //var hpix =  66;

  336. 				

  337. 		var cytxt='';

  338. 			let days=[];

  339.  

  340. 			if (vcy[0]=='0000000')

  341. 			{

  342. 			}else

  343. 			{

  344. 			hpix=hpix+34;

  345. 			 

  346. 			if (vcy[0].substring(0,1)=='1')

  347. 			days.push('日');

  348. 			if (vcy[0].substring(1,2)=='1')

  349. 			days.push('一');

  350. 			if (vcy[0].substring(2,3)=='1')

  351. 			days.push('二');

  352. 			if (vcy[0].substring(3,4)=='1')

  353. 			days.push('三');

  354. 			if (vcy[0].substring(4,5)=='1')

  355. 			days.push('四');

  356. 			if (vcy[0].substring(5,6)=='1')

  357. 			days.push('五');

  358. 			if (vcy[0].substring(6,7)=='1')

  359. 			days.push('六');	

  360. 			

  361. 			

  362. 			vcy[1]=vcy[1].substring(0,2)+':'+vcy[1].substring(2,4);

  363. 			vcy[2]=vcy[2].substring(0,2)+':'+vcy[2].substring(2,4);

  364. 			

  365. 			cytxt=cytxt+'<br>1.'+vcy[1]+'~'+vcy[2]+'&nbsp'+'&nbsp'+days.join(',');

  366. 			}

  367. 			

  368. 			days=[];

  369. 			if (vcy[3]=='0000000')

  370. 			{

  371. 			}else

  372. 			{

  373. 			hpix=hpix+34;

  374. 			 

  375. 			if (vcy[3].substring(0,1)=='1')

  376. 			days.push('日');

  377. 			if (vcy[3].substring(1,2)=='1')

  378. 			days.push('一');

  379. 			if (vcy[3].substring(2,3)=='1')

  380. 			days.push('二');

  381. 			if (vcy[3].substring(3,4)=='1')

  382. 			days.push('三');

  383. 			if (vcy[3].substring(4,5)=='1')

  384. 			days.push('四');

  385. 			if (vcy[3].substring(5,6)=='1')

  386. 			days.push('五');

  387. 			if (vcy[3].substring(6,7)=='1')

  388. 			days.push('六');

  389. 			

  390. 			vcy[4]=vcy[4].substring(0,2)+':'+vcy[4].substring(2,4);

  391. 			vcy[5]=vcy[5].substring(0,2)+':'+vcy[5].substring(2,4);

  392. 			 

  393. 			cytxt=cytxt+'<br>2.'+vcy[4]+'~'+vcy[5]+'&nbsp'+'&nbsp'+days.join(',');

  394. 			}

  395. 			

  396. 			days=[];

  397. 			if (vcy[6]=='0000000')

  398. 			{

  399. 			}else

  400. 			{

  401. 			hpix=hpix+34;

  402. 			

  403. 			if (vcy[6].substring(0,1)=='1')

  404. 			days.push('日');

  405. 			if (vcy[6].substring(1,2)=='1')

  406. 			days.push('一');

  407. 			if (vcy[6].substring(2,3)=='1')

  408. 			days.push('二');

  409. 			if (vcy[6].substring(3,4)=='1')

  410. 			days.push('三');

  411. 			if (vcy[6].substring(4,5)=='1')

  412. 			days.push('四');

  413. 			if (vcy[6].substring(5,6)=='1')

  414. 			days.push('五');

  415. 			if (vcy[6].substring(6,7)=='1')

  416. 			days.push('六');	

  417. 			

  418. 			

  419. 			vcy[7]=vcy[7].substring(0,2)+':'+vcy[7].substring(2,4);

  420. 		        vcy[8]=vcy[8].substring(0,2)+':'+vcy[8].substring(2,4);

  421. 		 

  422. 			cytxt=cytxt+'<br>3.'+vcy[7]+'~'+vcy[8]+'&nbsp'+'&nbsp'+days.join(',');

  423. 			}

  424. 			

  425. 			doorlist.innerHTML =doorlist.innerHTML+'<div style="width: 100%;text-align:center"><label style="text-align:left;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);;width: 95%;height: '+hpix+'px;margin: 5px 0px 10px 0px ;padding: 6px 6px 5px;font-family:Roboto_Light;font-size:16px;color:#000000;background-color: #ffffff;" onclick="btnitemback2(\''+vobk.IndexID+'\')">'+vttovt+'<br>'+vobk.Title+cytxt+'</label></div>';

  426. 	

  427. 		

  428. 		}

  429.   }

  430.   }

  431. 		 

  432. 		 }catch(e)

  433. 		 {

  434. 		 alert(e);

  435. 		 }

  436.     break;

  437.   

  438. }

  439.  // alert(paytype);

  440.  

  441.  }

  442. function Addpay5()

  443.  {

  444.  var vvvi='';

  445.  var isf = false;

  446.  //alert(itnos.join(','));

  447.  for (i=0;i<50;i++)

  448.  {

  449. 

  450.  if (itnos.includes(i.toString()))

  451.  {

  452.  //alert(i+"in");

  453.  }

  454.  else

  455.  {

  456.  if (isf)

  457.  {

  458.  

  459.  }else

  460.  {

  461.    //alert(i+'no');

  462.    isf=true;

  463.    vvvi=i.toString();

  464.    //alert(vvvi);

  465. 

  466.  }

  467.  

  468.  } 

  469.  }

  470.  //alert(vvvi);

  471.  //return;

  472.  //alert('5');

  473. 

  474.  if (vvvi.length==0)

  475.  {

  476.  alert('預約數量已滿,請刪除其它預約後重新新增!');

  477.  return;

  478.  }

  479.  else

  480.  {

  481.  //alter(Id);

  482.  // alter(kkid);

  483.  

  484.   // document.location = "index3.html?idx="+vvvi+"&tt="+"&cy="+"&name="+kname+"&st="+"&et="+"&tp=1"+"&cid="+kkid+"&CID="+CID+"&ID="+ID+"&PW="+PW+"&TYPE="+TYPE+"&SN="+SN+"&MQTT="+vmqtt+"&SubID="+SubID; 

  485.   document.location = "index3.html?idx="+vvvi+"&tt="+"&qrcd=&cy="+"&name="+kname+"&st="+"&et="+"&tp=1"+"&CID="+CID+"&ID="+kkid+"&PW="+PW+"&TYPE="+TYPE+"&SN="+SN+"&MQTT="+vmqtt+"&SubID="+SubID; 

  486.  

  487.  }

  488.  

  489.  }

  490.  

  491.    function btnitemback2(i)

  492.  {

  493.  try

  494.  {

  495. // alert(i);

  496.  //alert(keylist.length);

  497.   var vobk='';

  498.   

  499.   //jm123

  500.    for (ij=0;ij<keylist.length;ij++)

  501.    {

  502.    

  503.    

  504.    if (keylist[ij].IndexID==i)

  505.    {

  506.     //alert(keylist[ij].IndexID);

  507.     vobk=keylist[ij];

  508.    }

  509.    

  510.    

  511.    }

  512. 

  513.  

  514.  

  515.  

  516. //  alert(vobk);

  517. 		var vttovt = vobk.TimeStamp;

  518. 		//vttovt=vttovt.replace('_',' ');

  519. 		//vttovt=vttovt.replace(',','~');

  520. 		//vttovt=vttovt.replace('_',' ');

  521. 		vst = vttovt.split(',')[0];

  522. 		vet =  vttovt.split(',')[1];

  523. 		//alert(vst);

  524. 		//alert(vet);

  525. 		var type = vobk.Type;

  526. 		var cy=vobk.Cycle;

  527. 		var vvqrcd = vobk.CardID;

  528. 		vvqrcd=vvqrcd.replaceAll('=','-');

  529. 		cy=cy.replace('(null)','');

  530. 		var ttt = vobk.Title;

  531. 		ttt=ttt.replace('(null)','');

  532. 		//alert(ID);

  533. 		//alert(kkid);

  534.   document.location = "index3.html?idx="+vobk.IndexID+"&qrcd="+vvqrcd+"&tt="+ttt+"&cy="+cy+"&name="+kname+"&st="+vst+"&et="+vet+"&tp="+type+"&CID="+CID+"&ID="+kkid+"&PW="+PW+"&TYPE="+TYPE+"&SN="+SN+"&MQTT="+vmqtt+"&SubID="+SubID;; 

  535.   }catch(e)

  536.   {

  537.   alert(e);

  538.   }

  539.  }

  540.  	function getKeylist() 

  541. 	 {

  542. 	 

  543. 	 var vt=new Date().format("yyyy/MM/dd_HH:mm:ss")

  544. 	 //alert(vt);

  545. 	//alert(kkid);

  546. 	 

  547. 	     // var edata ="{\"action\":\"mqttqueryRemoteKey\",\"data\":{\"Command\":\"UserID=35503000&IndexID=1&ORDER=T&PassWord=CMM87krWqj8Ltt00\",\"SerialNo\":\"Reserve8869990002301\",\"TimeStamp\":\""+vt+"\",\"Token\":\"Gigatech23634857\"}}";

  548. 	     var edata ="{\"action\":\"mqttqueryRemoteKey\",\"data\":{\"Command\":\"UserID="+kkid+"&IndexID=*&ORDER=T&PassWord="+PW+"\",\"SerialNo\":\"Reserve"+CID+"1-"+SubID+"\",\"TimeStamp\":\""+vt+"\",\"Token\":\"Gigatech23634857\"}}";

  549. 	   

  550. 	   var jsonString = "{\"action\":\"encode\", \"serial\":\"001\",\"data\":"+edata+"}";

  551. 			vsn='001';

  552.         updateOutput(jsonString);

  553. 		

  554. 		if (TYPE=='IOS')

  555. 		{

  556.         window.webkit.messageHandlers.WebToApp.postMessage(jsonString);

  557. 		}

  558. 	

  559. 		if (TYPE=='ANDROID')

  560. 		{

  561.         webSocket.send(jsonString);

  562. 		}

  563. 	

  564. 	    if (TYPE=='PC')

  565. 		{

  566. 		 

  567. 		  selfendecode(edata);

  568. 		}

  569. 	}

  570. 	

  571.  

  572.  

  573.  </script>

  574.  

  575. <script type="text/javascript">

  576.  var CID = '';

  577.   var ID = '';

  578.   var PW = '';

  579.     var TYPE = '';

  580. var client;

  581. var myclientid='';

  582.     var callist = '';

  583. 	var kkid='';

  584. 	var kname='';

  585. 

  586. 	var keylist='';

  587. 	let itnos=[];

  588. 	 var isget = false;

  589. 	  var vmqtt='';

  590. 	var SN='';

  591. 	var vsn='';

  592. 	var SubID='';

  593.   var  isget2=false;

  594. function init() 

  595. {

  596. try

  597. {

  598. kkid=  getUrlParameter('KID');

  599. kname=  getUrlParameter('name');

  600. CID = getUrlParameter('CID');

  601.     ID = getUrlParameter('ID');

  602. 	PW= getUrlParameter('PW');

  603. 	TYPE= getUrlParameter('TYPE');

  604. 	 SN = getUrlParameter('SN');

  605. 	vmqtt = getUrlParameter('MQTT');

  606. 	SubID = getUrlParameter('SubID');

  607. //alert(kname);

  608.  document.getElementById("btn100").innerHTML  =kname;

  609. // alert( 'xx'+document.getElementById("btn100").innerHTML );

  610. updateOutput('init');

  611.  /*

  612.     CID = getUrlParameter('CID');

  613.     ID = getUrlParameter('ID');

  614. 	PW= getUrlParameter('PW');

  615. 	TYPE= getUrlParameter('TYPE');

  616. 	*/

  617. 	

  618. 	//CID = '886999000230';

  619.     //ID = '00000000';

  620. 	//PW= 'CMM87krWqj8Ltt00';

  621. 	//TYPE='IOS';

  622. 	

  623.   updateOutput('CID='+CID);

  624.   updateOutput('ID='+ID);

  625.    updateOutput('PW='+PW);

  626. updateOutput('TYPE='+TYPE);

  627.  if (TYPE=='ANDROID')

  628. 		{

  629.        connect();

  630. 		}

  631. 		 if (TYPE=='IOS')

  632. 		{

  633. 		 

  634.     var vivi = 0;

  635.     var intervalID  =   setInterval(() => {

  636. 	 if (isget)

  637. 	 {

  638. 	// break;

  639. 	 }

  640. 	 else

  641. 	 {

  642. 	   if (vivi>4)

  643. 	   {

  644. 	    clearInterval(intervalID);

  645. 	    alert('連線異常');

  646. 	   }

  647. 	   else

  648. 	   {

  649. 	      vivi++;

  650. 	      getKeylist() ;

  651. 	   }

  652.       

  653. 	}

  654.   }, 400);

  655.   

  656. 

  657.   }

  658.  if (TYPE=='PC')

  659. 		{

  660. 		 

  661.     var vivi = 0;

  662.     var intervalID  =   setInterval(() => {

  663. 	 if (isget)

  664. 	 {

  665. 	// break;

  666. 	 }

  667. 	 else

  668. 	 {

  669. 	   if (vivi>4)

  670. 	   {

  671. 	    clearInterval(intervalID);

  672. 	    alert('連線異常');

  673. 	   }

  674. 	   else

  675. 	   {

  676. 	      vivi++;

  677. 	      getKeylist() ;

  678. 	   }

  679.       

  680. 	}

  681.   }, 400);

  682.   

  683. 

  684.   }

  685. 

  686. 		//myclientid="Giga"+CID+"1-"+ parseInt(Math.random() * 100000000, 10);

  687. myclientid="GigaPC"+CID+"1-"+SubID;

  688. 			

  689. 	client = new Paho.MQTT.Client(vmqtt, Number(8083), myclientid);

  690. 		client.onMessageArrived = onMessageArrived;

  691. 			client.onConnectionLost = onConnectionLost; 

  692. 	    //client.connect( {onSuccess: onConnect,timeout: 3});

  693.     client.connect( {onSuccess: onConnect, onFailure : onFailedConnect,timeout: 3,keepAliveInterval: 35});

  694. 	

  695. 	

  696. }catch(e)

  697. {

  698. alert(e);

  699. }

  700. }

  701. function onConnectionLost(message) 

  702. {

  703. alert('連線失敗或重複登入,將返回登入畫面');

  704. document.location = "index.html?TYPE=PC&ID=00000000";

  705. // client.connect( {onSuccess: onConnect, onFailure : onFailedConnect});

  706. }

  707. function onMessageArrived(message) 

  708. {

  709. //alert(message.destinationName);

  710. //alert(message.payloadString);

  711. // output2.innerHTML += "<br/>" +  message.payloadString;

  712. var errda = message.payloadString;

  713. if (errda.startsWith('modify'))

  714. {

  715.  var kkdd = errda.split(',');

  716.  

  717. if (kkdd[3]==kname)

  718.  {

  719.   //alert('same');

  720.   if (kkdd[2]!=SubID)

  721.   {

  722.     isget=false;

  723.     var vivi = 0;

  724.     var intervalID  =   setInterval(() => {

  725. 	 if (isget)

  726. 	 {

  727. 	// break;

  728. 	 }

  729. 	 else

  730. 	 {

  731. 	  

  732. 	   if (vivi>4)

  733. 	   {

  734. 	     clearInterval(intervalID);

  735. 	   alert('連線異常');

  736. 	 

  737. 	   }

  738. 	   else

  739. 	   { 

  740. 	   vivi++;

  741. 	  getKeylist() ;

  742. 	   }

  743. 	   

  744.       //  vii++;

  745. 	}

  746.   }, 400);

  747.   }

  748.    

  749.  }

  750.  

  751. 

  752. }

  753. else

  754. {

  755. 

  756. isget2=true;

  757. var vobj = JSON.parse( errda); 		

  758. var jsonString = "{\"action\":\"decode\", \"serial\":\"002\",\"data\":\""+vobj.data+"\"}";

  759.         updateOutput('----------------------------------------------');

  760. 		updateOutput(jsonString);

  761. 		vsn='002';

  762.         /// "WebToApp". 為我們和前端開發人員的約定

  763. 		if (TYPE=='IOS')

  764. 		{

  765.         window.webkit.messageHandlers.WebToApp.postMessage(jsonString);

  766. 		}

  767.        if (TYPE=='ANDROID')

  768. 		{

  769.         webSocket.send(jsonString);

  770. 		}

  771. 		if (TYPE=='PC')

  772. 		{

  773.        selfendecode(vobj.data);

  774. 		}

  775. 		

  776. }

  777. 

  778. }

  779. function onFailedConnect() 

  780. {

  781. //alert('連線異常');

  782. }

  783. function onConnect() 

  784. {

  785.  isconn=true;

  786.     client.subscribe('Reserve'+CID+'1-'+SubID);

  787. 	

  788. 	try

  789. 	{

  790. 	

  791. 	 

  792. 	

  793.     }

  794. 	catch(e)

  795.     {

  796.        alert(e);

  797.     }

  798. 	//alert('c');

  799. }

  800. 

  801. </script>

  802.  <script type="text/javascript">

  803.     var webSocket;

  804.     var input = document.getElementById("input")

  805.     var output = document.getElementById("output");

  806. 	var vdata="";

  807. 	var isok=true;

  808. 	 var webSocket;

  809.    

  810.     //var wsUrl = "ws://localhost:2980/";

  811. 

  812. 	//var wsUrl = "ws://192.168.0.25:2980/";

  813. 	 var wsUrl = "ws://127.0.0.1:2980/";

  814. 	  function connect() {

  815.       // open the connection if one does not exist

  816.       if (webSocket !== undefined

  817.         && webSocket.readyState !== WebSocket.CLOSED) {

  818.         return;

  819.       }

  820. 

  821.       updateOutput("Trying to establish a WebSocket connection to <code>" + wsUrl + "</code>");

  822. 

  823.       // Create a websocket

  824.       webSocket = new WebSocket(wsUrl);

  825. 

  826.       webSocket.onopen = function(event) {

  827. 	  

  828.         updateOutput("Connected!");

  829.        

  830.        

  831. 		// alert('');

  832. 	

  833.      

  834.   var vivi = 0;

  835.     var intervalID  =   setInterval(() => {

  836. 	 if (isget)

  837. 	 {

  838. 	// break;

  839. 	 }

  840. 	 else

  841. 	 {

  842. 	  

  843. 	   if (vivi>15)

  844. 	   {

  845. 	     clearInterval(intervalID);

  846. 	   alert('連線異常');

  847. 	 

  848. 	   }

  849. 	   else

  850. 	   { 

  851. 	   vivi++;

  852. 	   if (isconn)

  853. 		  {

  854. 		    getKeylist() ;

  855. 		  }

  856. 	 

  857. 	   

  858. 	   }

  859. 	   

  860.       //  vii++;

  861. 	}

  862.   }, 400);

  863.   

  864. 		 

  865.       };

  866. 

  867.       webSocket.onmessage = function(event) 

  868. 	  {

  869. 	     if (vsn=='002')

  870. 		 {

  871. 		  var ress = event.data;

  872. 		//  ress=ress.replace(/[^a-z0-9\s]/gi, 'a').replace(/[_\s]/g, '-');

  873. 		 // ress=ress+"}";

  874. 		 // ress= ress.substring(1300,ress.length);

  875. 		//alert(event.data);

  876. 		 //  alert( event.data.trim().substring(1300,event.data.length) );

  877. 		  doorlist.innerHTML ='';

  878. 		 try

  879. 		 {

  880. 		 var vobj = JSON.parse(ress); 

  881.   keylist =  vobj.data.data;

  882.  var showkeylistl=0;

  883.  

  884.  

  885. 	//alert(keylist[0]);

  886.  for (i=0;i<keylist.length;i++)

  887.  { 

  888.       // alert(keylist[i].Cycle+' '+keylist[i].Type+' '+keylist[i].IndexID);

  889. 		var vobk=keylist[i];

  890. 		

  891. 		//alert(vobk.UserID);

  892. 		//alert(vobk.Type);

  893. 		var vttovt = vobk.TimeStamp;

  894. 

  895. 		

  896. 		vttovt=vttovt.replace('_',' ');

  897. 		vttovt=vttovt.replace(',','~');

  898. 		vttovt=vttovt.replace('_',' ');

  899. 		

  900. 		var vdddt = vttovt.split('~')[1];

  901. 		vdddt=vdddt.replace('/','-');

  902. 		vdddt=vdddt.replace('/','-');

  903. 		vdddt=vdddt.replace(' ','T');

  904. 		vdddt='20'+vdddt+':00'

  905. 		//alert(vdddt);

  906. 		

  907. 		let date1 = new Date();

  908. 		//let date2 = new Date(2022, 08, 03, 11, 45, 55); 

  909. 		//let date2 = new Date( Date.parse(vdddt)); 

  910. 		//let date2 = Date.parse("2019-01-01T12:30:00")

  911. 		 

  912. 		let date2 = Date.parse(vdddt);

  913. 		

  914. 		 

  915. 		//alert(Date.parse(date1)+','+date2);

  916. 		//alert(date1<date2);

  917. 		if (date1<date2)

  918. 		{

  919. 		//alert(vttovt);

  920. 		//alert(vobk.IndexID);

  921. 		itnos.push(vobk.IndexID);

  922. 		

  923. 	

  924. 		var ttt = vobk.Title;

  925. 		ttt=ttt.replace('(null)','');

  926. 		

  927. 		//alert(vobk.Type);

  928. 		if (vobk.Type=='1')

  929. 		{

  930. 		//alert(vobk.Type);

  931. 		//doorlist.innerHTML =doorlist.innerHTML+'<div style="margin: 10px 35px 0px -14px;"><button id="doorsin'+i+'" style="line-height:28px;vertical-align: middle;  text-align: left;width:80%;border:0px white none;background-color:white;font-family:Roboto_Light;font-size:24px;outline:none;color:#646464;height:28px;" onclick="btnitemback2(\''+i+'\')">'+tttxt+'</button></div><br>';

  932. 	     //doorlist.innerHTML =doorlist.innerHTML+'<div style="width: 100%;text-align:center"><label style="text-align:left;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);;width: 95%;height: 56px;margin: 5px 0px 10px 0px ;padding: 6px 6px 5px;font-family:Roboto_Light;font-size:16px;color:#000000;background-color: #ffffff;" onclick="btnitemback2(\''+i+'\')">'+vttovt+'<br>'+ttt+'</label></div>';

  933. 	doorlist.innerHTML =doorlist.innerHTML+'<div style="width: 100%;text-align:center"><label style="text-align:left;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);;width: 95%;height: 66px;margin: 5px 0px 10px 0px ;padding: 6px 6px 5px;font-family:Roboto_Light;font-size:16px;color:#000000;background-color: #ffffff;" onclick="btnitemback2(\''+vobk.IndexID+'\')">'+vttovt+'<br>'+ttt+'</label></div>';

  934. 	showkeylistl++;

  935. 		}

  936. 		if (vobk.Type=='2')

  937. 		{

  938. 		   //alert(vobk.Cycle);

  939. 		   var vcy = vobk.Cycle.split(',');

  940. 		    var hpix =  56;

  941. 			//var hpix =  66;

  942. 			

  943. 			var cytxt='';

  944. 			let days=[];

  945.  

  946. 			if (vcy[0]=='0000000')

  947. 			{

  948. 			}else

  949. 			{

  950. 			hpix=hpix+34;

  951. 			 

  952. 			if (vcy[0].substring(0,1)=='1')

  953. 			days.push('日');

  954. 			if (vcy[0].substring(1,2)=='1')

  955. 			days.push('一');

  956. 			if (vcy[0].substring(2,3)=='1')

  957. 			days.push('二');

  958. 			if (vcy[0].substring(3,4)=='1')

  959. 			days.push('三');

  960. 			if (vcy[0].substring(4,5)=='1')

  961. 			days.push('四');

  962. 			if (vcy[0].substring(5,6)=='1')

  963. 			days.push('五');

  964. 			if (vcy[0].substring(6,7)=='1')

  965. 			days.push('六');	

  966. 			

  967. 			vcy[1]=vcy[1].substring(0,2)+':'+vcy[1].substring(2,4);

  968. 			vcy[2]=vcy[2].substring(0,2)+':'+vcy[2].substring(2,4);

  969. 			cytxt=cytxt+'<br>1.'+vcy[1]+'~'+vcy[2]+'&nbsp'+'&nbsp'+days.join(',');

  970. 			}

  971. 			

  972. 			days=[];

  973. 			if (vcy[3]=='0000000')

  974. 			{

  975. 			}else

  976. 			{

  977. 			hpix=hpix+34;

  978. 			 

  979. 			if (vcy[3].substring(0,1)=='1')

  980. 			days.push('日');

  981. 			if (vcy[3].substring(1,2)=='1')

  982. 			days.push('一');

  983. 			if (vcy[3].substring(2,3)=='1')

  984. 			days.push('二');

  985. 			if (vcy[3].substring(3,4)=='1')

  986. 			days.push('三');

  987. 			if (vcy[3].substring(4,5)=='1')

  988. 			days.push('四');

  989. 			if (vcy[3].substring(5,6)=='1')

  990. 			days.push('五');

  991. 			if (vcy[3].substring(6,7)=='1')

  992. 			days.push('六');

  993. 			

  994. 			vcy[4]=vcy[4].substring(0,2)+':'+vcy[4].substring(2,4);

  995. 			vcy[5]=vcy[5].substring(0,2)+':'+vcy[5].substring(2,4);

  996. 			 

  997. 			cytxt=cytxt+'<br>2.'+vcy[4]+'~'+vcy[5]+'&nbsp'+'&nbsp'+days.join(',');

  998. 			}

  999. 			

  1000. 			days=[];

  1001. 			if (vcy[6]=='0000000')

  1002. 			{

  1003. 			}else

  1004. 			{

  1005. 			hpix=hpix+34;

  1006. 			

  1007. 			if (vcy[6].substring(0,1)=='1')

  1008. 			days.push('日');

  1009. 			if (vcy[6].substring(1,2)=='1')

  1010. 			days.push('一');

  1011. 			if (vcy[6].substring(2,3)=='1')

  1012. 			days.push('二');

  1013. 			if (vcy[6].substring(3,4)=='1')

  1014. 			days.push('三');

  1015. 			if (vcy[6].substring(4,5)=='1')

  1016. 			days.push('四');

  1017. 			if (vcy[6].substring(5,6)=='1')

  1018. 			days.push('五');

  1019. 			if (vcy[6].substring(6,7)=='1')

  1020. 			days.push('六');	

  1021. 		 

  1022. 		        vcy[7]=vcy[7].substring(0,2)+':'+vcy[7].substring(2,4);

  1023. 			vcy[8]=vcy[8].substring(0,2)+':'+vcy[8].substring(2,4);

  1024. 		 

  1025. 			cytxt=cytxt+'<br>3.'+vcy[7]+'~'+vcy[8]+'&nbsp'+'&nbsp'+days.join(',');

  1026. 			}

  1027. 			

  1028. 			//doorlist.innerHTML =doorlist.innerHTML+'<div style="width: 100%;text-align:center"><label style="text-align:left;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);;width: 95%;height: '+hpix+'px;margin: 5px 0px 10px 0px ;padding: 6px 6px 5px;font-family:Roboto_Light;font-size:16px;color:#000000;background-color: #ffffff;" onclick="btnitemback2(\''+i+'\')">'+vttovt+'<br>'+ttt+cytxt+'</label></div>';

  1029. 	doorlist.innerHTML =doorlist.innerHTML+'<div style="width: 100%;text-align:center"><label style="text-align:left;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);;width: 95%;height: '+hpix+'px;margin: 5px 0px 10px 0px ;padding: 6px 6px 5px;font-family:Roboto_Light;font-size:16px;color:#000000;background-color: #ffffff;" onclick="btnitemback2(\''+vobk.IndexID+'\')">'+vttovt+'<br>'+ttt+cytxt+'</label></div>';

  1030. 	showkeylistl++;

  1031. 	

  1032. 		

  1033. 		}

  1034. 

  1035. 		}

  1036. 		}

  1037. 		// var sevobj = JSON.parse( vobj); 

  1038.         //  alert( sevobj.data);

  1039. 		 

  1040. 		 }catch(e)

  1041. 		 {

  1042. 		 alert(e);

  1043. 		 }

  1044. 		 	var addneworder = document.getElementById("addneworder");

  1045. 		addneworder.disabled = false;

  1046. 		  if (showkeylistl==0)

  1047.   {

  1048.   output2.style='';

  1049.   }

  1050. 		 

  1051. 		 }

  1052. 	     if (vsn=='001')

  1053. 		 {

  1054. 		 try

  1055. 		 {

  1056. 		 // alert( event.data );

  1057. 		 isget=true;

  1058. 		  var ress = event.data;

  1059. 		  

  1060. 		   var vobj = JSON.parse( ress); 		 

  1061. 		

  1062. 		   vdata = "{\"encrypt\":\"1\",\"data\":\""+vobj.data+"\"}";

  1063. }catch(e)

  1064. {

  1065. alert(e);

  1066. }		 

  1067.            updateOutput('---------------------------');

  1068. 		  updateOutput(vdata);

  1069. 		 

  1070. 		isget2=false;

  1071. 	var payload =vdata;

  1072. 	try{

  1073. 	  message467 = new Paho.MQTT.Message(payload);

  1074.     message467.destinationName = SN ;

  1075.  	message467.qos = 2;

  1076. message467.retained = false;

  1077.  var vivi = 0;

  1078.  var intervalID  =   setInterval(() => {

  1079. 	 if (isget2)

  1080. 	 {

  1081. 	// break;

  1082. 	 }

  1083. 	 else

  1084. 	 {

  1085. 	  

  1086. 	   if (vivi>4)

  1087. 	   {

  1088. 	      clearInterval(intervalID);

  1089. 	   alert('連線異常');

  1090. 	

  1091. 	   }

  1092. 	   else

  1093. 	   {

  1094. 	      vivi++;

  1095. 	  client.send(message467);

  1096. 	   }

  1097. 	 

  1098.       //  vii++;

  1099. 	}

  1100.   }, 400);

  1101.   

  1102. 

  1103.   

  1104. 		 }catch(e)

  1105. 		 {

  1106. 		 alert(e);

  1107. 		 }

  1108. 	

  1109. 	}

  1110. 		   updateOutput('------------xxx------------');

  1111. 		  	  updateOutput(event.data);

  1112. 		

  1113.       };

  1114. 

  1115.       webSocket.onclose = function(event) {

  1116.         updateOutput("Connection Closed");

  1117.       

  1118.         //sendBtn.disabled = true;

  1119.       };

  1120.     }

  1121.  

  1122.  

  1123.  

  1124. 

  1125.     function AppToWeb(message) {

  1126.        // updateOutput(message);

  1127. 	    var showkeylistl=0;

  1128. 	     if (vsn=='002')

  1129. 		 {

  1130. 		  var ress = message;

  1131. 		 isget2=true;

  1132. 		  doorlist.innerHTML ='';

  1133. 		 try

  1134. 		 {

  1135. 		 var vobj = JSON.parse(ress); 

  1136.   keylist =  vobj.data.data;

  1137.  

  1138.  

  1139.  for (i=0;i<keylist.length;i++)

  1140.  { 

  1141.     

  1142. 		var vobk=keylist[i];

  1143. 	 

  1144. 		var vttovt = vobk.TimeStamp;

  1145. 		 

  1146. 		vttovt=vttovt.replace('_',' ');

  1147. 		vttovt=vttovt.replace(',','~');

  1148. 		vttovt=vttovt.replace('_',' ');

  1149. 		

  1150. 		var vdddt = vttovt.split('~')[1];

  1151. 		vdddt=vdddt.replace('/','-');

  1152. 		vdddt=vdddt.replace('/','-');

  1153. 		vdddt=vdddt.replace(' ','T');

  1154. 		vdddt='20'+vdddt+':00'

  1155. 		//alert(vdddt);

  1156. 		

  1157. 		let date1 = new Date();

  1158. 		//let date2 = new Date(2022, 08, 03, 11, 45, 55); 

  1159. 		 //let date2 = new Date( Date.parse(vdddt)); 

  1160. 		//let date2 = Date.parse("2019-01-01T12:30:00")

  1161. 		let date2 = Date.parse(vdddt)

  1162. 		

  1163. 		//alert(date1);

  1164. 		//alert(date2);

  1165. 		//alert(date1>date2);

  1166. 		if (date1<date2)

  1167. 		{

  1168. 		 

  1169. 		itnos.push(vobk.IndexID);

  1170. 		var ttt = vobk.Title;

  1171. 		ttt=ttt.replace('(null)','');

  1172. 		

  1173. 		//alert(vobk.Type);

  1174. 		if (vobk.Type=='1')

  1175. 		{

  1176. 		//alert(vobk.Type);

  1177. 		//doorlist.innerHTML =doorlist.innerHTML+'<div style="margin: 10px 35px 0px -14px;"><button id="doorsin'+i+'" style="line-height:28px;vertical-align: middle;  text-align: left;width:80%;border:0px white none;background-color:white;font-family:Roboto_Light;font-size:24px;outline:none;color:#646464;height:28px;" onclick="btnitemback2(\''+i+'\')">'+tttxt+'</button></div><br>';

  1178. 	//doorlist.innerHTML =doorlist.innerHTML+'<div style="width: 100%;text-align:center"><label style="text-align:left;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);;width: 95%;height: 56px;margin: 5px 0px 10px 0px ;padding: 6px 6px 5px;font-family:Roboto_Light;font-size:16px;color:#000000;background-color: #ffffff;" onclick="btnitemback2(\''+i+'\')">'+vttovt+'<br>'+ttt+'</label></div>';

  1179. 	

  1180. 	doorlist.innerHTML =doorlist.innerHTML+'<div style="width: 100%;text-align:center"><label style="text-align:left;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);;width: 95%;height: 56px;margin: 5px 0px 10px 0px ;padding: 6px 6px 5px;font-family:Roboto_Light;font-size:16px;color:#000000;background-color: #ffffff;" onclick="btnitemback2(\''+vobk.IndexID+'\')">'+vttovt+'<br>'+ttt+'</label></div>';

  1181. 		showkeylistl++;

  1182. 		}

  1183. 		if (vobk.Type=='2')

  1184. 		{

  1185. 		   //alert(vobk.Cycle);

  1186. 		   var vcy = vobk.Cycle.split(',');

  1187. 		   var hpix =  66;

  1188. 			//  var hpix =  66;

  1189. 			

  1190. 			var cytxt='';

  1191. 			let days=[];

  1192.  

  1193. 			if (vcy[0]=='0000000')

  1194. 			{

  1195. 			}else

  1196. 			{

  1197. 		hpix=hpix+38;

  1198. 			 

  1199. 			if (vcy[0].substring(0,1)=='1')

  1200. 			days.push('日');

  1201. 			if (vcy[0].substring(1,2)=='1')

  1202. 			days.push('一');

  1203. 			if (vcy[0].substring(2,3)=='1')

  1204. 			days.push('二');

  1205. 			if (vcy[0].substring(3,4)=='1')

  1206. 			days.push('三');

  1207. 			if (vcy[0].substring(4,5)=='1')

  1208. 			days.push('四');

  1209. 			if (vcy[0].substring(5,6)=='1')

  1210. 			days.push('五');

  1211. 			if (vcy[0].substring(6,7)=='1')

  1212. 			days.push('六');	

  1213. 			vcy[1]=vcy[1].substring(0,2)+':'+vcy[1].substring(2,4);

  1214. 			vcy[2]=vcy[2].substring(0,2)+':'+vcy[2].substring(2,4);

  1215. 			

  1216. 			cytxt=cytxt+'<br>1.'+vcy[1]+'~'+vcy[2]+'&nbsp'+'&nbsp'+days.join(',');

  1217. 			}

  1218. 			

  1219. 			days=[];

  1220. 			if (vcy[3]=='0000000')

  1221. 			{

  1222. 			}else

  1223. 			{

  1224. 			hpix=hpix+38;

  1225. 			 

  1226. 			if (vcy[3].substring(0,1)=='1')

  1227. 			days.push('日');

  1228. 			if (vcy[3].substring(1,2)=='1')

  1229. 			days.push('一');

  1230. 			if (vcy[3].substring(2,3)=='1')

  1231. 			days.push('二');

  1232. 			if (vcy[3].substring(3,4)=='1')

  1233. 			days.push('三');

  1234. 			if (vcy[3].substring(4,5)=='1')

  1235. 			days.push('四');

  1236. 			if (vcy[3].substring(5,6)=='1')

  1237. 			days.push('五');

  1238. 			if (vcy[3].substring(6,7)=='1')

  1239. 			days.push('六');

  1240. 			vcy[4]=vcy[4].substring(0,2)+':'+vcy[4].substring(2,4);

  1241. 			vcy[5]=vcy[5].substring(0,2)+':'+vcy[5].substring(2,4);

  1242. 			cytxt=cytxt+'<br>2.'+vcy[4]+'~'+vcy[5]+'&nbsp'+'&nbsp'+days.join(',');

  1243. 			}

  1244. 			

  1245. 			days=[];

  1246. 			if (vcy[6]=='0000000')

  1247. 			{

  1248. 			}else

  1249. 			{

  1250. 			hpix=hpix+38;

  1251. 			

  1252. 			if (vcy[6].substring(0,1)=='1')

  1253. 			days.push('日');

  1254. 			if (vcy[6].substring(1,2)=='1')

  1255. 			days.push('一');

  1256. 			if (vcy[6].substring(2,3)=='1')

  1257. 			days.push('二');

  1258. 			if (vcy[6].substring(3,4)=='1')

  1259. 			days.push('三');

  1260. 			if (vcy[6].substring(4,5)=='1')

  1261. 			days.push('四');

  1262. 			if (vcy[6].substring(5,6)=='1')

  1263. 			days.push('五');

  1264. 			if (vcy[6].substring(6,7)=='1')

  1265. 			days.push('六');	

  1266. 		        vcy[7]=vcy[7].substring(0,2)+':'+vcy[7].substring(2,4);

  1267. 			vcy[8]=vcy[8].substring(0,2)+':'+vcy[8].substring(2,4);

  1268. 			cytxt=cytxt+'<br>3.'+vcy[7]+'~'+vcy[8]+'&nbsp'+'&nbsp'+days.join(',');

  1269. 			}

  1270. 			

  1271. 			//doorlist.innerHTML =doorlist.innerHTML+'<div style="width: 100%;text-align:center"><label style="text-align:left;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);;width: 95%;height: '+hpix+'px;margin: 5px 0px 10px 0px ;padding: 6px 6px 5px;font-family:Roboto_Light;font-size:16px;color:#000000;background-color: #ffffff;" onclick="btnitemback2(\''+i+'\')">'+vttovt+'<br>'+ttt+cytxt+'</label></div>';

  1272. 	doorlist.innerHTML =doorlist.innerHTML+'<div style="width: 100%;text-align:center"><label style="text-align:left;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);;width: 95%;height: '+hpix+'px;margin: 5px 0px 10px 0px ;padding: 6px 6px 5px;font-family:Roboto_Light;font-size:16px;color:#000000;background-color: #ffffff;" onclick="btnitemback2(\''+vobk.IndexID+'\')">'+vttovt+'<br>'+ttt+cytxt+'</label></div>';

  1273. 		showkeylistl++;

  1274. 		

  1275. 		}

  1276. 

  1277. 		}

  1278. 		}

  1279. 		// var sevobj = JSON.parse( vobj); 

  1280.         //  alert( sevobj.data);

  1281. 	var addneworder = document.getElementById("addneworder");

  1282. 		addneworder.disabled = false;

  1283.   if (showkeylistl==0)

  1284.   {

  1285.   output2.style='';

  1286.   }

  1287.   

  1288. 		 

  1289. 		 }catch(e)

  1290. 		 {

  1291. 		 alert(e);

  1292. 		 }

  1293. 		 }

  1294. 	     if (vsn=='001')

  1295. 		 {

  1296. 		 try

  1297. 		 {

  1298. 		 isget=true;

  1299. 		  var ress = message;

  1300. 		 isget2=false;

  1301. 		   var vobj = JSON.parse( ress); 

  1302. 		   vdata = "{\"encrypt\":\"1\",\"data\":\""+vobj.data+"\"}";

  1303. 		 var payload =vdata;

  1304. 	  message345 = new Paho.MQTT.Message(payload);

  1305.     message345.destinationName = SN ;

  1306. 		message345.qos = 2;

  1307. message345.retained = false;

  1308.   

  1309.     

  1310.     

  1311.  var vivi = 0;

  1312.  var intervalID  =   setInterval(() => {

  1313. 	 if (isget2)

  1314. 	 {

  1315. 	// break;

  1316. 	 }

  1317. 	 else

  1318. 	 {

  1319. 	  

  1320. 	   if (vivi>4)

  1321. 	   {

  1322. 	      clearInterval(intervalID);

  1323. 	   alert('連線異常');

  1324. 	

  1325. 	   }

  1326. 	   else

  1327. 	   {

  1328. 	      vivi++;

  1329. 	  client.send(message345);

  1330. 	   }

  1331. 	 

  1332.       //  vii++;

  1333. 	}

  1334.   }, 400);

  1335.   

  1336.     

  1337. 		 

  1338. 		 

  1339. 		}catch(e)

  1340. {

  1341. alert(e);

  1342. }		 

  1343.         

  1344. 	}   

  1345.         return "Got it"

  1346.     }

  1347. 	

  1348. 	

  1349. 	//start

  1350. 	 function selfendecode(message) {

  1351.        // updateOutput(message);

  1352. 	   

  1353. 	    var showkeylistl=0;

  1354. 	     if (vsn=='002')

  1355. 		 {

  1356. 		 message = teaDecrypt(message,'75$095huOQ77kKv!');

  1357. 		//console.log(message);

  1358. 		  var ress = message;

  1359. 		 isget2=true;

  1360. 		  doorlist.innerHTML ='';

  1361. 		 try

  1362. 		 {

  1363. 		 var vobj = JSON.parse(ress); 

  1364.  // keylist =  vobj.data.data;

  1365.  keylist =  vobj.data;

  1366.  

  1367. // alert(keylist.length);

  1368.  for (i=0;i<keylist.length;i++)

  1369.  { 

  1370.     

  1371. 		var vobk=keylist[i];

  1372. 	  

  1373. 		var vttovt = vobk.TimeStamp;

  1374. 		 

  1375. 		vttovt=vttovt.replace('_',' ');

  1376. 		vttovt=vttovt.replace(',','~');

  1377. 		vttovt=vttovt.replace('_',' ');

  1378. 		

  1379. 		var vdddt = vttovt.split('~')[1];

  1380. 		vdddt=vdddt.replace('/','-');

  1381. 		vdddt=vdddt.replace('/','-');

  1382. 		vdddt=vdddt.replace(' ','T');

  1383. 		vdddt='20'+vdddt+':00'

  1384. 		//alert(vdddt);

  1385. 		

  1386. 		let date1 = new Date();

  1387. 		//let date2 = new Date(2022, 08, 03, 11, 45, 55); 

  1388. 		 //let date2 = new Date( Date.parse(vdddt)); 

  1389. 		//let date2 = Date.parse("2019-01-01T12:30:00")

  1390. 		let date2 = Date.parse(vdddt)

  1391. 		

  1392. 		//alert(date1);

  1393. 		//alert(date2);

  1394. 		//alert(date1>date2);

  1395. 		if (date1<date2)

  1396. 		{

  1397. 		 

  1398. 		itnos.push(vobk.IndexID);

  1399. 		var ttt = vobk.Title;

  1400. 		ttt=ttt.replace('(null)','');

  1401. 		

  1402. 		//alert(vobk.Type);

  1403. 		if (vobk.Type=='1')

  1404. 		{

  1405. 		//alert(vobk.Type);

  1406. 		//doorlist.innerHTML =doorlist.innerHTML+'<div style="margin: 10px 35px 0px -14px;"><button id="doorsin'+i+'" style="line-height:28px;vertical-align: middle;  text-align: left;width:80%;border:0px white none;background-color:white;font-family:Roboto_Light;font-size:24px;outline:none;color:#646464;height:28px;" onclick="btnitemback2(\''+i+'\')">'+tttxt+'</button></div><br>';

  1407. 	//doorlist.innerHTML =doorlist.innerHTML+'<div style="width: 100%;text-align:center"><label style="text-align:left;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);;width: 95%;height: 56px;margin: 5px 0px 10px 0px ;padding: 6px 6px 5px;font-family:Roboto_Light;font-size:16px;color:#000000;background-color: #ffffff;" onclick="btnitemback2(\''+i+'\')">'+vttovt+'<br>'+ttt+'</label></div>';

  1408. 	

  1409. 	doorlist.innerHTML =doorlist.innerHTML+'<div style="width: 100%;text-align:center"><label style="text-align:left;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);;width: 95%;height: 56px;margin: 5px 0px 10px 0px ;padding: 6px 6px 5px;font-family:Roboto_Light;font-size:16px;color:#000000;background-color: #ffffff;" onclick="btnitemback2(\''+vobk.IndexID+'\')">'+vttovt+'<br>'+ttt+'</label></div>';

  1410. 		showkeylistl++;

  1411. 		}

  1412. 		if (vobk.Type=='2')

  1413. 		{

  1414. 		   //alert(vobk.Cycle);

  1415. 		   var vcy = vobk.Cycle.split(',');

  1416. 		   var hpix =  66;

  1417. 			//  var hpix =  66;

  1418. 			

  1419. 			var cytxt='';

  1420. 			let days=[];

  1421.  

  1422. 			if (vcy[0]=='0000000')

  1423. 			{

  1424. 			}else

  1425. 			{

  1426. 		hpix=hpix+38;

  1427. 			 

  1428. 			if (vcy[0].substring(0,1)=='1')

  1429. 			days.push('日');

  1430. 			if (vcy[0].substring(1,2)=='1')

  1431. 			days.push('一');

  1432. 			if (vcy[0].substring(2,3)=='1')

  1433. 			days.push('二');

  1434. 			if (vcy[0].substring(3,4)=='1')

  1435. 			days.push('三');

  1436. 			if (vcy[0].substring(4,5)=='1')

  1437. 			days.push('四');

  1438. 			if (vcy[0].substring(5,6)=='1')

  1439. 			days.push('五');

  1440. 			if (vcy[0].substring(6,7)=='1')

  1441. 			days.push('六');	

  1442. 			vcy[1]=vcy[1].substring(0,2)+':'+vcy[1].substring(2,4);

  1443. 			vcy[2]=vcy[2].substring(0,2)+':'+vcy[2].substring(2,4);

  1444. 			

  1445. 			cytxt=cytxt+'<br>1.'+vcy[1]+'~'+vcy[2]+'&nbsp'+'&nbsp'+days.join(',');

  1446. 			}

  1447. 			

  1448. 			days=[];

  1449. 			if (vcy[3]=='0000000')

  1450. 			{

  1451. 			}else

  1452. 			{

  1453. 			hpix=hpix+38;

  1454. 			 

  1455. 			if (vcy[3].substring(0,1)=='1')

  1456. 			days.push('日');

  1457. 			if (vcy[3].substring(1,2)=='1')

  1458. 			days.push('一');

  1459. 			if (vcy[3].substring(2,3)=='1')

  1460. 			days.push('二');

  1461. 			if (vcy[3].substring(3,4)=='1')

  1462. 			days.push('三');

  1463. 			if (vcy[3].substring(4,5)=='1')

  1464. 			days.push('四');

  1465. 			if (vcy[3].substring(5,6)=='1')

  1466. 			days.push('五');

  1467. 			if (vcy[3].substring(6,7)=='1')

  1468. 			days.push('六');

  1469. 			vcy[4]=vcy[4].substring(0,2)+':'+vcy[4].substring(2,4);

  1470. 			vcy[5]=vcy[5].substring(0,2)+':'+vcy[5].substring(2,4);

  1471. 			cytxt=cytxt+'<br>2.'+vcy[4]+'~'+vcy[5]+'&nbsp'+'&nbsp'+days.join(',');

  1472. 			}

  1473. 			

  1474. 			days=[];

  1475. 			if (vcy[6]=='0000000')

  1476. 			{

  1477. 			}else

  1478. 			{

  1479. 			hpix=hpix+38;

  1480. 			

  1481. 			if (vcy[6].substring(0,1)=='1')

  1482. 			days.push('日');

  1483. 			if (vcy[6].substring(1,2)=='1')

  1484. 			days.push('一');

  1485. 			if (vcy[6].substring(2,3)=='1')

  1486. 			days.push('二');

  1487. 			if (vcy[6].substring(3,4)=='1')

  1488. 			days.push('三');

  1489. 			if (vcy[6].substring(4,5)=='1')

  1490. 			days.push('四');

  1491. 			if (vcy[6].substring(5,6)=='1')

  1492. 			days.push('五');

  1493. 			if (vcy[6].substring(6,7)=='1')

  1494. 			days.push('六');	

  1495. 		        vcy[7]=vcy[7].substring(0,2)+':'+vcy[7].substring(2,4);

  1496. 			vcy[8]=vcy[8].substring(0,2)+':'+vcy[8].substring(2,4);

  1497. 			cytxt=cytxt+'<br>3.'+vcy[7]+'~'+vcy[8]+'&nbsp'+'&nbsp'+days.join(',');

  1498. 			}

  1499. 			

  1500. 			//doorlist.innerHTML =doorlist.innerHTML+'<div style="width: 100%;text-align:center"><label style="text-align:left;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);;width: 95%;height: '+hpix+'px;margin: 5px 0px 10px 0px ;padding: 6px 6px 5px;font-family:Roboto_Light;font-size:16px;color:#000000;background-color: #ffffff;" onclick="btnitemback2(\''+i+'\')">'+vttovt+'<br>'+ttt+cytxt+'</label></div>';

  1501. 	doorlist.innerHTML =doorlist.innerHTML+'<div style="width: 100%;text-align:center"><label style="text-align:left;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);;width: 95%;height: '+hpix+'px;margin: 5px 0px 10px 0px ;padding: 6px 6px 5px;font-family:Roboto_Light;font-size:16px;color:#000000;background-color: #ffffff;" onclick="btnitemback2(\''+vobk.IndexID+'\')">'+vttovt+'<br>'+ttt+cytxt+'</label></div>';

  1502. 		showkeylistl++;

  1503. 		

  1504. 		}

  1505. 

  1506. 		}

  1507. 		}

  1508. 		// var sevobj = JSON.parse( vobj); 

  1509.         //  alert( sevobj.data);

  1510. 	var addneworder = document.getElementById("addneworder");

  1511. 		addneworder.disabled = false;

  1512.   if (showkeylistl==0)

  1513.   {

  1514.   output2.style='';

  1515.   }

  1516.   

  1517. 		 

  1518. 		 }catch(e)

  1519. 		 {

  1520. 		 alert(e);

  1521. 		 }

  1522. 		 }

  1523. 		 

  1524. 	     if (vsn=='001')

  1525. 		 {

  1526. 		 try

  1527. 		 {

  1528. 		 

  1529. 		  message = teaEncrypt(message,'75$095huOQ77kKv!');

  1530. 		 isget=true;

  1531. 		  var ress = message;

  1532. 		 isget2=false;

  1533. 		 //  var vobj = JSON.parse( ress); 

  1534. 		 //  vdata = "{\"encrypt\":\"1\",\"data\":\""+vobj.data+"\"}";

  1535. 		  vdata = "{\"encrypt\":\"1\",\"data\":\""+message+"\"}";

  1536. 		 var payload =vdata;

  1537. 	  message345 = new Paho.MQTT.Message(payload);

  1538.     message345.destinationName = SN ;

  1539. 		message345.qos = 2;

  1540. message345.retained = false;

  1541.   

  1542.     

  1543.     

  1544.  var vivi = 0;

  1545.  var intervalID  =   setInterval(() => {

  1546. 	 if (isget2)

  1547. 	 {

  1548. 	// break;

  1549. 	 }

  1550. 	 else

  1551. 	 {

  1552. 	  

  1553. 	   if (vivi>4)

  1554. 	   {

  1555. 	      clearInterval(intervalID);

  1556. 	   alert('連線異常');

  1557. 	

  1558. 	   }

  1559. 	   else

  1560. 	   {

  1561. 	      vivi++;

  1562. 	  client.send(message345);

  1563. 	   }

  1564. 	 

  1565.       //  vii++;

  1566. 	}

  1567.   }, 400);

  1568.   

  1569.     

  1570. 		 

  1571. 		 

  1572. 		}catch(e)

  1573. {

  1574. alert(e);

  1575. }		 

  1576.         

  1577. 	}   

  1578.         

  1579.     }

  1580. 	

  1581. 	//end

  1582. 

  1583.     function endode() {

  1584.         var text = input.value;

  1585.         var jsonString = "{\"action\":\"encode\", \"serial\":\"001\",\"data\":\""+text+"\"}";

  1586. 		

  1587.         updateOutput(jsonString);

  1588.         /// "WebToApp". 為我們和前端開發人員的約定

  1589. 		if (TYPE=='IOS')

  1590. 		{

  1591.         window.webkit.messageHandlers.WebToApp.postMessage(jsonString);

  1592. 		}

  1593. 		if (TYPE=='ANDROID')

  1594. 		{

  1595.         webSocket.send(jsonString);

  1596. 		}

  1597. 		

  1598.     }

  1599. 

  1600.     function decode() {

  1601.         var text = input.value;

  1602.         var jsonString = "{\"action\":\"decode\", \"serial\":\"001\",\"data\":\""+text+"\"}";

  1603.         updateOutput(jsonString);

  1604.         /// "WebToApp". 為我們和前端開發人員的約定

  1605. 		if (TYPE=='IOS')

  1606. 		{

  1607.         window.webkit.messageHandlers.AppToWeb.postMessage(jsonString);

  1608. 		}

  1609.        if (TYPE=='ANDROID')

  1610. 		{

  1611.         webSocket.send(jsonString);

  1612. 		}

  1613.     }

  1614. 	

  1615. 	 

  1616. 

  1617.     function updateOutput(text) {

  1618.       output.innerHTML += "<br/>" + text;

  1619.     }

  1620. 	

  1621. 	

  1622.     </script>

  1623. 	

  1624. 	<script type="text/javascript">

  1625. 

  1626.  </script>

  1627. 	<script>  

  1628.     var getUrlParameter = function getUrlParameter(sParam) {

  1629.     var sPageURL = decodeURIComponent(window.location.search.substring(1)),

  1630.         sURLVariables = sPageURL.split('&'),

  1631.         sParameterName,

  1632.         i;

  1633. 

  1634.     for (i = 0; i < sURLVariables.length; i++) {

  1635.         sParameterName = sURLVariables[i].split('=');

  1636. 

  1637.         if (sParameterName[0] === sParam) {

  1638.             return sParameterName[1] === undefined ? true : sParameterName[1];

  1639.         }

  1640.     }

  1641. };

  1642. 

  1643. Date.prototype.format = function (format) {

  1644.     //eg:format="yyyy-MM-dd hh:mm:ss";

  1645. 

  1646.     if (!format) {

  1647.         format = "yyyy-MM-dd hh:mm:ss";

  1648.     }

  1649. 

  1650.     var o = {

  1651.         "M+": this.getMonth() + 1,  // month

  1652.         "d+": this.getDate(),       // day

  1653.         "H+": this.getHours(),      // hour

  1654.         "h+": this.getHours(),      // hour

  1655.         "m+": this.getMinutes(),    // minute

  1656.         "s+": this.getSeconds(),    // second

  1657.         "q+": Math.floor((this.getMonth() + 3) / 3), // quarter

  1658.         "S": this.getMilliseconds()

  1659.     };

  1660. 

  1661.     if (/(y+)/.test(format)) {

  1662.         format = format.replace(RegExp.$1, (this.getFullYear() + "")

  1663.             .substr(4 - RegExp.$1.length));

  1664.     }

  1665. 

  1666.     for (var k in o) {

  1667.         if (new RegExp("(" + k + ")").test(format)) {

  1668.             format = format.replace(RegExp.$1, RegExp.$1.length == 1

  1669.                 ? o[k]

  1670.                 : ("00" + o[k]).substr(("" + o[k]).length));

  1671.         }

  1672.     }

  1673. 

  1674.     return format;

  1675. };

  1676. </script> 

  1677. <br> 

  1678. </body>

  1679. 

  1680. </html>