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

index5.html 38KB
文件歷史 原始文件

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714 
  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/mqttws31.min.js" type="text/javascript"></script>

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

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

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

  11.  var message999;

  12. var message0 ;

  13. 	var message4 ;

  14. 	var message9 ;

  15. 		var message6;

  16. 			var message7 ;

  17. 			var message2 ;

  18. 			var issame=false;

  19. 			 var vvqrcd= '';  

  20. 			 var orgcycle='';

  21. 			 var fincycle='';

  22. 			 var orgtimestamp='';

  23. 			 var isconn = false;

  24. 			 var account='';

  25.  var CID = '';

  26.   var ID = '';

  27.   var PW = '';

  28.     var TYPE = '';

  29. var client;

  30. var kname='';

  31. var myclientid='';

  32.     var tt =  '';

  33. 	var st = '';

  34. 	 var et =  '';

  35. 	 var idx = '';

  36. 	var cy='';

  37. 	var vtype='';

  38.     var vtttt='';

  39. 	 var isget = false;

  40. 	  var isget2 = false;

  41. 	    var isget3 = false;

  42. 	 var vtstpqr='';

  43. 	 var vcyd='';

  44. 	 var vmqtt='';

  45. 	 var SN='';

  46. 	 var SubID='';

  47. 	 var vsn='';

  48. 	  var vobj;

  49. 	    var vvvi;

  50. var ooodata='';

  51. var is2='';

  52.  var  account='';

  53. function init() 

  54. {

  55. try

  56. {

  57. CID = getUrlParameter('CID');

  58.     ID = getUrlParameter('ID');

  59. 	PW= getUrlParameter('PW');

  60. 	TYPE= getUrlParameter('TYPE');

  61. 	 SN = getUrlParameter('SN');

  62. 	vmqtt = getUrlParameter('MQTT');

  63. 	SubID = getUrlParameter('SubID');

  64. 	vvvi= getUrlParameter('idx');

  65. 	kkid=  getUrlParameter('ID');

  66. 	//Cname= getUrlParameter('CNAME');

  67. 	 //  var sstitle =Cname+'(#'+SubID+') ';

  68. 	   // document.getElementById("btn100").innerHTML  =sstitle;

  69. 	  // vvqrcd= vobj.data.data.CardID;

  70. 	 vvqrcd=  getUrlParameter('qrcd');

  71. 	 account=CID+'_'+SubID;

  72. 	  document.getElementById("btn100").innerHTML  ='帳號 :  '+account;

  73. 	   document.getElementById("btn900").innerHTML  ='密碼需為英數字 8-16 碼 ';

  74. 	//vvqrcd=vvqrcd.replaceAll('-','=');

  75. //updateOutput('init');

  76.  /*

  77.     CID = getUrlParameter('CID');

  78.     ID = getUrlParameter('ID');

  79. 	PW= getUrlParameter('PW');

  80. 	TYPE= getUrlParameter('TYPE');

  81. 	*/

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

  83. 		myclientid="Giga"+CID+"1-"+SubID;

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

  85. 		client.onMessageArrived = onMessageArrived;

  86. 		client.onConnectionLost = onConnectionLost; 

  87. 	   // client.connect( {onSuccess: onConnect});

  88. 	  // client.connect( {onSuccess: onConnect, onFailure : onFailedConnect,timeout: 3,keepAliveInterval: 35,cleanSession : false});

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

  90.  

  91.  

  92. 	

  93. 		

  94. 	//alert(orgcycle);

  95.   //updateOutput('CID='+CID);

  96.   //updateOutput('ID='+ID);

  97.    //updateOutput('PW='+PW);

  98. //updateOutput('TYPE='+TYPE);

  99.  if (TYPE=='ANDROID')

  100. 		{

  101.        connect();

  102. 		}

  103.        vsn='';

  104. 

  105. 		

  106. }catch(e)

  107. {

  108. alert(e);

  109. }

  110. }

  111. function onConnectionLost(message) 

  112. {

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

  114. }

  115. function onMessageArrived(message) 

  116. {

  117. var vres = message.payloadString;

  118. var vobj = JSON.parse( vres); 

  119.  is2='002';

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

  121. 	if (TYPE=='IOS')

  122. 		{

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

  124. 		}

  125. 	

  126. 		if (TYPE=='ANDROID')

  127. 		{

  128.         webSocket.send(jsonString);

  129. 		}

  130.  

  131.  if (TYPE=='PC')

  132. 		{

  133. vres = teaDecrypt(vobj.data,'75$095huOQ77kKv!');

  134.  //alert(vres);

  135. var vobj2 = JSON.parse( vres);

  136. //alert(vobj2.success); 

  137. if (vobj2.success===true)

  138. {

  139. alert('OK');

  140. window.history.go(-1);

  141. }

  142. else

  143. {

  144. alert('失敗');

  145. } 

  146.  is2='';

  147.          }

  148. 

  149. 

  150.  

  151. 

  152. }

  153. function onFailedConnect() 

  154. {

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

  156. }

  157. function onConnect() 

  158. {

  159. isconn=true;

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

  161. 	try

  162. 	{

  163. 	

  164. 	 

  165. 	

  166.     }

  167. 	catch(e)

  168.     {

  169.        alert(e);

  170.     }

  171. 	//alert('c');

  172. }

  173. 

  174. </script>

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

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

  177.    </head>

  178. 

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

  180. 

  181.  

  182. <div>

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

  184. 	  

  185. 	  <div style="margin: 16px 0 0px 4px;background-color:#FFFFFF;" >

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

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

  188.  

  189. 	 </div>

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

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

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

  193. 	<br>

  194. 	<div style="margin: 3px 9px 3px 9px;text-align:left;">

  195.  <label style="margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:24px;color:#646464;border:none;width: 100px;">密碼&nbsp:&nbsp </label><input id="ItemNOSer" style="height:40px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:20px;color:#646464;border:none;width:calc(99% - 100px);"  placeholder=""  required></div>

  196. 		<div style="margin: 3px 9px 3px 9px;text-align:left;">  

  197.   

  198. 		 

  199. </br>

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

  201.     <tbody>

  202.         <tr>

  203. 		<td  style="width: 33.3%"><button type="button" style="border-color: #dcdcdc;border-width: 1px;border-color: #dcdcdc;border-width: 1px;margin: 0px 0px 20px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;width: 110px;  height: 60px;     background-color: rgba(255, 0, 20, 0.2);width:100%;"  onclick="btndddel()" hidden>刪除</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 20px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;width: 110px;  height: 60px;     background-color: #cce8fc;width:100%;"  onclick="ok123()">儲存</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 20px 0px;color:#FFFFFF;font-family: Roboto_Light;  font-size: 24px;width: 110px;  height: 60px;     background-color: #64c800;width:100%;" onclick="btnSaveqr()" hidden>預約</button></td>

  204.         </tr>

  205.         </tbody>  

  206.         </table> 

  207.   </div>

  208.  

  209. </div>

  210. 

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

  212.     <h2>Output</h2>

  213. </div>

  214.  

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

  216. function ok123()

  217. {

  218. 

  219. const isValidPasswordChar = str => {

  220.   const regex =/^[A-Za-z0-9_.]+$/;

  221.   return regex.test(str)

  222. };

  223.  

  224. try

  225. {

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

  227.  

  228.  

  229. 	     var vwpw= document.getElementById("ItemNOSer").value;

  230. 		// alert(vwpw);

  231. 		 if (isValidPasswordChar(vwpw))

  232. 		 {

  233. 		   

  234. 		 }else

  235. 		 {

  236. 		 alert('密碼需為英數字');

  237. 		  return;

  238. 		 }

  239. 		 if( (vwpw.length>16)||(vwpw.length<8))

  240. 		 {

  241. 		  alert('密碼長度需介於8~16之間');

  242. 		  return;

  243. 		 }

  244. var message="{\"action\":\"mqttregisterRemoteKeyAccount\",\"data\":{\"Command\":\"User="+SubID+"&Account="+CID+"_"+SubID+"&PassWord="+PW+"&&WebPassWord="+vwpw+"\",\"SerialNo\":\"Reserve"+CID+"1-"+SubID+"\",\"TimeStamp\":\""+vt+"\",\"Token\":\"Gigatech23634857\"}}";

  245.  is2='001';

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

  247.  	if (TYPE=='IOS')

  248. 		{

  249. 		

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

  251. 		}

  252. 	

  253. 		if (TYPE=='ANDROID')

  254. 		{

  255. 		//alert('001 websocket sent');

  256.         webSocket.send(jsonString);

  257. 		}

  258.  

  259.  if (TYPE=='PC')

  260. 		{

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

  262.   var ress = message;

  263.      message4 = new Paho.MQTT.Message("{\"encrypt\":\"1\",\"data\":\""+message+"\"}");

  264.     message4.destinationName = SN ;

  265. 	message4.retained = false;

  266. 		message4.qos = 0;

  267. 	 client.send(message4); 

  268.  

  269. 	 }

  270. }catch(e)

  271. {

  272. alert(e);

  273. }	   

  274. }

  275. 

  276. function btnSaveTmp()

  277. {

  278. try

  279. {

  280. issame=false;

  281.  //alert(idx);

  282. var vvee1='';

  283. var vvee2='';

  284. var vvee3='';

  285. var cycy='';

  286.   

  287. var st1 =  '0000' ;

  288. var et1= '0000' ;

  289.   

  290. var st2 =  '0000' ;

  291. var et2= '0000' ;

  292.   

  293. var st3 =  '0000' ;

  294. var et3= '0000' ;

  295. //12345

  296. var vItemNOSer=document.getElementById("ItemNOSer").value;

  297. if (vItemNOSer.length<1)

  298. {

  299. alert('請輸入密碼');

  300. return;

  301. }

  302. 

  303. if((document.getElementById("sd").value<1) ||  (document.getElementById("ed").value<1) ||(document.getElementById("sdt1").value<1) ||  (document.getElementById("sdt2").value<1))

  304. {

  305. alert('請輸入開始與結束日期時間');

  306. return;

  307. }

  308. 

  309. var vsdsd=document.getElementById("sd").value+'T'+document.getElementById("sdt1").value;

  310. //alert(vsdsd);

  311. //return;

  312. var veded =document.getElementById("ed").value+'T'+document.getElementById("sdt2").value;

  313. //alert(veded);

  314. if ((vsdsd.length<2)|| (veded.length<2))

  315. {

  316. alert('請輸入開始與結束日期時間');

  317. return;

  318. }

  319. //alert('pass');

  320. if (vsdsd.length>16)

  321. {

  322. vsdsd=vsdsd.substring(0,16);

  323. }

  324. if (veded.length>16)

  325. {

  326. veded=veded.substring(0,16);

  327. }

  328. vsdsd=vsdsd.replace('T','_');

  329. vsdsd=vsdsd.replace('-','/');

  330. vsdsd=vsdsd.replace('-','/');

  331. 

  332. veded=veded.replace('T','_');

  333. veded=veded.replace('-','/');

  334. veded=veded.replace('-','/');

  335. vsdsd=vsdsd.substring(2,vsdsd.length);

  336. veded=veded.substring(2,veded.length);

  337. //alert(vsdsd);

  338. //alert(veded);

  339. var vtstp=vsdsd+','+veded;

  340. 

  341. //alert(vtstp);

  342. //return;

  343.   //if (document.getElementById("d11").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png')

  344.  if (document.getElementById("d11").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  345.  {

  346.  vvee1='1';

  347.   //alert('bgreen');

  348.  }else

  349.  {

  350.   vvee1='0';

  351.  //alert('bgrey');

  352.  }

  353.  if (document.getElementById("d12").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  354.  {

  355.  vvee1=vvee1+'1'; 

  356.  }else

  357.  {

  358.   vvee1=vvee1+'0';

  359.  }

  360.  if (document.getElementById("d13").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  361.  {

  362.  vvee1=vvee1+'1'; 

  363.  }else

  364.  {

  365.   vvee1=vvee1+'0';

  366.  }

  367.  if (document.getElementById("d14").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  368.  {

  369.  vvee1=vvee1+'1'; 

  370.  }else

  371.  {

  372.   vvee1=vvee1+'0';

  373.  }

  374.  if (document.getElementById("d15").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  375.  {

  376.  vvee1=vvee1+'1'; 

  377.  }else

  378.  {

  379.   vvee1=vvee1+'0';

  380.  }

  381.  if (document.getElementById("d16").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  382.  {

  383.  vvee1=vvee1+'1'; 

  384.  }else

  385.  {

  386.   vvee1=vvee1+'0';

  387.  }

  388.  if (document.getElementById("d17").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  389.  {

  390.  vvee1=vvee1+'1'; 

  391.  }else

  392.  {

  393.   vvee1=vvee1+'0';

  394.  }

  395.  //alert(vvee1);

  396. 

  397. 

  398. 

  399.  if (document.getElementById("d21").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  400.  {

  401.  vvee2='1';

  402.   //alert('bgreen');

  403.  }else

  404.  {

  405.   vvee2='0';

  406.  //alert('bgrey');

  407.  }

  408.  if (document.getElementById("d22").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  409.  {

  410.  vvee2=vvee2+'1'; 

  411.  }else

  412.  {

  413.   vvee2=vvee2+'0';

  414.  }

  415.  if (document.getElementById("d23").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  416.  {

  417.  vvee2=vvee2+'1'; 

  418.  }else

  419.  {

  420.   vvee2=vvee2+'0';

  421.  }

  422.  if (document.getElementById("d24").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  423.  {

  424.  vvee2=vvee2+'1'; 

  425.  }else

  426.  {

  427.   vvee2=vvee2+'0';

  428.  }

  429.  if (document.getElementById("d25").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  430.  {

  431.  vvee2=vvee2+'1'; 

  432.  }else

  433.  {

  434.   vvee2=vvee2+'0';

  435.  }

  436.  if (document.getElementById("d26").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  437.  {

  438.  vvee2=vvee2+'1'; 

  439.  }else

  440.  {

  441.   vvee2=vvee2+'0';

  442.  }

  443.  if (document.getElementById("d27").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  444.  {

  445.  vvee2=vvee2+'1'; 

  446.  }else

  447.  {

  448.   vvee2=vvee2+'0';

  449.  }

  450.  // alert(vvee2);

  451.  

  452.  

  453.  if (document.getElementById("d31").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  454.  {

  455.  vvee3='1';

  456.   //alert('bgreen');

  457.  }else

  458.  {

  459.   vvee3='0';

  460.  //alert('bgrey');

  461.  }

  462.  if (document.getElementById("d32").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  463.  {

  464.  vvee3=vvee3+'1'; 

  465.  }else

  466.  {

  467.   vvee3=vvee3+'0';

  468.  }

  469.  if (document.getElementById("d33").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  470.  {

  471.  vvee3=vvee3+'1'; 

  472.  }else

  473.  {

  474.   vvee3=vvee3+'0';

  475.  }

  476.  if (document.getElementById("d34").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  477.  {

  478.  vvee3=vvee3+'1'; 

  479.  }else

  480.  {

  481.   vvee3=vvee3+'0';

  482.  }

  483.  if (document.getElementById("d35").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  484.  {

  485.  vvee3=vvee3+'1'; 

  486.  }else

  487.  {

  488.   vvee3=vvee3+'0';

  489.  }

  490.  if (document.getElementById("d36").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  491.  {

  492.  vvee3=vvee3+'1'; 

  493.  }else

  494.  {

  495.   vvee3=vvee3+'0';

  496.  }

  497.  if (document.getElementById("d37").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  498.  {

  499.  vvee3=vvee3+'1'; 

  500.  }else

  501.  {

  502.   vvee3=vvee3+'0';

  503.  }

  504.  //alert(vvee3);

  505.  var ktype = '1';

  506.  if (vvee1=='0000000')

  507.  {

  508.  

  509.  }else

  510.  {

  511.  ktype='2';

  512.   st1 = document.getElementById("st1").value.replace(':','') ;

  513.   et1= document.getElementById("et1").value.replace(':','') ;

  514.   if (st1.length==0 || et1.length==0)

  515.   {

  516.      alert('請選擇時段1的起始與結束時間');

  517. 	 return;

  518.   }

  519.  }

  520.  if (vvee2=='0000000')

  521.  {

  522.  

  523.  }else

  524.  {

  525.  ktype='2';

  526.   st2 = document.getElementById("st2").value.replace(':','') ;

  527.   et2= document.getElementById("et2").value.replace(':','') ;

  528.    if (st2.length==0 || et2.length==0)

  529.   {

  530.      alert('請選擇時段2的起始與結束時間');

  531. 	 return;

  532.   }

  533.  }

  534.  if (vvee3=='0000000')

  535.  {

  536.  

  537.  }else

  538.  {

  539. ktype='2';

  540.   st3 = document.getElementById("st3").value.replace(':','') ;

  541.   et3= document.getElementById("et3").value.replace(':','') ;

  542.   

  543.   //alert(st3.length)

  544.   if (st3.length==0 || et3.length==0)

  545.   {

  546.      alert('請選擇時段3的起始與結束時間');

  547. 	 return;

  548.   }

  549.  }

  550.  

  551. //alert(ktype);

  552.  

  553.  

  554.  if (ktype=='2')

  555.  {

  556.  cycy=vvee1+','+st1 +','+ et1+','+ vvee2+','+st2+','+et2+','+vvee3+','+st3+','+et3;

  557.  }

  558.  else

  559.  {

  560.  //cycy='';

  561.  }

  562. // alert(ktype);

  563.   //updateOutput('cycy='+cycy);

  564.  //alert(cycy);

  565.  

  566.  

  567.  fincycle='';

  568.   fincycle= document.getElementById("ItemNOSer").value+';';

  569.    fincycle=fincycle+ vtstp+';';

  570.  

  571.  fincycle=fincycle+cycy+';';

  572. 

  573.  //alert(cycy);

  574. // alert(fincycle);

  575.  if (orgcycle==fincycle)

  576.  {

  577.  issame=true;

  578. // alert('相同');

  579.  }

  580.      

  581.  if (issame)

  582.  {

  583.  alert('OK');

  584.  window.history.go(-1);

  585.  }

  586.  else

  587.  {

  588.  

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

  590. 	      //alert(document.getElementById("ItemNOSer").value);

  591. 		    vtttt = document.getElementById("ItemNOSer").value;

  592. 			

  593. 		//  alert(ktype);

  594. 		//  return;

  595. 	

  596. 	   var edata ="{\"action\":\"mqttupdateRemoteKey\",\"data\":{\"Command\":\"PassWord="+PW+"&ReGenerate=1&Stat=0&Type="+ktype+"&IndexID="+idx+"&TimeStamp="+vtstp+"&Cycle="+cycy+"&UserID="+ID+"&Title="+vtttt+"\",\"SerialNo\":\"Reserve"+CID+"1-"+SubID+"\",\"TimeStamp\":\""+vt+"\",\"Token\":\"Gigatech23634857\"}}";

  597. 	    

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

  599. 			vsn='001';

  600. 			isget2=false;

  601.        // updateOutput(jsonString);

  602. 		//alert(jsonString

  603. 		

  604. 		if (TYPE=='IOS')

  605. 		{

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

  607. 		}

  608. 	

  609. 		if (TYPE=='ANDROID')

  610. 		{

  611.         webSocket.send(jsonString);

  612. 		}

  613. 		

  614. 		if (TYPE=='PC')

  615. 		{

  616. 		//alert(edata);

  617.        selfendecode(edata);

  618. 		}

  619. 		

  620.   }

  621.  

  622.  }catch(e)

  623.  {

  624.  alert(e);

  625.  }

  626. 

  627. }

  628.  

  629. function senttoother()

  630. {

  631. try

  632. {

  633.  message999 = new Paho.MQTT.Message( "modify,"+idx+","+SubID+","+kname );

  634. // alert('send to other = '+ "modify,"+idx+","+SubID+","+kname );

  635. 	 message999.qos = 0;

  636. 	message999.retained = false;

  637. 	

  638. 	for (var iii = 1; iii < 9; iii++) 

  639. 	{

  640.            if ( iii.toString() !=SubID.toString())

  641.           {

  642. 	     message999.destinationName = 'Reserve'+CID+'1-'+iii.toString()  ;

  643.              client.send(message999); 

  644. 	  }  

  645.        } 

  646.        

  647.        }

  648.        catch(e)

  649.        {

  650.        alert(e);

  651.        }

  652. }

  653.  

  654. function btnSaveqr()

  655. {

  656.  

  657. issame=false;

  658. //alert(idx);

  659. var vvee1='';

  660. var vvee2='';

  661. var vvee3='';

  662. var cycy='';

  663.   

  664.     var st1 =  '0000' ;

  665. var et1= '0000' ;

  666.   

  667.     var st2 =  '0000' ;

  668. var et2= '0000' ;

  669.   

  670.   var st3 =  '0000' ;

  671. var et3= '0000' ;

  672. 

  673. 

  674. //var vsdsd=document.getElementById("sd").value;

  675. //var veded =document.getElementById("ed").value;

  676. var vsdsd=document.getElementById("sd").value+'T'+document.getElementById("sdt1").value;

  677. //alert(vsdsd);

  678. //return;

  679. var veded =document.getElementById("ed").value+'T'+document.getElementById("sdt2").value;

  680. 

  681. if (vsdsd.length>16)

  682. {

  683. vsdsd=vsdsd.substring(0,16);

  684. }

  685. if (veded.length>16)

  686. {

  687. veded=veded.substring(0,16);

  688. }

  689. //var vsdsd=document.getElementById("sd").value.format("yyyy/MM/dd_HH:mm");

  690. //vsdsd=vsdsd.substring(0,16);

  691. //alert(vsdsd);

  692. //return;

  693. 

  694. //12345

  695. var vItemNOSer=document.getElementById("ItemNOSer").value;

  696. if (vItemNOSer.length<1)

  697. {

  698. alert('請輸入預約人');

  699. return;

  700. }

  701. 

  702. if((document.getElementById("sd").value<1) ||  (document.getElementById("ed").value<1) ||(document.getElementById("sdt1").value<1) ||  (document.getElementById("sdt2").value<1))

  703. {

  704. alert('請輸入開始與結束日期時間');

  705. return;

  706. }

  707. 

  708. var vsdsd=document.getElementById("sd").value+'T'+document.getElementById("sdt1").value;

  709. //alert(vsdsd);

  710. //return;

  711. var veded =document.getElementById("ed").value+'T'+document.getElementById("sdt2").value;

  712. //alert(veded);

  713. if ((vsdsd.length<2)|| (veded.length<2))

  714. {

  715. alert('請輸入開始與結束日期時間');

  716. return;

  717. }

  718. vsdsd=vsdsd.replace('T','_');

  719. vsdsd=vsdsd.replace('-','/');

  720. vsdsd=vsdsd.replace('-','/');

  721. 

  722. veded=veded.replace('T','_');

  723. veded=veded.replace('-','/');

  724. veded=veded.replace('-','/');

  725. vsdsd=vsdsd.substring(2,vsdsd.length);

  726. veded=veded.substring(2,veded.length);

  727. //alert(vsdsd);

  728. //alert(veded);

  729. var vtstp=vsdsd+','+veded;

  730. vtstpqr=vtstp;

  731. vtstpqr=vtstpqr.replace('_',' ');

  732. vtstpqr=vtstpqr.replace('_',' ');

  733. vtstpqr=vtstpqr.replace(',','~');

  734. 

  735. //alert(vtstp);

  736. //return;

  737.   

  738. if (document.getElementById("d11").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  739. {

  740.  vvee1='1';

  741.   //alert('bgreen');

  742.  }else

  743.  {

  744.   vvee1='0';

  745.  //alert('bgrey');

  746.  }

  747.  if (document.getElementById("d12").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  748.  {

  749.  vvee1=vvee1+'1'; 

  750.  }else

  751.  {

  752.   vvee1=vvee1+'0';

  753.  }

  754.  if (document.getElementById("d13").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  755.  {

  756.  vvee1=vvee1+'1'; 

  757.  }else

  758.  {

  759.   vvee1=vvee1+'0';

  760.  }

  761.  if (document.getElementById("d14").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  762.  {

  763.  vvee1=vvee1+'1'; 

  764.  }else

  765.  {

  766.   vvee1=vvee1+'0';

  767.  }

  768.  if (document.getElementById("d15").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  769.  {

  770.  vvee1=vvee1+'1'; 

  771.  }else

  772.  {

  773.   vvee1=vvee1+'0';

  774.  }

  775.  if (document.getElementById("d16").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  776.  {

  777.  vvee1=vvee1+'1'; 

  778.  }else

  779.  {

  780.   vvee1=vvee1+'0';

  781.  }

  782.  if (document.getElementById("d17").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  783.  {

  784.  vvee1=vvee1+'1'; 

  785.  }else

  786.  {

  787.   vvee1=vvee1+'0';

  788.  }

  789.  //alert(vvee1);

  790. 

  791. 

  792. 

  793.  if (document.getElementById("d21").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  794.  {

  795.  vvee2='1';

  796.   //alert('bgreen');

  797.  }else

  798.  {

  799.   vvee2='0';

  800.  //alert('bgrey');

  801.  }

  802.  if (document.getElementById("d22").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  803.  {

  804.  vvee2=vvee2+'1'; 

  805.  }else

  806.  {

  807.   vvee2=vvee2+'0';

  808.  }

  809.  if (document.getElementById("d23").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  810.  {

  811.  vvee2=vvee2+'1'; 

  812.  }else

  813.  {

  814.   vvee2=vvee2+'0';

  815.  }

  816.  if (document.getElementById("d24").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  817.  {

  818.  vvee2=vvee2+'1'; 

  819.  }else

  820.  {

  821.   vvee2=vvee2+'0';

  822.  }

  823.  if (document.getElementById("d25").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  824.  {

  825.  vvee2=vvee2+'1'; 

  826.  }else

  827.  {

  828.   vvee2=vvee2+'0';

  829.  }

  830.  if (document.getElementById("d26").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  831.  {

  832.  vvee2=vvee2+'1'; 

  833.  }else

  834.  {

  835.   vvee2=vvee2+'0';

  836.  }

  837.  if (document.getElementById("d27").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  838.  {

  839.  vvee2=vvee2+'1'; 

  840.  }else

  841.  {

  842.   vvee2=vvee2+'0';

  843.  }

  844.  // alert(vvee2);

  845.  

  846.  

  847.   if (document.getElementById("d31").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  848.  {

  849.  vvee3='1';

  850.   //alert('bgreen');

  851.  }else

  852.  {

  853.   vvee3='0';

  854.  //alert('bgrey');

  855.  }

  856.  if (document.getElementById("d32").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  857.  {

  858.  vvee3=vvee3+'1'; 

  859.  }else

  860.  {

  861.   vvee3=vvee3+'0';

  862.  }

  863.  if (document.getElementById("d33").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  864.  {

  865.  vvee3=vvee3+'1'; 

  866.  }else

  867.  {

  868.   vvee3=vvee3+'0';

  869.  }

  870.  if (document.getElementById("d34").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  871.  {

  872.  vvee3=vvee3+'1'; 

  873.  }else

  874.  {

  875.   vvee3=vvee3+'0';

  876.  }

  877.  if (document.getElementById("d35").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  878.  {

  879.  vvee3=vvee3+'1'; 

  880.  }else

  881.  {

  882.   vvee3=vvee3+'0';

  883.  }

  884.  if (document.getElementById("d36").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  885.  {

  886.  vvee3=vvee3+'1'; 

  887.  }else

  888.  {

  889.   vvee3=vvee3+'0';

  890.  }

  891.  if (document.getElementById("d37").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  892.  {

  893.  vvee3=vvee3+'1'; 

  894.  }else

  895.  {

  896.   vvee3=vvee3+'0';

  897.  }

  898.  //alert(vvee3);

  899.  var ktype = '1';

  900.  if (vvee1=='0000000')

  901.  {

  902.  

  903.  }else

  904.  {

  905.  ktype='2';

  906.   st1 = document.getElementById("st1").value.replace(':','') ;

  907.   et1= document.getElementById("et1").value.replace(':','') ;

  908.   if (st1.length==0 || et1.length==0)

  909.   {

  910.      alert('請選擇時段1的起始與結束時間');

  911. 	 return;

  912.   }

  913.  }

  914.  if (vvee2=='0000000')

  915.  {

  916.  

  917.  }else

  918.  {

  919.  ktype='2';

  920.   st2 = document.getElementById("st2").value.replace(':','') ;

  921.   et2= document.getElementById("et2").value.replace(':','') ;

  922.    if (st2.length==0 || et2.length==0)

  923.   {

  924.      alert('請選擇時段2的起始與結束時間');

  925. 	 return;

  926.   }

  927.  }

  928.  if (vvee3=='0000000')

  929.  {

  930.  

  931.  }else

  932.  {

  933. ktype='2';

  934.   st3 = document.getElementById("st3").value.replace(':','') ;

  935.   et3= document.getElementById("et3").value.replace(':','') ;

  936.   

  937.   //alert(st3.length)

  938.   if (st3.length==0 || et3.length==0)

  939.   {

  940.      alert('請選擇時段3的起始與結束時間');

  941. 	 return;

  942.   }

  943.  }

  944.  

  945. 

  946.  

  947.  

  948.  if (ktype=='2')

  949.  {

  950.  cycy=vvee1+','+st1 +','+ et1+','+ vvee2+','+st2+','+et2+','+vvee3+','+st3+','+et3;

  951.  

  952.  vcyd='';

  953.    var vcy = cycy.split(',');

  954.  let days=[];

  955.  

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

  957. 			{

  958. 			}else

  959. 			{

  960. 		 

  961. 			 

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

  963. 			days.push('日');

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

  965. 			days.push('一');

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

  967. 			days.push('二');

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

  969. 			days.push('三');

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

  971. 			days.push('四');

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

  973. 			days.push('五');

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

  975. 			days.push('六');	

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

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

  978. 			vcyd=vcyd+'#1.'+vcy[1]+'~'+vcy[2]+' '+' '+days.join(',');

  979. 			}

  980. 			

  981. 			days=[];

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

  983. 			{

  984. 			}else

  985. 			{

  986. 			 

  987. 			 

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

  989. 			days.push('日');

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

  991. 			days.push('一');

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

  993. 			days.push('二');

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

  995. 			days.push('三');

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

  997. 			days.push('四');

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

  999. 			days.push('五');

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

  1001. 			days.push('六');

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

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

  1004. 			vcyd=vcyd+'#2.'+vcy[4]+'~'+vcy[5]+' '+' '+days.join(',');

  1005. 			}

  1006. 			

  1007. 			days=[];

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

  1009. 			{

  1010. 			}else

  1011. 			{

  1012. 		 

  1013. 			

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

  1015. 			days.push('日');

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

  1017. 			days.push('一');

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

  1019. 			days.push('二');

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

  1021. 			days.push('三');

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

  1023. 			days.push('四');

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

  1025. 			days.push('五');

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

  1027. 			days.push('六');	

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

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

  1030. 			vcyd=vcyd+'#3.'+vcy[7]+'~'+vcy[8]+' '+' '+days.join(',');

  1031. 			}

  1032.  

  1033.  

  1034.  }

  1035.  else

  1036.  {

  1037.  //cycy='';

  1038.  }

  1039.  

  1040.  fincycle='';

  1041.   fincycle= document.getElementById("ItemNOSer").value+';';

  1042.    fincycle=fincycle+ vtstp+';';

  1043.  

  1044.  fincycle=fincycle+cycy+';';

  1045. 

  1046.  //alert(cycy);

  1047. // alert(fincycle);

  1048.  if (orgcycle==fincycle)

  1049.  {

  1050.  issame=true;

  1051. // alert('相同');

  1052.  }

  1053.     vtttt = document.getElementById("ItemNOSer").value;

  1054.  if (issame)

  1055.  {

  1056.  

  1057.  	 vsn='';

  1058. 		 try

  1059. 		 {

  1060. 		 

  1061.                      vtttt = document.getElementById("ItemNOSer").value;

  1062. 		

  1063. 		 

  1064. 		 var jsonString = "{\"action\":\"shareQr\", \"serial\":\"001\",\"data\":{\"name\":\""+kname+"\",\"note\":\""+vtttt+"\",\"QRCode\":\""+vvqrcd+"\",\"time\":\""+vtstpqr+"\",\"cycle\":\""+vcyd+"\"}}";

  1065.        

  1066. 		if (TYPE=='IOS')

  1067. 		{

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

  1069. 		}

  1070. 		if (TYPE=='ANDROID')

  1071. 		{

  1072.         webSocket.send(jsonString);

  1073. 		}

  1074. 		

  1075. 		if (TYPE=='PC')

  1076. 		{

  1077.             shareQrPC(jsonString);

  1078. 		}

  1079. 		 

  1080. 		 }catch(e)

  1081. 		 {

  1082. 		  //alert(e);

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

  1084. 		 }

  1085. 	

  1086.  

  1087.  }

  1088.  else 

  1089.  {

  1090.  

  1091. 

  1092. 

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

  1094. 	     // alert(document.getElementById("ItemNOSer").value);

  1095. 		   vtttt = document.getElementById("ItemNOSer").value;

  1096. 		//  alert(ktype);

  1097. 		//  return;

  1098. 	var edata456 ="{\"action\":\"mqttupdateRemoteKey\",\"data\":{\"Command\":\"PassWord="+PW+"&ReGenerate=1&Stat=1&Type="+ktype+"&IndexID="+idx+"&TimeStamp="+vtstp+"&Cycle="+cycy+"&UserID="+ID+"&Title="+vtttt+"\",\"SerialNo\":\"Reserve"+CID+"1-"+SubID+"\",\"TimeStamp\":\""+vt+"\",\"Token\":\"Gigatech23634857\"}}";

  1099. 	    

  1100. 	   var jsonString333 = "{\"action\":\"encode\", \"serial\":\"003\",\"data\":"+edata456+"}";

  1101. 			vsn='003';

  1102.         //updateOutput(jsonString);

  1103. 		//alert(jsonString);

  1104. 		//return;

  1105. 		if (TYPE=='IOS')

  1106. 		{

  1107.         window.webkit.messageHandlers.WebToApp.postMessage(jsonString333);

  1108. 		}

  1109. 	

  1110. 		if (TYPE=='ANDROID')

  1111. 		{

  1112.         webSocket.send(jsonString333);

  1113. 		}

  1114. 		

  1115. 		if (TYPE=='PC')

  1116. 		{

  1117.         selfendecode(edata456);

  1118. 		}

  1119. }	

  1120.  

  1121.  

  1122.  

  1123.  

  1124.  }

  1125.  

  1126.  function btnitemback(vid)

  1127.  {

  1128.  try

  1129.  {

  1130.  //alert(vid);

  1131.  // alert(document.getElementById(vid).style.backgroundImage.slice(4, -1).replace(/"/g, ""));

  1132.  

  1133.  if (document.getElementById(vid).style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  1134.  {

  1135.  document.getElementById(vid).style.background="url('image/bgrey.png') no-repeat  center/100%";

  1136.  }else

  1137.  {

  1138.  document.getElementById(vid).style.background="url('image/bgreen.png') no-repeat  center/100%";

  1139.  }

  1140.  

  1141. 

  1142.  }catch(e)

  1143.  {

  1144.  alert(e);

  1145.  }

  1146.  

  1147.  }

  1148.  

  1149.  function btndddel()

  1150.  {

  1151.  

  1152.  var yes = confirm('確定刪除？');

  1153.  if (yes) {

  1154. 

  1155. try

  1156.  {

  1157. 

  1158.     //alert('ue');

  1159. 	//return;

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

  1161. 	    // alert(document.getElementById("ItemNOSer").value);

  1162.            vtttt = document.getElementById("ItemNOSer").value;

  1163. 		//  alert(ktype);

  1164. 		

  1165. 		//  return;

  1166. 		var edata3 ="";

  1167. 	  edata3 ="{\"action\":\"mqttdeleteRemoteKey\",\"data\":{\"Command\":\"PassWord="+PW+"&IndexID="+idx+"&UserID="+ID+"\",\"SerialNo\":\"Reserve"+CID+"1-"+SubID+"\",\"TimeStamp\":\""+vt+"\",\"Token\":\"Gigatech23634857\"}}";

  1168. 	  //  alert(edata);

  1169. 	  var jsonString4 ="";

  1170. 	    jsonString4 = "{\"action\":\"encode\", \"serial\":\"101\",\"data\":"+edata3+"}";

  1171. 	

  1172. 	vsn='101';

  1173.        // updateOutput(jsonString);

  1174. 		//alert(jsonString);

  1175. 		//return;

  1176. 		if (TYPE=='IOS')

  1177. 		{

  1178.         window.webkit.messageHandlers.WebToApp.postMessage(jsonString4);

  1179. 		}

  1180. 	

  1181. 		if (TYPE=='ANDROID')

  1182. 		{

  1183.         webSocket.send(jsonString4);

  1184. 		}

  1185. 		

  1186. 		if (TYPE=='PC')

  1187. 		{

  1188.         selfendecode(edata3);

  1189. 		}

  1190. 		

  1191.  }

  1192.  catch(e)

  1193.  {

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

  1195.  }

  1196. } else {

  1197. }

  1198.  

  1199.   }

  1200.  

  1201.  

  1202.  	function getdoorlist() 

  1203. 	 {

  1204. 	 

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

  1206. 	

  1207. 	 

  1208. 	      

  1209. 	var edata ="{\"action\":\"mqttqueryCallList\",\"data\":{\"Command\":\"PassWord="+PW+"\",\"SerialNo\":\"Reserve"+CID+"1\",\"TimeStamp\":\""+vt+"\",\"Token\":\"Gigatech23634857\"}}";

  1210. 	    

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

  1212. 			vsn='001';

  1213.        // updateOutput(jsonString);

  1214. 		isget2=false;

  1215. 		if (TYPE=='IOS')

  1216. 		{

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

  1218. 		}

  1219. 	

  1220. 		if (TYPE=='ANDROID')

  1221. 		{

  1222.         webSocket.send(jsonString);

  1223. 		}

  1224. 		

  1225. 		if (TYPE=='PC')

  1226. 		{

  1227.         selfendecode(edata);

  1228. 		}

  1229. 	

  1230. 	}

  1231. 	

  1232.  

  1233.  

  1234.  </script>

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

  1236.     var webSocket;

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

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

  1239. 	var vdata="";

  1240. 	var isok=true;

  1241. 	var webSocket;

  1242.      //var connectBtn = document.getElementById("connectBtn");

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

  1244.      //	var wsUrl = "ws://192.168.0.27:2980/";

  1245.      // var wsUrl = "ws://192.168.0.30:2980/";

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

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

  1248. 	  function connect() 

  1249. 	  {

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

  1251.       if (webSocket !== undefined  && webSocket.readyState !== WebSocket.CLOSED) 

  1252. 	  {

  1253.         return;

  1254.       }

  1255. 

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

  1257. 

  1258.       // Create a websocket

  1259.       webSocket = new WebSocket(wsUrl);

  1260. 

  1261.       webSocket.onopen = function(event) {

  1262. 	 

  1263. 		 

  1264.       };

  1265. 

  1266.       webSocket.onmessage = function(event) 

  1267. 	  {

  1268. 	    var ress = event.data;

  1269. 			 if (is2=='002' )

  1270. 	 {

  1271. 	 

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

  1273. 		if (vobj.success===true)

  1274. {

  1275. alert('OK');

  1276. window.history.go(-1);

  1277. }

  1278. else

  1279. {

  1280. alert('失敗');

  1281. } 

  1282.     

  1283. 	is2='';

  1284. 	

  1285. 	  	 if (is2=='001' )

  1286. 	 {

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

  1288.      message4 = new Paho.MQTT.Message("{\"encrypt\":\"1\",\"data\":\""+vobj.data+"\"}");

  1289.     message4.destinationName = SN ;

  1290. 	message4.retained = false;

  1291. 		message4.qos = 0;

  1292. 	 client.send(message4); 

  1293. 	 is2='002';

  1294. 	 }

  1295. 

  1296. 	  } 

  1297. 	    

  1298. 		 

  1299. 		 

  1300.       };

  1301. 

  1302.       webSocket.onclose = function(event) {

  1303.         //   updateOutput("Connection Closed");

  1304.         //connectBtn.disabled = false;

  1305.         //sendBtn.disabled = true;

  1306.       };

  1307.     }

  1308.  

  1309.  

  1310.  function shareQr() {

  1311.         var text = input.value;

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

  1313.         //updateOutput(jsonString);

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

  1315.         

  1316. 		if (TYPE=='IOS')

  1317. 		{

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

  1319. 		}

  1320. 		if (TYPE=='ANDROID')

  1321. 		{

  1322.         webSocket.send(jsonString);

  1323. 		}

  1324.     }

  1325. 	

  1326. 	 function shareQrPC(message) {

  1327. 	 message=message.replaceAll('=','-');

  1328. 	  message=message.replaceAll('#','*');

  1329.       //  alert('shareQrPC '+message);

  1330. 		//alert("index4.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);

  1331. 		document.location = "index4.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+"&sqr="+message; 

  1332.         

  1333.     }

  1334. 	

  1335. 	//self start

  1336. 	 function selfendecode(message) {

  1337. 	

  1338. 	 if (vsn=='002'||vsn=='103')

  1339. 		 {

  1340. 		 isget=true;

  1341. 		// alert(vsn);

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

  1343. 		// alert('002 or 103 '+message);

  1344. 		  var ress = message;

  1345. 		  vsn='104';

  1346. 		 try

  1347. 		 {

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

  1349. 		 //alert( vobj.data);

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

  1351.         // alert('de'+ ress);

  1352. 	senttoother();

  1353. 		 alert('OK');

  1354. 		 //23456

  1355. 		 window.history.go(-1);

  1356. 		 //document.location = "index2.html?KID="+ID +"&name="+ kname; 

  1357. 		 }catch(e)

  1358. 		 {

  1359. 		 alert(e);

  1360. 		 }

  1361. 		 }

  1362. 		 

  1363. 		 if (vsn=='004')

  1364. 		 {

  1365. 		 //alert('004');

  1366. 		 vsn='';

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

  1368. 		 isget3 = true;		 

  1369. 		 var ress = message;

  1370. 		  

  1371. 		 

  1372. 		 try

  1373. 		 {

  1374. 		 // alert('de'+ ress);

  1375. 		    vobj = JSON.parse( ress);

  1376. 		 var qrcd= vobj.data.CardID;  

  1377. 		  alert('004 '+message);

  1378. 		  

  1379. 		// var qrcd= vobj.data.data.CardID;  

  1380. 		 // alert( qrcd);

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

  1382.          // alert('de'+ ress);

  1383. 		 //alert('OK');

  1384. 		 //window.history.go(-1);

  1385. 		 //document.location = "index2.html?KID="+ID +"&name="+ kname; 

  1386. 		 //"name":"健身房","note":"王大明09123456789","QRCode":"KaiZvhWz5dcUqkkuvAK0q6T/iw4dbE7CpGKDozTFL2LkH6g1YRdayW=="

  1387. 		// alert(vtttt);

  1388. 		//vcyd

  1389. 		  var jsonString = "{\"action\":\"shareQr\", \"serial\":\"001\",\"data\":{\"name\":\""+kname+"\",\"note\":\""+vtttt+"\",\"QRCode\":\""+qrcd+"\",\"time\":\""+vtstpqr+"\",\"cycle\":\""+vcyd+"\"}}";

  1390.         // alert(jsonString);      

  1391. 	  // updateOutput(jsonString);

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

  1393. 	     orgcycle=fincycle;

  1394. 	       vvqrcd=qrcd;

  1395. 	       senttoother();

  1396. 		if (TYPE=='IOS')

  1397. 		{

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

  1399. 		}

  1400. 		if (TYPE=='ANDROID')

  1401. 		{

  1402.         webSocket.send(jsonString);

  1403. 		}

  1404. 		

  1405. 		if (TYPE=='PC')

  1406. 		{

  1407.         shareQrPC(jsonString);

  1408. 		}

  1409. 		 

  1410. 		 }catch(e)

  1411. 		 {

  1412. 		 alert(e);

  1413. 		 }

  1414. 		 }

  1415. 		 

  1416. 	     if (vsn=='001')

  1417. 		 {

  1418. 		 try

  1419. 		 {

  1420. 		 // alert( '001');

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

  1422. 		  var ress = message;

  1423. 		  // alert( ress);

  1424. 		  isget2=true;

  1425. 		   //  vobj = JSON.parse( ress); 		 

  1426. 		  isget=false;

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

  1428. }catch(e)

  1429. {

  1430. alert(e);

  1431. }		 

  1432.            //updateOutput('---------------------------');

  1433. 		 // updateOutput(vdata);

  1434. 		  

  1435. 		 

  1436.      message4 = new Paho.MQTT.Message("{\"encrypt\":\"1\",\"data\":\""+message+"\"}");

  1437.     message4.destinationName = SN ;

  1438. 	message4.retained = false;

  1439. 		message4.qos = 0;

  1440. 	var vivi = 0;

  1441. 	  //  client.send(message); 

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

  1443. 	if (isget)

  1444. 	 {

  1445. 	 

  1446. 	 }

  1447. 	 else

  1448. 	 {

  1449. 	   if (vivi>15)

  1450. 	   {

  1451. 	    clearInterval(intervalID);

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

  1453. 	  

  1454. 	   }else

  1455. 	   {

  1456. 	     vivi++;

  1457. 		  if (isconn)

  1458. 	   {

  1459. 	 client.send(message4); 

  1460. 	   }

  1461. 	   

  1462. 	   }

  1463. 	

  1464. 	}	

  1465.   }, 400);	

  1466. 	 

  1467. 		 }

  1468. 		 

  1469. 		  if (vsn=='101')

  1470. 		 {

  1471. 		 try

  1472. 		 {

  1473. 		 vsn='102';

  1474. 		 // alert( '102');

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

  1476. 		  var ress = message;

  1477. 		 // alert( ress);

  1478. 		 //    vobj = JSON.parse( ress); 		 

  1479. 		  isget=false;

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

  1481. 		 

  1482.            //updateOutput('---------------------------');

  1483. 		 // updateOutput(vdata);

  1484. 		  

  1485. 	 

  1486. 	message9 = new Paho.MQTT.Message("{\"encrypt\":\"1\",\"data\":\""+message+"\"}");

  1487.     message9.destinationName = SN ;

  1488. 	  message9.retained = false;

  1489. 		message9.qos = 0;

  1490. var vivi = 0;

  1491.  

  1492. 	 //   client.send(message); 

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

  1494. 	if (isget)

  1495. 	 {

  1496. 	 

  1497. 	 }

  1498. 	 else

  1499. 	 {

  1500. 	   if (vivi>15)

  1501. 	   {

  1502. 	  

  1503. 	   clearInterval(intervalID);

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

  1505. 	  }else

  1506. 	   {

  1507. 	    if (isconn)

  1508. 		{

  1509. 		 client.send(message9); 

  1510. 		}

  1511. 	   

  1512. 		 vivi++;

  1513. 	   }

  1514. 	

  1515. 	}	

  1516.   }, 400);	

  1517.   

  1518. 	 }catch(e)

  1519. {

  1520. alert(e);

  1521. }

  1522. 		 }

  1523. 		 

  1524. 		 if (vsn=='003')

  1525. 		 {

  1526. 		 try

  1527. 		 {

  1528. 		 // alert( '003');

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

  1530. 		  var ress = message;

  1531. 		  // alert( ress);

  1532. 		//     vobj = JSON.parse( ress); 		 

  1533. 		isget3=false;

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

  1535. }catch(e)

  1536. {

  1537. alert(e);

  1538. }		 

  1539.            //updateOutput('---------------------------');

  1540. 		//  updateOutput(vdata);

  1541. 		  

  1542. 		 

  1543. message6= new Paho.MQTT.Message("{\"encrypt\":\"1\",\"data\":\""+message+"\"}");

  1544.     message6.destinationName = SN ;

  1545. 	   message6.retained = false;

  1546. 		message6.qos = 0;

  1547. 	

  1548. 	//setTimeout(() => {

  1549. 	var vivi = 0;

  1550. 	 

  1551. 	  

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

  1553. 	if (isget3)

  1554. 	 {

  1555. 	 

  1556. 	 }

  1557. 	 else

  1558. 	 {

  1559. 	   if (vivi>15)

  1560. 	   {

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

  1562. 	   clearInterval(intervalID);

  1563. 	   }else

  1564. 	   {

  1565. 	     vivi++;

  1566. 		 if (isconn)

  1567. 		 {

  1568. 		  client.send(message6); 

  1569. 		 }

  1570. 	   

  1571. 	   }

  1572. 	

  1573. 	}	

  1574.   }, 400);	

  1575. 	

  1576.    

  1577. 		 

  1578. 		 }

  1579. 	

  1580.       //  updateOutput(message);

  1581.         

  1582.     }

  1583. 	//self end

  1584. 

  1585.     function AppToWeb(message)

  1586. 	{

  1587. 

  1588. 	 if (is2=='002' )

  1589. 	 {

  1590. 	  

  1591. 	    var vobj = JSON.parse(message); 

  1592. 		if (vobj.data.success===true)

  1593. {

  1594. alert('OK');

  1595. window.history.go(-1);

  1596. }

  1597. else

  1598. {

  1599. alert('失敗');

  1600. } 

  1601. 	is2='';

  1602. 	  } 

  1603. 	  

  1604. 	 if (is2=='001' )

  1605. 	 {

  1606. 	  var vobj = JSON.parse( message); 	

  1607.      message4 = new Paho.MQTT.Message("{\"encrypt\":\"1\",\"data\":\""+vobj.data+"\"}");

  1608.     //message4 = new Paho.MQTT.Message("{\"encrypt\":\"1\",\"data\":\""+message+"\"}");

  1609.     

  1610. 	message4.destinationName = SN ;

  1611. 	message4.retained = false;

  1612. 		message4.qos = 0;

  1613. 	 client.send(message4); 

  1614. 	 is2='002';

  1615. 	 }

  1616. 	 

  1617.     }

  1618. 

  1619.     function endode() {

  1620.         var text = input.value;

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

  1622. 		

  1623.        // updateOutput(jsonString);

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

  1625. 		if (TYPE=='IOS')

  1626. 		{

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

  1628. 		}

  1629. 		if (TYPE=='ANDROID')

  1630. 		{

  1631.         webSocket.send(jsonString);

  1632. 		}

  1633. 		

  1634.     }

  1635. 

  1636.     function decode() {

  1637.         var text = input.value;

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

  1639.         //updateOutput(jsonString);

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

  1641. 		if (TYPE=='IOS')

  1642. 		{

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

  1644. 		}

  1645.        if (TYPE=='ANDROID')

  1646. 		{

  1647.         webSocket.send(jsonString);

  1648. 		}

  1649.     }

  1650. 	

  1651. 	 

  1652. 

  1653.     function updateOutput(text) {

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

  1655.     }

  1656. 	

  1657. 	

  1658.     </script>

  1659. 	<script>  

  1660.     var getUrlParameter = function getUrlParameter(sParam) {

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

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

  1663.         sParameterName,

  1664.         i;

  1665. 

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

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

  1668. 

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

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

  1671.         }

  1672.     }

  1673. };

  1674. 

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

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

  1677. 

  1678.     if (!format) {

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

  1680.     }

  1681. 

  1682.     var o = {

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

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

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

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

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

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

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

  1690.         "S": this.getMilliseconds()

  1691.     };

  1692. 

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

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

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

  1696.     }

  1697. 

  1698.     for (var k in o) {

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

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

  1701.                 ? o[k]

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

  1703.         }

  1704.     }

  1705. 

  1706.     return format;

  1707. };

  1708. </script>  

  1709. <br>

  1710. 

  1711. </body>

  1712. 

  1713. </html>