Home Explore Help
Sign In
tom
/
Orader
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
預約系統 IOS / Android Windows
2 Commits
1 Branches
Tree: b092c08a7d
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'b092c08a7d'
${ noResults }
Orader/windows/index5.html

index5.html 38KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701 
  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 CID = '';

  25.   var ID = '';

  26.   var PW = '';

  27.     var TYPE = '';

  28. var client;

  29. var kname='';

  30. var myclientid='';

  31.     var tt =  '';

  32. 	var st = '';

  33. 	 var et =  '';

  34. 	 var idx = '';

  35. 	var cy='';

  36. 	var vtype='';

  37.     var vtttt='';

  38. 	 var isget = false;

  39. 	  var isget2 = false;

  40. 	    var isget3 = false;

  41. 	 var vtstpqr='';

  42. 	 var vcyd='';

  43. 	 var vmqtt='';

  44. 	 var SN='';

  45. 	 var SubID='';

  46. 	 var vsn='';

  47. 	  var vobj;

  48. 	    var vvvi;

  49. var ooodata='';

  50. var is2='';

  51.  var  account='';

  52. function init() 

  53. {

  54. try

  55. {

  56. CID = getUrlParameter('CID');

  57.     ID = getUrlParameter('ID');

  58. 	PW= getUrlParameter('PW');

  59. 	TYPE= getUrlParameter('TYPE');

  60. 	 SN = getUrlParameter('SN');

  61. 	vmqtt = getUrlParameter('MQTT');

  62. 	SubID = getUrlParameter('SubID');

  63. 	vvvi= getUrlParameter('idx');

  64. 	kkid=  getUrlParameter('ID');

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

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

  67. 	   

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

  69. 	 vvqrcd=  getUrlParameter('qrcd');

  70. 	 

  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. 	//alert(orgcycle);

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

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

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

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

  96.  if (TYPE=='ANDROID')

  97. 		{

  98.        connect();

  99. 		}

  100.        vsn='';

  101. 

  102. 		

  103. }catch(e)

  104. {

  105. alert(e);

  106. }

  107. }

  108. function onConnectionLost(message) 

  109. {

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

  111. }

  112. function onMessageArrived(message) 

  113. {

  114. var vres = message.payloadString;

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

  116.  is2='002';

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

  118. 	if (TYPE=='IOS')

  119. 		{

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

  121. 		}

  122. 	

  123. 		if (TYPE=='ANDROID')

  124. 		{

  125.         webSocket.send(jsonString);

  126. 		}

  127.  

  128.  if (TYPE=='PC')

  129. 		{

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

  131.  //alert(vres);

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

  133. //alert(vobj2.success); 

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

  135. {

  136. alert('OK');

  137. }

  138. else

  139. {

  140. alert('失敗');

  141. } 

  142.  is2='';

  143.          }

  144. 

  145. 

  146.  

  147. 

  148. }

  149. function onFailedConnect() 

  150. {

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

  152. }

  153. function onConnect() 

  154. {

  155. isconn=true;

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

  157. 	try

  158. 	{

  159. 	

  160. 	 

  161. 	

  162.     }

  163. 	catch(e)

  164.     {

  165.        alert(e);

  166.     }

  167. 	//alert('c');

  168. }

  169. 

  170. </script>

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

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

  173.    </head>

  174. 

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

  176. 

  177. 

  178. <div>

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

  180. 	  

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

  182. 	  <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>

  183.   <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>   

  184.    </div>

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

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

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

  188. 	<br>

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

  190.  <label style="margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:24px;color:#646464;border:none;width: 100px;">密碼&nbsp:&nbsp </label><input type="password" 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>

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

  192.   

  193. 		 

  194. </br>

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

  196.     <tbody>

  197.         <tr>

  198. 		<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>

  199.         </tr>

  200.         </tbody>  

  201.         </table> 

  202.   </div>

  203.  

  204. </div>

  205. 

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

  207.     <h2>Output</h2>

  208. </div>

  209.  

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

  211. function ok123()

  212. {

  213. 

  214. const isValidPasswordChar = str => {

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

  216.   return regex.test(str)

  217. };

  218.  

  219. try

  220. {

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

  222.  

  223.  

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

  225. 		// alert(vwpw);

  226. 		 if (isValidPasswordChar(vwpw))

  227. 		 {

  228. 		   

  229. 		 }else

  230. 		 {

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

  232. 		  return;

  233. 		 }

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

  235. 		 {

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

  237. 		  return;

  238. 		 }

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

  240.  is2='001';

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

  242.  	if (TYPE=='IOS')

  243. 		{

  244. 		

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

  246. 		}

  247. 	

  248. 		if (TYPE=='ANDROID')

  249. 		{

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

  251.         webSocket.send(jsonString);

  252. 		}

  253.  

  254.  if (TYPE=='PC')

  255. 		{

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

  257.   var ress = message;

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

  259.     message4.destinationName = SN ;

  260. 	message4.retained = false;

  261. 		message4.qos = 0;

  262. 	 client.send(message4); 

  263.  

  264. 	 }

  265. }catch(e)

  266. {

  267. alert(e);

  268. }	   

  269. }

  270. 

  271. function btnSaveTmp()

  272. {

  273. try

  274. {

  275. issame=false;

  276.  //alert(idx);

  277. var vvee1='';

  278. var vvee2='';

  279. var vvee3='';

  280. var cycy='';

  281.   

  282. var st1 =  '0000' ;

  283. var et1= '0000' ;

  284.   

  285. var st2 =  '0000' ;

  286. var et2= '0000' ;

  287.   

  288. var st3 =  '0000' ;

  289. var et3= '0000' ;

  290. //12345

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

  292. if (vItemNOSer.length<1)

  293. {

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

  295. return;

  296. }

  297. 

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

  299. {

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

  301. return;

  302. }

  303. 

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

  305. //alert(vsdsd);

  306. //return;

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

  308. //alert(veded);

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

  310. {

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

  312. return;

  313. }

  314. //alert('pass');

  315. if (vsdsd.length>16)

  316. {

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

  318. }

  319. if (veded.length>16)

  320. {

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

  322. }

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

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

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

  326. 

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

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

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

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

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

  332. //alert(vsdsd);

  333. //alert(veded);

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

  335. 

  336. //alert(vtstp);

  337. //return;

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

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

  340.  {

  341.  vvee1='1';

  342.   //alert('bgreen');

  343.  }else

  344.  {

  345.   vvee1='0';

  346.  //alert('bgrey');

  347.  }

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

  349.  {

  350.  vvee1=vvee1+'1'; 

  351.  }else

  352.  {

  353.   vvee1=vvee1+'0';

  354.  }

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

  356.  {

  357.  vvee1=vvee1+'1'; 

  358.  }else

  359.  {

  360.   vvee1=vvee1+'0';

  361.  }

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

  363.  {

  364.  vvee1=vvee1+'1'; 

  365.  }else

  366.  {

  367.   vvee1=vvee1+'0';

  368.  }

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

  370.  {

  371.  vvee1=vvee1+'1'; 

  372.  }else

  373.  {

  374.   vvee1=vvee1+'0';

  375.  }

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

  377.  {

  378.  vvee1=vvee1+'1'; 

  379.  }else

  380.  {

  381.   vvee1=vvee1+'0';

  382.  }

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

  384.  {

  385.  vvee1=vvee1+'1'; 

  386.  }else

  387.  {

  388.   vvee1=vvee1+'0';

  389.  }

  390.  //alert(vvee1);

  391. 

  392. 

  393. 

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

  395.  {

  396.  vvee2='1';

  397.   //alert('bgreen');

  398.  }else

  399.  {

  400.   vvee2='0';

  401.  //alert('bgrey');

  402.  }

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

  404.  {

  405.  vvee2=vvee2+'1'; 

  406.  }else

  407.  {

  408.   vvee2=vvee2+'0';

  409.  }

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

  411.  {

  412.  vvee2=vvee2+'1'; 

  413.  }else

  414.  {

  415.   vvee2=vvee2+'0';

  416.  }

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

  418.  {

  419.  vvee2=vvee2+'1'; 

  420.  }else

  421.  {

  422.   vvee2=vvee2+'0';

  423.  }

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

  425.  {

  426.  vvee2=vvee2+'1'; 

  427.  }else

  428.  {

  429.   vvee2=vvee2+'0';

  430.  }

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

  432.  {

  433.  vvee2=vvee2+'1'; 

  434.  }else

  435.  {

  436.   vvee2=vvee2+'0';

  437.  }

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

  439.  {

  440.  vvee2=vvee2+'1'; 

  441.  }else

  442.  {

  443.   vvee2=vvee2+'0';

  444.  }

  445.  // alert(vvee2);

  446.  

  447.  

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

  449.  {

  450.  vvee3='1';

  451.   //alert('bgreen');

  452.  }else

  453.  {

  454.   vvee3='0';

  455.  //alert('bgrey');

  456.  }

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

  458.  {

  459.  vvee3=vvee3+'1'; 

  460.  }else

  461.  {

  462.   vvee3=vvee3+'0';

  463.  }

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

  465.  {

  466.  vvee3=vvee3+'1'; 

  467.  }else

  468.  {

  469.   vvee3=vvee3+'0';

  470.  }

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

  472.  {

  473.  vvee3=vvee3+'1'; 

  474.  }else

  475.  {

  476.   vvee3=vvee3+'0';

  477.  }

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

  479.  {

  480.  vvee3=vvee3+'1'; 

  481.  }else

  482.  {

  483.   vvee3=vvee3+'0';

  484.  }

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

  486.  {

  487.  vvee3=vvee3+'1'; 

  488.  }else

  489.  {

  490.   vvee3=vvee3+'0';

  491.  }

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

  493.  {

  494.  vvee3=vvee3+'1'; 

  495.  }else

  496.  {

  497.   vvee3=vvee3+'0';

  498.  }

  499.  //alert(vvee3);

  500.  var ktype = '1';

  501.  if (vvee1=='0000000')

  502.  {

  503.  

  504.  }else

  505.  {

  506.  ktype='2';

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

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

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

  510.   {

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

  512. 	 return;

  513.   }

  514.  }

  515.  if (vvee2=='0000000')

  516.  {

  517.  

  518.  }else

  519.  {

  520.  ktype='2';

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

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

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

  524.   {

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

  526. 	 return;

  527.   }

  528.  }

  529.  if (vvee3=='0000000')

  530.  {

  531.  

  532.  }else

  533.  {

  534. ktype='2';

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

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

  537.   

  538.   //alert(st3.length)

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

  540.   {

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

  542. 	 return;

  543.   }

  544.  }

  545.  

  546. //alert(ktype);

  547.  

  548.  

  549.  if (ktype=='2')

  550.  {

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

  552.  }

  553.  else

  554.  {

  555.  //cycy='';

  556.  }

  557. // alert(ktype);

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

  559.  //alert(cycy);

  560.  

  561.  

  562.  fincycle='';

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

  564.    fincycle=fincycle+ vtstp+';';

  565.  

  566.  fincycle=fincycle+cycy+';';

  567. 

  568.  //alert(cycy);

  569. // alert(fincycle);

  570.  if (orgcycle==fincycle)

  571.  {

  572.  issame=true;

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

  574.  }

  575.      

  576.  if (issame)

  577.  {

  578.  alert('OK');

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

  580.  }

  581.  else

  582.  {

  583.  

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

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

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

  587. 			

  588. 		//  alert(ktype);

  589. 		//  return;

  590. 	

  591. 	   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\"}}";

  592. 	    

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

  594. 			vsn='001';

  595. 			isget2=false;

  596.        // updateOutput(jsonString);

  597. 		//alert(jsonString

  598. 		

  599. 		if (TYPE=='IOS')

  600. 		{

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

  602. 		}

  603. 	

  604. 		if (TYPE=='ANDROID')

  605. 		{

  606.         webSocket.send(jsonString);

  607. 		}

  608. 		

  609. 		if (TYPE=='PC')

  610. 		{

  611. 		//alert(edata);

  612.        selfendecode(edata);

  613. 		}

  614. 		

  615.   }

  616.  

  617.  }catch(e)

  618.  {

  619.  alert(e);

  620.  }

  621. 

  622. }

  623.  

  624. function senttoother()

  625. {

  626. try

  627. {

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

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

  630. 	 message999.qos = 0;

  631. 	message999.retained = false;

  632. 	

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

  634. 	{

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

  636.           {

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

  638.              client.send(message999); 

  639. 	  }  

  640.        } 

  641.        

  642.        }

  643.        catch(e)

  644.        {

  645.        alert(e);

  646.        }

  647. }

  648.  

  649. function btnSaveqr()

  650. {

  651.  

  652. issame=false;

  653. //alert(idx);

  654. var vvee1='';

  655. var vvee2='';

  656. var vvee3='';

  657. var cycy='';

  658.   

  659.     var st1 =  '0000' ;

  660. var et1= '0000' ;

  661.   

  662.     var st2 =  '0000' ;

  663. var et2= '0000' ;

  664.   

  665.   var st3 =  '0000' ;

  666. var et3= '0000' ;

  667. 

  668. 

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

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

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

  672. //alert(vsdsd);

  673. //return;

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

  675. 

  676. if (vsdsd.length>16)

  677. {

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

  679. }

  680. if (veded.length>16)

  681. {

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

  683. }

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

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

  686. //alert(vsdsd);

  687. //return;

  688. 

  689. //12345

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

  691. if (vItemNOSer.length<1)

  692. {

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

  694. return;

  695. }

  696. 

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

  698. {

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

  700. return;

  701. }

  702. 

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

  704. //alert(vsdsd);

  705. //return;

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

  707. //alert(veded);

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

  709. {

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

  711. return;

  712. }

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

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

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

  716. 

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

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

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

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

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

  722. //alert(vsdsd);

  723. //alert(veded);

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

  725. vtstpqr=vtstp;

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

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

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

  729. 

  730. //alert(vtstp);

  731. //return;

  732.   

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

  734. {

  735.  vvee1='1';

  736.   //alert('bgreen');

  737.  }else

  738.  {

  739.   vvee1='0';

  740.  //alert('bgrey');

  741.  }

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

  743.  {

  744.  vvee1=vvee1+'1'; 

  745.  }else

  746.  {

  747.   vvee1=vvee1+'0';

  748.  }

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

  750.  {

  751.  vvee1=vvee1+'1'; 

  752.  }else

  753.  {

  754.   vvee1=vvee1+'0';

  755.  }

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

  757.  {

  758.  vvee1=vvee1+'1'; 

  759.  }else

  760.  {

  761.   vvee1=vvee1+'0';

  762.  }

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

  764.  {

  765.  vvee1=vvee1+'1'; 

  766.  }else

  767.  {

  768.   vvee1=vvee1+'0';

  769.  }

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

  771.  {

  772.  vvee1=vvee1+'1'; 

  773.  }else

  774.  {

  775.   vvee1=vvee1+'0';

  776.  }

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

  778.  {

  779.  vvee1=vvee1+'1'; 

  780.  }else

  781.  {

  782.   vvee1=vvee1+'0';

  783.  }

  784.  //alert(vvee1);

  785. 

  786. 

  787. 

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

  789.  {

  790.  vvee2='1';

  791.   //alert('bgreen');

  792.  }else

  793.  {

  794.   vvee2='0';

  795.  //alert('bgrey');

  796.  }

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

  798.  {

  799.  vvee2=vvee2+'1'; 

  800.  }else

  801.  {

  802.   vvee2=vvee2+'0';

  803.  }

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

  805.  {

  806.  vvee2=vvee2+'1'; 

  807.  }else

  808.  {

  809.   vvee2=vvee2+'0';

  810.  }

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

  812.  {

  813.  vvee2=vvee2+'1'; 

  814.  }else

  815.  {

  816.   vvee2=vvee2+'0';

  817.  }

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

  819.  {

  820.  vvee2=vvee2+'1'; 

  821.  }else

  822.  {

  823.   vvee2=vvee2+'0';

  824.  }

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

  826.  {

  827.  vvee2=vvee2+'1'; 

  828.  }else

  829.  {

  830.   vvee2=vvee2+'0';

  831.  }

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

  833.  {

  834.  vvee2=vvee2+'1'; 

  835.  }else

  836.  {

  837.   vvee2=vvee2+'0';

  838.  }

  839.  // alert(vvee2);

  840.  

  841.  

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

  843.  {

  844.  vvee3='1';

  845.   //alert('bgreen');

  846.  }else

  847.  {

  848.   vvee3='0';

  849.  //alert('bgrey');

  850.  }

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

  852.  {

  853.  vvee3=vvee3+'1'; 

  854.  }else

  855.  {

  856.   vvee3=vvee3+'0';

  857.  }

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

  859.  {

  860.  vvee3=vvee3+'1'; 

  861.  }else

  862.  {

  863.   vvee3=vvee3+'0';

  864.  }

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

  866.  {

  867.  vvee3=vvee3+'1'; 

  868.  }else

  869.  {

  870.   vvee3=vvee3+'0';

  871.  }

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

  873.  {

  874.  vvee3=vvee3+'1'; 

  875.  }else

  876.  {

  877.   vvee3=vvee3+'0';

  878.  }

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

  880.  {

  881.  vvee3=vvee3+'1'; 

  882.  }else

  883.  {

  884.   vvee3=vvee3+'0';

  885.  }

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

  887.  {

  888.  vvee3=vvee3+'1'; 

  889.  }else

  890.  {

  891.   vvee3=vvee3+'0';

  892.  }

  893.  //alert(vvee3);

  894.  var ktype = '1';

  895.  if (vvee1=='0000000')

  896.  {

  897.  

  898.  }else

  899.  {

  900.  ktype='2';

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

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

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

  904.   {

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

  906. 	 return;

  907.   }

  908.  }

  909.  if (vvee2=='0000000')

  910.  {

  911.  

  912.  }else

  913.  {

  914.  ktype='2';

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

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

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

  918.   {

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

  920. 	 return;

  921.   }

  922.  }

  923.  if (vvee3=='0000000')

  924.  {

  925.  

  926.  }else

  927.  {

  928. ktype='2';

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

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

  931.   

  932.   //alert(st3.length)

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

  934.   {

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

  936. 	 return;

  937.   }

  938.  }

  939.  

  940. 

  941.  

  942.  

  943.  if (ktype=='2')

  944.  {

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

  946.  

  947.  vcyd='';

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

  949.  let days=[];

  950.  

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

  952. 			{

  953. 			}else

  954. 			{

  955. 		 

  956. 			 

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

  958. 			days.push('日');

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

  960. 			days.push('一');

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

  962. 			days.push('二');

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

  964. 			days.push('三');

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

  966. 			days.push('四');

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

  968. 			days.push('五');

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

  970. 			days.push('六');	

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

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

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

  974. 			}

  975. 			

  976. 			days=[];

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

  978. 			{

  979. 			}else

  980. 			{

  981. 			 

  982. 			 

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

  984. 			days.push('日');

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

  986. 			days.push('一');

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

  988. 			days.push('二');

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

  990. 			days.push('三');

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

  992. 			days.push('四');

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

  994. 			days.push('五');

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

  996. 			days.push('六');

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

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

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

  1000. 			}

  1001. 			

  1002. 			days=[];

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

  1004. 			{

  1005. 			}else

  1006. 			{

  1007. 		 

  1008. 			

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

  1010. 			days.push('日');

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

  1012. 			days.push('一');

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

  1014. 			days.push('二');

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

  1016. 			days.push('三');

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

  1018. 			days.push('四');

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

  1020. 			days.push('五');

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

  1022. 			days.push('六');	

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

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

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

  1026. 			}

  1027.  

  1028.  

  1029.  }

  1030.  else

  1031.  {

  1032.  //cycy='';

  1033.  }

  1034.  

  1035.  fincycle='';

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

  1037.    fincycle=fincycle+ vtstp+';';

  1038.  

  1039.  fincycle=fincycle+cycy+';';

  1040. 

  1041.  //alert(cycy);

  1042. // alert(fincycle);

  1043.  if (orgcycle==fincycle)

  1044.  {

  1045.  issame=true;

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

  1047.  }

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

  1049.  if (issame)

  1050.  {

  1051.  

  1052.  	 vsn='';

  1053. 		 try

  1054. 		 {

  1055. 		 

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

  1057. 		

  1058. 		 

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

  1060.        

  1061. 		if (TYPE=='IOS')

  1062. 		{

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

  1064. 		}

  1065. 		if (TYPE=='ANDROID')

  1066. 		{

  1067.         webSocket.send(jsonString);

  1068. 		}

  1069. 		

  1070. 		if (TYPE=='PC')

  1071. 		{

  1072.             shareQrPC(jsonString);

  1073. 		}

  1074. 		 

  1075. 		 }catch(e)

  1076. 		 {

  1077. 		  //alert(e);

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

  1079. 		 }

  1080. 	

  1081.  

  1082.  }

  1083.  else 

  1084.  {

  1085.  

  1086. 

  1087. 

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

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

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

  1091. 		//  alert(ktype);

  1092. 		//  return;

  1093. 	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\"}}";

  1094. 	    

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

  1096. 			vsn='003';

  1097.         //updateOutput(jsonString);

  1098. 		//alert(jsonString);

  1099. 		//return;

  1100. 		if (TYPE=='IOS')

  1101. 		{

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

  1103. 		}

  1104. 	

  1105. 		if (TYPE=='ANDROID')

  1106. 		{

  1107.         webSocket.send(jsonString333);

  1108. 		}

  1109. 		

  1110. 		if (TYPE=='PC')

  1111. 		{

  1112.         selfendecode(edata456);

  1113. 		}

  1114. }	

  1115.  

  1116.  

  1117.  

  1118.  

  1119.  }

  1120.  

  1121.  function btnitemback(vid)

  1122.  {

  1123.  try

  1124.  {

  1125.  //alert(vid);

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

  1127.  

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

  1129.  {

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

  1131.  }else

  1132.  {

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

  1134.  }

  1135.  

  1136. 

  1137.  }catch(e)

  1138.  {

  1139.  alert(e);

  1140.  }

  1141.  

  1142.  }

  1143.  

  1144.  function btndddel()

  1145.  {

  1146.  

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

  1148.  if (yes) {

  1149. 

  1150. try

  1151.  {

  1152. 

  1153.     //alert('ue');

  1154. 	//return;

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

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

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

  1158. 		//  alert(ktype);

  1159. 		

  1160. 		//  return;

  1161. 		var edata3 ="";

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

  1163. 	  //  alert(edata);

  1164. 	  var jsonString4 ="";

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

  1166. 	

  1167. 	vsn='101';

  1168.        // updateOutput(jsonString);

  1169. 		//alert(jsonString);

  1170. 		//return;

  1171. 		if (TYPE=='IOS')

  1172. 		{

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

  1174. 		}

  1175. 	

  1176. 		if (TYPE=='ANDROID')

  1177. 		{

  1178.         webSocket.send(jsonString4);

  1179. 		}

  1180. 		

  1181. 		if (TYPE=='PC')

  1182. 		{

  1183.         selfendecode(edata3);

  1184. 		}

  1185. 		

  1186.  }

  1187.  catch(e)

  1188.  {

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

  1190.  }

  1191. } else {

  1192. }

  1193.  

  1194.   }

  1195.  

  1196.  

  1197.  	function getdoorlist() 

  1198. 	 {

  1199. 	 

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

  1201. 	

  1202. 	 

  1203. 	      

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

  1205. 	    

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

  1207. 			vsn='001';

  1208.        // updateOutput(jsonString);

  1209. 		isget2=false;

  1210. 		if (TYPE=='IOS')

  1211. 		{

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

  1213. 		}

  1214. 	

  1215. 		if (TYPE=='ANDROID')

  1216. 		{

  1217.         webSocket.send(jsonString);

  1218. 		}

  1219. 		

  1220. 		if (TYPE=='PC')

  1221. 		{

  1222.         selfendecode(edata);

  1223. 		}

  1224. 	

  1225. 	}

  1226. 	

  1227.  

  1228.  

  1229.  </script>

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

  1231.     var webSocket;

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

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

  1234. 	var vdata="";

  1235. 	var isok=true;

  1236. 	var webSocket;

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

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

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

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

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

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

  1243. 	  function connect() 

  1244. 	  {

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

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

  1247. 	  {

  1248.         return;

  1249.       }

  1250. 

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

  1252. 

  1253.       // Create a websocket

  1254.       webSocket = new WebSocket(wsUrl);

  1255. 

  1256.       webSocket.onopen = function(event) {

  1257. 	 

  1258. 		 

  1259.       };

  1260. 

  1261.       webSocket.onmessage = function(event) 

  1262. 	  {

  1263. 	    var ress = event.data;

  1264. 	  	 if (is2=='001' )

  1265. 	 {

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

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

  1268.     message4.destinationName = SN ;

  1269. 	message4.retained = false;

  1270. 		message4.qos = 0;

  1271. 	 client.send(message4); 

  1272. 	 is2='002';

  1273. 	 }

  1274. 	 if (is2=='002' )

  1275. 	 {

  1276. 	 

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

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

  1279. {

  1280. alert('OK');

  1281. }

  1282. else

  1283. {

  1284. alert('失敗');

  1285. } 

  1286.     

  1287. 	is2='';

  1288. 	  } 

  1289. 	    

  1290. 		 

  1291. 		 

  1292.       };

  1293. 

  1294.       webSocket.onclose = function(event) {

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

  1296.         //connectBtn.disabled = false;

  1297.         //sendBtn.disabled = true;

  1298.       };

  1299.     }

  1300.  

  1301.  

  1302.  function shareQr() {

  1303.         var text = input.value;

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

  1305.         //updateOutput(jsonString);

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

  1307.         

  1308. 		if (TYPE=='IOS')

  1309. 		{

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

  1311. 		}

  1312. 		if (TYPE=='ANDROID')

  1313. 		{

  1314.         webSocket.send(jsonString);

  1315. 		}

  1316.     }

  1317. 	

  1318. 	 function shareQrPC(message) {

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

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

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

  1322. 		//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);

  1323. 		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; 

  1324.         

  1325.     }

  1326. 	

  1327. 	//self start

  1328. 	 function selfendecode(message) {

  1329. 	

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

  1331. 		 {

  1332. 		 isget=true;

  1333. 		// alert(vsn);

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

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

  1336. 		  var ress = message;

  1337. 		  vsn='104';

  1338. 		 try

  1339. 		 {

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

  1341. 		 //alert( vobj.data);

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

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

  1344. 	senttoother();

  1345. 		 alert('OK');

  1346. 		 //23456

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

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

  1349. 		 }catch(e)

  1350. 		 {

  1351. 		 alert(e);

  1352. 		 }

  1353. 		 }

  1354. 		 

  1355. 		 if (vsn=='004')

  1356. 		 {

  1357. 		 //alert('004');

  1358. 		 vsn='';

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

  1360. 		 isget3 = true;		 

  1361. 		 var ress = message;

  1362. 		  

  1363. 		 

  1364. 		 try

  1365. 		 {

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

  1367. 		    vobj = JSON.parse( ress);

  1368. 		 var qrcd= vobj.data.CardID;  

  1369. 		  alert('004 '+message);

  1370. 		  

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

  1372. 		 // alert( qrcd);

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

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

  1375. 		 //alert('OK');

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

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

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

  1379. 		// alert(vtttt);

  1380. 		//vcyd

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

  1382.         // alert(jsonString);      

  1383. 	  // updateOutput(jsonString);

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

  1385. 	     orgcycle=fincycle;

  1386. 	       vvqrcd=qrcd;

  1387. 	       senttoother();

  1388. 		if (TYPE=='IOS')

  1389. 		{

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

  1391. 		}

  1392. 		if (TYPE=='ANDROID')

  1393. 		{

  1394.         webSocket.send(jsonString);

  1395. 		}

  1396. 		

  1397. 		if (TYPE=='PC')

  1398. 		{

  1399.         shareQrPC(jsonString);

  1400. 		}

  1401. 		 

  1402. 		 }catch(e)

  1403. 		 {

  1404. 		 alert(e);

  1405. 		 }

  1406. 		 }

  1407. 		 

  1408. 	     if (vsn=='001')

  1409. 		 {

  1410. 		 try

  1411. 		 {

  1412. 		 // alert( '001');

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

  1414. 		  var ress = message;

  1415. 		  // alert( ress);

  1416. 		  isget2=true;

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

  1418. 		  isget=false;

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

  1420. }catch(e)

  1421. {

  1422. alert(e);

  1423. }		 

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

  1425. 		 // updateOutput(vdata);

  1426. 		  

  1427. 		 

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

  1429.     message4.destinationName = SN ;

  1430. 	message4.retained = false;

  1431. 		message4.qos = 0;

  1432. 	var vivi = 0;

  1433. 	  //  client.send(message); 

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

  1435. 	if (isget)

  1436. 	 {

  1437. 	 

  1438. 	 }

  1439. 	 else

  1440. 	 {

  1441. 	   if (vivi>15)

  1442. 	   {

  1443. 	    clearInterval(intervalID);

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

  1445. 	  

  1446. 	   }else

  1447. 	   {

  1448. 	     vivi++;

  1449. 		  if (isconn)

  1450. 	   {

  1451. 	 client.send(message4); 

  1452. 	   }

  1453. 	   

  1454. 	   }

  1455. 	

  1456. 	}	

  1457.   }, 400);	

  1458. 	 

  1459. 		 }

  1460. 		 

  1461. 		  if (vsn=='101')

  1462. 		 {

  1463. 		 try

  1464. 		 {

  1465. 		 vsn='102';

  1466. 		 // alert( '102');

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

  1468. 		  var ress = message;

  1469. 		 // alert( ress);

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

  1471. 		  isget=false;

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

  1473. 		 

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

  1475. 		 // updateOutput(vdata);

  1476. 		  

  1477. 	 

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

  1479.     message9.destinationName = SN ;

  1480. 	  message9.retained = false;

  1481. 		message9.qos = 0;

  1482. var vivi = 0;

  1483.  

  1484. 	 //   client.send(message); 

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

  1486. 	if (isget)

  1487. 	 {

  1488. 	 

  1489. 	 }

  1490. 	 else

  1491. 	 {

  1492. 	   if (vivi>15)

  1493. 	   {

  1494. 	  

  1495. 	   clearInterval(intervalID);

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

  1497. 	  }else

  1498. 	   {

  1499. 	    if (isconn)

  1500. 		{

  1501. 		 client.send(message9); 

  1502. 		}

  1503. 	   

  1504. 		 vivi++;

  1505. 	   }

  1506. 	

  1507. 	}	

  1508.   }, 400);	

  1509.   

  1510. 	 }catch(e)

  1511. {

  1512. alert(e);

  1513. }

  1514. 		 }

  1515. 		 

  1516. 		 if (vsn=='003')

  1517. 		 {

  1518. 		 try

  1519. 		 {

  1520. 		 // alert( '003');

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

  1522. 		  var ress = message;

  1523. 		  // alert( ress);

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

  1525. 		isget3=false;

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

  1527. }catch(e)

  1528. {

  1529. alert(e);

  1530. }		 

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

  1532. 		//  updateOutput(vdata);

  1533. 		  

  1534. 		 

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

  1536.     message6.destinationName = SN ;

  1537. 	   message6.retained = false;

  1538. 		message6.qos = 0;

  1539. 	

  1540. 	//setTimeout(() => {

  1541. 	var vivi = 0;

  1542. 	 

  1543. 	  

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

  1545. 	if (isget3)

  1546. 	 {

  1547. 	 

  1548. 	 }

  1549. 	 else

  1550. 	 {

  1551. 	   if (vivi>15)

  1552. 	   {

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

  1554. 	   clearInterval(intervalID);

  1555. 	   }else

  1556. 	   {

  1557. 	     vivi++;

  1558. 		 if (isconn)

  1559. 		 {

  1560. 		  client.send(message6); 

  1561. 		 }

  1562. 	   

  1563. 	   }

  1564. 	

  1565. 	}	

  1566.   }, 400);	

  1567. 	

  1568.    

  1569. 		 

  1570. 		 }

  1571. 	

  1572.       //  updateOutput(message);

  1573.         

  1574.     }

  1575. 	//self end

  1576. 

  1577.     function AppToWeb(message)

  1578. 	{

  1579. 	 if (is2=='001' )

  1580. 	 {

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

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

  1583.     message4.destinationName = SN ;

  1584. 	message4.retained = false;

  1585. 		message4.qos = 0;

  1586. 	 client.send(message4); 

  1587. 	 is2='002';

  1588. 	 }

  1589. 	 else

  1590. 	 {

  1591. 	   var ress = message;

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

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

  1594. {

  1595. alert('OK');

  1596. }

  1597. else

  1598. {

  1599. alert('失敗');

  1600. } 

  1601.     

  1602. 	is2='';

  1603. 	  } 

  1604.     }

  1605. 

  1606.     function endode() {

  1607.         var text = input.value;

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

  1609. 		

  1610.        // updateOutput(jsonString);

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

  1612. 		if (TYPE=='IOS')

  1613. 		{

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

  1615. 		}

  1616. 		if (TYPE=='ANDROID')

  1617. 		{

  1618.         webSocket.send(jsonString);

  1619. 		}

  1620. 		

  1621.     }

  1622. 

  1623.     function decode() {

  1624.         var text = input.value;

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

  1626.         //updateOutput(jsonString);

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

  1628. 		if (TYPE=='IOS')

  1629. 		{

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

  1631. 		}

  1632.        if (TYPE=='ANDROID')

  1633. 		{

  1634.         webSocket.send(jsonString);

  1635. 		}

  1636.     }

  1637. 	

  1638. 	 

  1639. 

  1640.     function updateOutput(text) {

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

  1642.     }

  1643. 	

  1644. 	

  1645.     </script>

  1646. 	<script>  

  1647.     var getUrlParameter = function getUrlParameter(sParam) {

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

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

  1650.         sParameterName,

  1651.         i;

  1652. 

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

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

  1655. 

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

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

  1658.         }

  1659.     }

  1660. };

  1661. 

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

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

  1664. 

  1665.     if (!format) {

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

  1667.     }

  1668. 

  1669.     var o = {

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

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

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

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

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

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

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

  1677.         "S": this.getMilliseconds()

  1678.     };

  1679. 

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

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

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

  1683.     }

  1684. 

  1685.     for (var k in o) {

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

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

  1688.                 ? o[k]

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

  1690.         }

  1691.     }

  1692. 

  1693.     return format;

  1694. };

  1695. </script>  

  1696. <br>

  1697. 

  1698. </body>

  1699. 

  1700. </html>