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

index2.html 34KB
文件歷史 原始文件

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

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

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

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

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

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

  13. 		 

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

  15.   var historyTraversal = event.persisted || 

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

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

  18.   if ( historyTraversal ) {

  19.     // Handle page restore.

  20.     window.location.reload();

  21.   }

  22. });

  23.  </script>

  24.    </head>

  25. 

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

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

  28. 	  

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

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

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

  32. 	   </div>

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

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

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

  36. 	

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

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

  39.   height: 56px; 

  40.   margin: 10px 0px 10px 0px ;

  41.   padding: 11px 0 22px;

  42.   border-radius: 3px;

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

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

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

  46.   

  47.   <div id="doorlist"  >

  48.   

  49. </div>

  50.    

  51.  </div>

  52. 

  53.  </div>

  54. 

  55.  

  56.    

  57.   

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

  59.     <h2>Output</h2>

  60. </div>

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

  62.     <br>

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

  64. </div>

  65. 

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

  67.  var message345 ;

  68. var message467;

  69. var isconn=false;

  70.  var paytype='0';

  71.  function Addpay6()

  72.  {

  73.  

  74.  switch (paytype) {

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

  76.     //alert(paytype);

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

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

  79.  paytype='1';

  80.  doorlist.innerHTML ='';

  81.  try

  82. 		 {

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

  84.  { 

  85. 		var vobk=keylist[i];

  86. 		

  87. 		var vttovt = vobk.TimeStamp;

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

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

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

  91. 		

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

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

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

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

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

  97. 		//alert(vdddt);

  98. 		

  99. 		let date1 = new Date();

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

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

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

  103. 		 

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

  105. 		

  106. 		 

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

  108. 		//alert(date1<date2);

  109. 		if (date1<date2)

  110. 		{

  111. 		 

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

  113. 		{

  114. 		   

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

  116. 		    var hpix =  56;

  117. 			//var hpix =  66;

  118. 			

  119. 			var cytxt='';

  120. 			let days=[];

  121.  

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

  123. 			{

  124. 			}else

  125. 			{

  126. 			hpix=hpix+34;

  127. 			 

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

  129. 			days.push('日');

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

  131. 			days.push('一');

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

  133. 			days.push('二');

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

  135. 			days.push('三');

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

  137. 			days.push('四');

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

  139. 			days.push('五');

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

  141. 			days.push('六');	

  142. 			

  143. 			 

  144. 			 

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

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

  147. 			

  148. 			 

  149. 			

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

  151. 			}

  152. 			

  153. 			days=[];

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

  155. 			{

  156. 			}else

  157. 			{

  158. 			hpix=hpix+34;

  159. 			 

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

  161. 			days.push('日');

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

  163. 			days.push('一');

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

  165. 			days.push('二');

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

  167. 			days.push('三');

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

  169. 			days.push('四');

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

  171. 			days.push('五');

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

  173. 			days.push('六');

  174. 			 

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

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

  177. 			

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

  179. 			}

  180. 			

  181. 			days=[];

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

  183. 			{

  184. 			}else

  185. 			{

  186. 			hpix=hpix+34;

  187. 			

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

  189. 			days.push('日');

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

  191. 			days.push('一');

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

  193. 			days.push('二');

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

  195. 			days.push('三');

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

  197. 			days.push('四');

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

  199. 			days.push('五');

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

  201. 			days.push('六');	

  202. 		 

  203. 		      

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

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

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

  207. 			}

  208. 			

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

  210. 	 

  211. 		

  212. 		}

  213.   }

  214.   }

  215. 		 

  216. 		 }catch(e)

  217. 		 {

  218. 		 alert(e);

  219. 		 }

  220. 		

  221.     break;

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

  223.    //alert(paytype);

  224.  

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

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

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

  228.   doorlist.innerHTML ='';

  229.    try

  230. 		 {

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

  232.  { 

  233. 		var vobk=keylist[i];

  234. 		var vttovt = vobk.TimeStamp;

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

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

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

  238. 		

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

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

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

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

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

  244. 		//alert(vdddt);

  245. 		

  246. 		let date1 = new Date();

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

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

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

  250. 		 

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

  252. 		

  253. 		 

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

  255. 		//alert(date1<date2);

  256. 		if (date1<date2)

  257. 		{

  258. 		

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

  260. 		{

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

  262. 	 

  263. 		}

  264. 		 

  265. 		 

  266.   }

  267.   }

  268. 		 

  269. 		 }catch(e)

  270. 		 {

  271. 		 alert(e);

  272. 		 }

  273.    break;

  274.   case '2':

  275.      //alert(paytype);

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

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

  278.  paytype='0';

  279.  	  doorlist.innerHTML ='';

  280. 		 try

  281. 		 {

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

  283.  { 

  284. 		var vobk=keylist[i];

  285. 		var vttovt = vobk.TimeStamp;

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

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

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

  289. 		

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

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

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

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

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

  295. 		//alert(vdddt);

  296. 		

  297. 		let date1 = new Date();

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

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

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

  301. 		 

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

  303. 		

  304. 		 

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

  306. 		//alert(date1<date2);

  307. 		if (date1<date2)

  308. 		{

  309. 		

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

  311. 		{

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

  313. 	

  314. 		}

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

  316. 		{

  317. 		   

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

  319. 		   var hpix =  56;

  320.   //var hpix =  66;

  321. 				

  322. 		var cytxt='';

  323. 			let days=[];

  324.  

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

  326. 			{

  327. 			}else

  328. 			{

  329. 			hpix=hpix+34;

  330. 			 

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

  332. 			days.push('日');

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

  334. 			days.push('一');

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

  336. 			days.push('二');

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

  338. 			days.push('三');

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

  340. 			days.push('四');

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

  342. 			days.push('五');

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

  344. 			days.push('六');	

  345. 			

  346. 			

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

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

  349. 			

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

  351. 			}

  352. 			

  353. 			days=[];

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

  355. 			{

  356. 			}else

  357. 			{

  358. 			hpix=hpix+34;

  359. 			 

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

  361. 			days.push('日');

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

  363. 			days.push('一');

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

  365. 			days.push('二');

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

  367. 			days.push('三');

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

  369. 			days.push('四');

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

  371. 			days.push('五');

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

  373. 			days.push('六');

  374. 			

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

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

  377. 			 

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

  379. 			}

  380. 			

  381. 			days=[];

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

  383. 			{

  384. 			}else

  385. 			{

  386. 			hpix=hpix+34;

  387. 			

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

  389. 			days.push('日');

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

  391. 			days.push('一');

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

  393. 			days.push('二');

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

  395. 			days.push('三');

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

  397. 			days.push('四');

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

  399. 			days.push('五');

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

  401. 			days.push('六');	

  402. 			

  403. 			

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

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

  406. 		 

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

  408. 			}

  409. 			

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

  411. 	

  412. 		

  413. 		}

  414.   }

  415.   }

  416. 		 

  417. 		 }catch(e)

  418. 		 {

  419. 		 alert(e);

  420. 		 }

  421.     break;

  422.   

  423. }

  424.  // alert(paytype);

  425.  

  426.  }

  427. function Addpay5()

  428.  {

  429.  var vvvi='';

  430.  var isf = false;

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

  432.  for (i=0;i<300;i++)

  433.  {

  434. 

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

  436.  {

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

  438.  }

  439.  else

  440.  {

  441.  if (isf)

  442.  {

  443.  

  444.  }else

  445.  {

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

  447.    isf=true;

  448.    vvvi=i.toString();

  449.    //alert(vvvi);

  450. 

  451.  }

  452.  

  453.  } 

  454.  }

  455.  //alert(vvvi);

  456.  //return;

  457.  //alert('5');

  458. 

  459.  if (vvvi.length==0)

  460.  {

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

  462.  return;

  463.  }

  464.  else

  465.  {

  466.  //alter(Id);

  467.  // alter(kkid);

  468.  

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

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

  471.  

  472.  }

  473.  

  474.  }

  475.  

  476.    function btnitemback2(i)

  477.  {

  478.  try

  479.  {

  480. // alert(i);

  481.  //alert(keylist.length);

  482.   var vobk='';

  483.   

  484.   //jm123

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

  486.    {

  487.    

  488.    

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

  490.    {

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

  492.     vobk=keylist[ij];

  493.    }

  494.    

  495.    

  496.    }

  497. 

  498.  

  499.  

  500.  

  501. //  alert(vobk);

  502. 		var vttovt = vobk.TimeStamp;

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

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

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

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

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

  508. 		//alert(vst);

  509. 		//alert(vet);

  510. 		var type = vobk.Type;

  511. 		var cy=vobk.Cycle;

  512. 		var vvqrcd = vobk.CardID;

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

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

  515. 		var ttt = vobk.Title;

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

  517. 		//alert(ID);

  518. 		//alert(kkid);

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

  520.   }catch(e)

  521.   {

  522.   alert(e);

  523.   }

  524.  }

  525.  	function getKeylist() 

  526. 	 {

  527. 	 

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

  529. 	 //alert(vt);

  530. 	//alert(kkid);

  531. 	 

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

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

  534. 	   

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

  536. 			vsn='001';

  537.         updateOutput(jsonString);

  538. 		

  539. 		if (TYPE=='IOS')

  540. 		{

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

  542. 		}

  543. 	

  544. 		if (TYPE=='ANDROID')

  545. 		{

  546.         webSocket.send(jsonString);

  547. 		}

  548. 	

  549. 	}

  550. 	

  551.  

  552.  

  553.  </script>

  554.  

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

  556.  var CID = '';

  557.   var ID = '';

  558.   var PW = '';

  559.     var TYPE = '';

  560. var client;

  561. var myclientid='';

  562.     var callist = '';

  563. 	var kkid='';

  564. 	var kname='';

  565. 

  566. 	var keylist='';

  567. 	let itnos=[];

  568. 	 var isget = false;

  569. 	  var vmqtt='';

  570. 	var SN='';

  571. 	var vsn='';

  572. 	var SubID='';

  573.   var  isget2=false;

  574. function init() 

  575. {

  576. try

  577. {

  578. kkid=  getUrlParameter('KID');

  579. kname=  getUrlParameter('name');

  580. CID = getUrlParameter('CID');

  581.     ID = getUrlParameter('ID');

  582. 	PW= getUrlParameter('PW');

  583. 	TYPE= getUrlParameter('TYPE');

  584. 	 SN = getUrlParameter('SN');

  585. 	vmqtt = getUrlParameter('MQTT');

  586. 	SubID = getUrlParameter('SubID');

  587. //alert(kname);

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

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

  590. updateOutput('init');

  591.  /*

  592.     CID = getUrlParameter('CID');

  593.     ID = getUrlParameter('ID');

  594. 	PW= getUrlParameter('PW');

  595. 	TYPE= getUrlParameter('TYPE');

  596. 	*/

  597. 	

  598. 	//CID = '886999000230';

  599.     //ID = '00000000';

  600. 	//PW= 'CMM87krWqj8Ltt00';

  601. 	//TYPE='IOS';

  602. 	

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

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

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

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

  607.  if (TYPE=='ANDROID')

  608. 		{

  609.        connect();

  610. 		}

  611. 		 if (TYPE=='IOS')

  612. 		{

  613. 		 

  614.     var vivi = 0;

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

  616. 	 if (isget)

  617. 	 {

  618. 	// break;

  619. 	 }

  620. 	 else

  621. 	 {

  622. 	   if (vivi>4)

  623. 	   {

  624. 	    clearInterval(intervalID);

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

  626. 	   }

  627. 	   else

  628. 	   {

  629. 	      vivi++;

  630. 	      getKeylist() ;

  631. 	   }

  632.       

  633. 	}

  634.   }, 400);

  635.   

  636. 

  637.   }

  638. 

  639. 

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

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

  642. 			

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

  644. 		client.onMessageArrived = onMessageArrived;

  645. 			client.onConnectionLost = onConnectionLost; 

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

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

  648. 	

  649. 	

  650. }catch(e)

  651. {

  652. alert(e);

  653. }

  654. }

  655. function onConnectionLost(message) 

  656. {

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

  658. }

  659. function onMessageArrived(message) 

  660. {

  661. //alert(message.destinationName);

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

  663. var errda = message.payloadString;

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

  665. {

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

  667.  

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

  669.  {

  670.   //alert('same');

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

  672.   {

  673.     isget=false;

  674.     var vivi = 0;

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

  676. 	 if (isget)

  677. 	 {

  678. 	// break;

  679. 	 }

  680. 	 else

  681. 	 {

  682. 	  

  683. 	   if (vivi>4)

  684. 	   {

  685. 	     clearInterval(intervalID);

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

  687. 	 

  688. 	   }

  689. 	   else

  690. 	   { 

  691. 	   vivi++;

  692. 	  getKeylist() ;

  693. 	   }

  694. 	   

  695.       //  vii++;

  696. 	}

  697.   }, 400);

  698.   }

  699.    

  700.  }

  701.  

  702. 

  703. }

  704. else

  705. {

  706. 

  707. isget2=true;

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

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

  710.         updateOutput('----------------------------------------------');

  711. 		updateOutput(jsonString);

  712. 		vsn='002';

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

  714. 		if (TYPE=='IOS')

  715. 		{

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

  717. 		}

  718.        if (TYPE=='ANDROID')

  719. 		{

  720.         webSocket.send(jsonString);

  721. 		}

  722. 		

  723. }

  724. 

  725. }

  726. function onFailedConnect() 

  727. {

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

  729. }

  730. function onConnect() 

  731. {

  732.  isconn=true;

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

  734. 	

  735. 	try

  736. 	{

  737. 	

  738. 	 

  739. 	

  740.     }

  741. 	catch(e)

  742.     {

  743.        alert(e);

  744.     }

  745. 	//alert('c');

  746. }

  747. 

  748. </script>

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

  750.     var webSocket;

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

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

  753. 	var vdata="";

  754. 	var isok=true;

  755. 	 var webSocket;

  756.    

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

  758. 

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

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

  761. 	  function connect() {

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

  763.       if (webSocket !== undefined

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

  765.         return;

  766.       }

  767. 

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

  769. 

  770.       // Create a websocket

  771.       webSocket = new WebSocket(wsUrl);

  772. 

  773.       webSocket.onopen = function(event) {

  774. 	  

  775.         updateOutput("Connected!");

  776.        

  777.        

  778. 		// alert('');

  779. 	

  780.      

  781.   var vivi = 0;

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

  783. 	 if (isget)

  784. 	 {

  785. 	// break;

  786. 	 }

  787. 	 else

  788. 	 {

  789. 	  

  790. 	   if (vivi>15)

  791. 	   {

  792. 	     clearInterval(intervalID);

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

  794. 	 

  795. 	   }

  796. 	   else

  797. 	   { 

  798. 	   vivi++;

  799. 	   if (isconn)

  800. 		  {

  801. 		    getKeylist() ;

  802. 		  }

  803. 	 

  804. 	   

  805. 	   }

  806. 	   

  807.       //  vii++;

  808. 	}

  809.   }, 400);

  810.   

  811. 		 

  812.       };

  813. 

  814.       webSocket.onmessage = function(event) 

  815. 	  {

  816. 	     if (vsn=='002')

  817. 		 {

  818. 		  var ress = event.data;

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

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

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

  822. 		//alert(event.data);

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

  824. 		  doorlist.innerHTML ='';

  825. 		 try

  826. 		 {

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

  828.   keylist =  vobj.data.data;

  829.  var showkeylistl=0;

  830.  

  831.  

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

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

  834.  { 

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

  836. 		var vobk=keylist[i];

  837. 		

  838. 		//alert(vobk.UserID);

  839. 		//alert(vobk.Type);

  840. 		var vttovt = vobk.TimeStamp;

  841. 

  842. 		

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

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

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

  846. 		

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

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

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

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

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

  852. 		//alert(vdddt);

  853. 		

  854. 		let date1 = new Date();

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

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

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

  858. 		 

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

  860. 		

  861. 		 

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

  863. 		//alert(date1<date2);

  864. 		if (date1<date2)

  865. 		{

  866. 		//alert(vttovt);

  867. 		//alert(vobk.IndexID);

  868. 		itnos.push(vobk.IndexID);

  869. 		

  870. 	

  871. 		var ttt = vobk.Title;

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

  873. 		

  874. 		//alert(vobk.Type);

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

  876. 		{

  877. 		//alert(vobk.Type);

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

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

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

  881. 	showkeylistl++;

  882. 		}

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

  884. 		{

  885. 		   //alert(vobk.Cycle);

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

  887. 		    var hpix =  56;

  888. 			//var hpix =  66;

  889. 			

  890. 			var cytxt='';

  891. 			let days=[];

  892.  

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

  894. 			{

  895. 			}else

  896. 			{

  897. 			hpix=hpix+34;

  898. 			 

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

  900. 			days.push('日');

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

  902. 			days.push('一');

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

  904. 			days.push('二');

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

  906. 			days.push('三');

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

  908. 			days.push('四');

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

  910. 			days.push('五');

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

  912. 			days.push('六');	

  913. 			

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

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

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

  917. 			}

  918. 			

  919. 			days=[];

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

  921. 			{

  922. 			}else

  923. 			{

  924. 			hpix=hpix+34;

  925. 			 

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

  927. 			days.push('日');

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

  929. 			days.push('一');

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

  931. 			days.push('二');

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

  933. 			days.push('三');

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

  935. 			days.push('四');

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

  937. 			days.push('五');

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

  939. 			days.push('六');

  940. 			

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

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

  943. 			 

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

  945. 			}

  946. 			

  947. 			days=[];

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

  949. 			{

  950. 			}else

  951. 			{

  952. 			hpix=hpix+34;

  953. 			

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

  955. 			days.push('日');

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

  957. 			days.push('一');

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

  959. 			days.push('二');

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

  961. 			days.push('三');

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

  963. 			days.push('四');

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

  965. 			days.push('五');

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

  967. 			days.push('六');	

  968. 		 

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

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

  971. 		 

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

  973. 			}

  974. 			

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

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

  977. 	showkeylistl++;

  978. 	

  979. 		

  980. 		}

  981. 

  982. 		}

  983. 		}

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

  985.         //  alert( sevobj.data);

  986. 		 

  987. 		 }catch(e)

  988. 		 {

  989. 		 alert(e);

  990. 		 }

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

  992. 		addneworder.disabled = false;

  993. 		  if (showkeylistl==0)

  994.   {

  995.   output2.style='';

  996.   }

  997. 		 

  998. 		 }

  999. 	     if (vsn=='001')

  1000. 		 {

  1001. 		 try

  1002. 		 {

  1003. 		 // alert( event.data );

  1004. 		 isget=true;

  1005. 		  var ress = event.data;

  1006. 		  

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

  1008. 		

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

  1010. }catch(e)

  1011. {

  1012. alert(e);

  1013. }		 

  1014.            updateOutput('---------------------------');

  1015. 		  updateOutput(vdata);

  1016. 		 

  1017. 		isget2=false;

  1018. 	var payload =vdata;

  1019. 	try{

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

  1021.     message467.destinationName = SN ;

  1022.  	message467.qos = 2;

  1023. message467.retained = false;

  1024.  var vivi = 0;

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

  1026. 	 if (isget2)

  1027. 	 {

  1028. 	// break;

  1029. 	 }

  1030. 	 else

  1031. 	 {

  1032. 	  

  1033. 	   if (vivi>4)

  1034. 	   {

  1035. 	      clearInterval(intervalID);

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

  1037. 	

  1038. 	   }

  1039. 	   else

  1040. 	   {

  1041. 	      vivi++;

  1042. 	  client.send(message467);

  1043. 	   }

  1044. 	 

  1045.       //  vii++;

  1046. 	}

  1047.   }, 400);

  1048.   

  1049. 

  1050.   

  1051. 		 }catch(e)

  1052. 		 {

  1053. 		 alert(e);

  1054. 		 }

  1055. 	

  1056. 	}

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

  1058. 		  	  updateOutput(event.data);

  1059. 		

  1060.       };

  1061. 

  1062.       webSocket.onclose = function(event) {

  1063.         updateOutput("Connection Closed");

  1064.       

  1065.         //sendBtn.disabled = true;

  1066.       };

  1067.     }

  1068.  

  1069.  

  1070.  

  1071. 

  1072.     function AppToWeb(message) {

  1073.        // updateOutput(message);

  1074. 	    var showkeylistl=0;

  1075. 	     if (vsn=='002')

  1076. 		 {

  1077. 		  var ress = message;

  1078. 		 isget2=true;

  1079. 		  doorlist.innerHTML ='';

  1080. 		 try

  1081. 		 {

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

  1083.   keylist =  vobj.data.data;

  1084.  

  1085.  

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

  1087.  { 

  1088.     

  1089. 		var vobk=keylist[i];

  1090. 	 

  1091. 		var vttovt = vobk.TimeStamp;

  1092. 		 

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

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

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

  1096. 		

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

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

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

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

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

  1102. 		//alert(vdddt);

  1103. 		

  1104. 		let date1 = new Date();

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

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

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

  1108. 		let date2 = Date.parse(vdddt)

  1109. 		

  1110. 		//alert(date1);

  1111. 		//alert(date2);

  1112. 		//alert(date1>date2);

  1113. 		if (date1<date2)

  1114. 		{

  1115. 		 

  1116. 		itnos.push(vobk.IndexID);

  1117. 		var ttt = vobk.Title;

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

  1119. 		

  1120. 		//alert(vobk.Type);

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

  1122. 		{

  1123. 		//alert(vobk.Type);

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

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

  1126. 	

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

  1128. 		showkeylistl++;

  1129. 		}

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

  1131. 		{

  1132. 		   //alert(vobk.Cycle);

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

  1134. 		   var hpix =  66;

  1135. 			//  var hpix =  66;

  1136. 			

  1137. 			var cytxt='';

  1138. 			let days=[];

  1139.  

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

  1141. 			{

  1142. 			}else

  1143. 			{

  1144. 		hpix=hpix+38;

  1145. 			 

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

  1147. 			days.push('日');

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

  1149. 			days.push('一');

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

  1151. 			days.push('二');

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

  1153. 			days.push('三');

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

  1155. 			days.push('四');

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

  1157. 			days.push('五');

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

  1159. 			days.push('六');	

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

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

  1162. 			

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

  1164. 			}

  1165. 			

  1166. 			days=[];

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

  1168. 			{

  1169. 			}else

  1170. 			{

  1171. 			hpix=hpix+38;

  1172. 			 

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

  1174. 			days.push('日');

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

  1176. 			days.push('一');

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

  1178. 			days.push('二');

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

  1180. 			days.push('三');

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

  1182. 			days.push('四');

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

  1184. 			days.push('五');

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

  1186. 			days.push('六');

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

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

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

  1190. 			}

  1191. 			

  1192. 			days=[];

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

  1194. 			{

  1195. 			}else

  1196. 			{

  1197. 			hpix=hpix+38;

  1198. 			

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

  1200. 			days.push('日');

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

  1202. 			days.push('一');

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

  1204. 			days.push('二');

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

  1206. 			days.push('三');

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

  1208. 			days.push('四');

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

  1210. 			days.push('五');

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

  1212. 			days.push('六');	

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

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

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

  1216. 			}

  1217. 			

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

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

  1220. 		showkeylistl++;

  1221. 		

  1222. 		}

  1223. 

  1224. 		}

  1225. 		}

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

  1227.         //  alert( sevobj.data);

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

  1229. 		addneworder.disabled = false;

  1230.   if (showkeylistl==0)

  1231.   {

  1232.   output2.style='';

  1233.   }

  1234.   

  1235. 		 

  1236. 		 }catch(e)

  1237. 		 {

  1238. 		 alert(e);

  1239. 		 }

  1240. 		 }

  1241. 	     if (vsn=='001')

  1242. 		 {

  1243. 		 try

  1244. 		 {

  1245. 		 isget=true;

  1246. 		  var ress = message;

  1247. 		 isget2=false;

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

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

  1250. 		 var payload =vdata;

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

  1252.     message345.destinationName = SN ;

  1253. 		message345.qos = 2;

  1254. message345.retained = false;

  1255.   

  1256.     

  1257.     

  1258.  var vivi = 0;

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

  1260. 	 if (isget2)

  1261. 	 {

  1262. 	// break;

  1263. 	 }

  1264. 	 else

  1265. 	 {

  1266. 	  

  1267. 	   if (vivi>4)

  1268. 	   {

  1269. 	      clearInterval(intervalID);

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

  1271. 	

  1272. 	   }

  1273. 	   else

  1274. 	   {

  1275. 	      vivi++;

  1276. 	  client.send(message345);

  1277. 	   }

  1278. 	 

  1279.       //  vii++;

  1280. 	}

  1281.   }, 400);

  1282.   

  1283.     

  1284. 		 

  1285. 		 

  1286. 		}catch(e)

  1287. {

  1288. alert(e);

  1289. }		 

  1290.         

  1291. 	}   

  1292.         return "Got it"

  1293.     }

  1294. 

  1295.     function endode() {

  1296.         var text = input.value;

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

  1298. 		

  1299.         updateOutput(jsonString);

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

  1301. 		if (TYPE=='IOS')

  1302. 		{

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

  1304. 		}

  1305. 		if (TYPE=='ANDROID')

  1306. 		{

  1307.         webSocket.send(jsonString);

  1308. 		}

  1309. 		

  1310.     }

  1311. 

  1312.     function decode() {

  1313.         var text = input.value;

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

  1315.         updateOutput(jsonString);

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

  1317. 		if (TYPE=='IOS')

  1318. 		{

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

  1320. 		}

  1321.        if (TYPE=='ANDROID')

  1322. 		{

  1323.         webSocket.send(jsonString);

  1324. 		}

  1325.     }

  1326. 	

  1327. 	 

  1328. 

  1329.     function updateOutput(text) {

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

  1331.     }

  1332. 	

  1333. 	

  1334.     </script>

  1335. 	

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

  1337. 

  1338.  </script>

  1339. 	<script>  

  1340.     var getUrlParameter = function getUrlParameter(sParam) {

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

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

  1343.         sParameterName,

  1344.         i;

  1345. 

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

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

  1348. 

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

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

  1351.         }

  1352.     }

  1353. };

  1354. 

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

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

  1357. 

  1358.     if (!format) {

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

  1360.     }

  1361. 

  1362.     var o = {

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

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

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

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

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

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

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

  1370.         "S": this.getMilliseconds()

  1371.     };

  1372. 

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

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

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

  1376.     }

  1377. 

  1378.     for (var k in o) {

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

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

  1381.                 ? o[k]

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

  1383.         }

  1384.     }

  1385. 

  1386.     return format;

  1387. };

  1388. </script> 

  1389. <br> 

  1390. </body>

  1391. 

  1392. </html>