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

index2.html 34KB
永久連結 文件歷史 原始文件

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402 
  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 paytype='0';

  70.  function Addpay6()

  71.  {

  72.  

  73.  switch (paytype) {

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

  75.     //alert(paytype);

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

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

  78.  paytype='1';

  79.  doorlist.innerHTML ='';

  80.  try

  81. 		 {

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

  83.  { 

  84. 		var vobk=keylist[i];

  85. 		

  86. 		var vttovt = vobk.TimeStamp;

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

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

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

  90. 		

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

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

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

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

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

  96. 		//alert(vdddt);

  97. 		

  98. 		let date1 = new Date();

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

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

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

  102. 		 

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

  104. 		

  105. 		 

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

  107. 		//alert(date1<date2);

  108. 		if (date1<date2)

  109. 		{

  110. 		 

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

  112. 		{

  113. 		   

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

  115. 		    var hpix =  56;

  116. 			//var hpix =  66;

  117. 			

  118. 			var cytxt='';

  119. 			let days=[];

  120.  

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

  122. 			{

  123. 			}else

  124. 			{

  125. 			hpix=hpix+34;

  126. 			 

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

  128. 			days.push('日');

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

  130. 			days.push('一');

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

  132. 			days.push('二');

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

  134. 			days.push('三');

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

  136. 			days.push('四');

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

  138. 			days.push('五');

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

  140. 			days.push('六');	

  141. 			

  142. 			 

  143. 			 

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

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

  146. 			

  147. 			 

  148. 			

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

  150. 			}

  151. 			

  152. 			days=[];

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

  154. 			{

  155. 			}else

  156. 			{

  157. 			hpix=hpix+34;

  158. 			 

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

  160. 			days.push('日');

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

  162. 			days.push('一');

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

  164. 			days.push('二');

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

  166. 			days.push('三');

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

  168. 			days.push('四');

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

  170. 			days.push('五');

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

  172. 			days.push('六');

  173. 			 

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

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

  176. 			

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

  178. 			}

  179. 			

  180. 			days=[];

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

  182. 			{

  183. 			}else

  184. 			{

  185. 			hpix=hpix+34;

  186. 			

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

  188. 			days.push('日');

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

  190. 			days.push('一');

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

  192. 			days.push('二');

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

  194. 			days.push('三');

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

  196. 			days.push('四');

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

  198. 			days.push('五');

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

  200. 			days.push('六');	

  201. 		 

  202. 		      

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

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

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

  206. 			}

  207. 			

  208. 			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>';

  209. 	 

  210. 		

  211. 		}

  212.   }

  213.   }

  214. 		 

  215. 		 }catch(e)

  216. 		 {

  217. 		 alert(e);

  218. 		 }

  219. 		

  220.     break;

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

  222.    //alert(paytype);

  223.  

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

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

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

  227.   doorlist.innerHTML ='';

  228.    try

  229. 		 {

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

  231.  { 

  232. 		var vobk=keylist[i];

  233. 		var vttovt = vobk.TimeStamp;

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

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

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

  237. 		

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

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

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

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

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

  243. 		//alert(vdddt);

  244. 		

  245. 		let date1 = new Date();

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

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

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

  249. 		 

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

  251. 		

  252. 		 

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

  254. 		//alert(date1<date2);

  255. 		if (date1<date2)

  256. 		{

  257. 		

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

  259. 		{

  260. 		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>';

  261. 	 

  262. 		}

  263. 		 

  264. 		 

  265.   }

  266.   }

  267. 		 

  268. 		 }catch(e)

  269. 		 {

  270. 		 alert(e);

  271. 		 }

  272.    break;

  273.   case '2':

  274.      //alert(paytype);

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

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

  277.  paytype='0';

  278.  	  doorlist.innerHTML ='';

  279. 		 try

  280. 		 {

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

  282.  { 

  283. 		var vobk=keylist[i];

  284. 		var vttovt = vobk.TimeStamp;

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

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

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

  288. 		

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

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

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

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

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

  294. 		//alert(vdddt);

  295. 		

  296. 		let date1 = new Date();

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

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

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

  300. 		 

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

  302. 		

  303. 		 

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

  305. 		//alert(date1<date2);

  306. 		if (date1<date2)

  307. 		{

  308. 		

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

  310. 		{

  311. 		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>';

  312. 	

  313. 		}

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

  315. 		{

  316. 		   

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

  318. 		   var hpix =  56;

  319.   //var hpix =  66;

  320. 				

  321. 		var cytxt='';

  322. 			let days=[];

  323.  

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

  325. 			{

  326. 			}else

  327. 			{

  328. 			hpix=hpix+34;

  329. 			 

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

  331. 			days.push('日');

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

  333. 			days.push('一');

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

  335. 			days.push('二');

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

  337. 			days.push('三');

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

  339. 			days.push('四');

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

  341. 			days.push('五');

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

  343. 			days.push('六');	

  344. 			

  345. 			

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

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

  348. 			

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

  350. 			}

  351. 			

  352. 			days=[];

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

  354. 			{

  355. 			}else

  356. 			{

  357. 			hpix=hpix+34;

  358. 			 

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

  360. 			days.push('日');

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

  362. 			days.push('一');

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

  364. 			days.push('二');

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

  366. 			days.push('三');

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

  368. 			days.push('四');

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

  370. 			days.push('五');

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

  372. 			days.push('六');

  373. 			

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

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

  376. 			 

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

  378. 			}

  379. 			

  380. 			days=[];

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

  382. 			{

  383. 			}else

  384. 			{

  385. 			hpix=hpix+34;

  386. 			

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

  388. 			days.push('日');

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

  390. 			days.push('一');

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

  392. 			days.push('二');

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

  394. 			days.push('三');

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

  396. 			days.push('四');

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

  398. 			days.push('五');

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

  400. 			days.push('六');	

  401. 			

  402. 			

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

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

  405. 		 

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

  407. 			}

  408. 			

  409. 			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>';

  410. 	

  411. 		

  412. 		}

  413.   }

  414.   }

  415. 		 

  416. 		 }catch(e)

  417. 		 {

  418. 		 alert(e);

  419. 		 }

  420.     break;

  421.   

  422. }

  423.  // alert(paytype);

  424.  

  425.  }

  426. function Addpay5()

  427.  {

  428.  var vvvi='';

  429.  var isf = false;

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

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

  432.  {

  433. 

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

  435.  {

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

  437.  }

  438.  else

  439.  {

  440.  if (isf)

  441.  {

  442.  

  443.  }else

  444.  {

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

  446.    isf=true;

  447.    vvvi=i.toString();

  448.    //alert(vvvi);

  449. 

  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 vobj;

  574. var  isget2=false;

  575. function init() 

  576. {

  577. try

  578. {

  579. kkid=  getUrlParameter('KID');

  580. kname=  getUrlParameter('name');

  581. CID = getUrlParameter('CID');

  582.     ID = getUrlParameter('ID');

  583. 	PW= getUrlParameter('PW');

  584. 	TYPE= getUrlParameter('TYPE');

  585. 	 SN = getUrlParameter('SN');

  586. 	vmqtt = getUrlParameter('MQTT');

  587. 	SubID = getUrlParameter('SubID');

  588. //alert(kname);

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

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

  591. 		client.onMessageArrived = onMessageArrived;

  592. 			client.onConnectionLost = onConnectionLost; 

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

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

  595. 	

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

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

  598. updateOutput('init');

  599. 

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

  601. 

  602. 			

  603. 	

  604.  /*

  605.     CID = getUrlParameter('CID');

  606.     ID = getUrlParameter('ID');

  607. 	PW= getUrlParameter('PW');

  608. 	TYPE= getUrlParameter('TYPE');

  609. 	*/

  610. 	

  611. 	//CID = '886999000230';

  612.     //ID = '00000000';

  613. 	//PW= 'CMM87krWqj8Ltt00';

  614. 	//TYPE='IOS';

  615. 	

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

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

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

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

  620.  if (TYPE=='ANDROID')

  621. 		{

  622. 		  client.connect( {onSuccess: onConnect});

  623. 		 var intervalID423  =   setInterval(() => {

  624. 	           clearInterval(intervalID423);

  625.   }, 1500);

  626.        connect();

  627.        

  628. 		}

  629. 		 if (TYPE=='IOS')

  630. 		{

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

  632.  

  633. 	

  634.     var vivi = 0;

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

  636. 	 if (isget)

  637. 	 {

  638. 	// break;

  639. 	 }

  640. 	 else

  641. 	 {

  642. 	   if (vivi>3)

  643. 	   {

  644. 	    clearInterval(intervalID);

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

  646. 	   }

  647. 	   else

  648. 	   {

  649. 	      vivi++;

  650. 	      getKeylist() ;

  651. 	   }

  652.       

  653. 	}

  654.   }, 300);

  655.   

  656. 

  657.   }

  658. 

  659. 

  660. 	

  661. }catch(e)

  662. {

  663. alert(e);

  664. }

  665. }

  666. function onConnectionLost(message) 

  667. {

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

  669. }

  670. function onMessageArrived(message) 

  671. {

  672. //alert(message.destinationName);

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

  674. var errda = message.payloadString;

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

  676. {

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

  678.  

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

  680.  {

  681.   //alert('same');

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

  683.   {

  684.     isget=false;

  685.     var vivi = 0;

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

  687. 	 if (isget)

  688. 	 {

  689. 	// break;

  690. 	 }

  691. 	 else

  692. 	 {

  693. 	  

  694. 	   if (vivi>3)

  695. 	   {

  696. 	     clearInterval(intervalID);

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

  698. 	 

  699. 	   }

  700. 	   else

  701. 	   { 

  702. 	   vivi++;

  703. 	  getKeylist() ;

  704. 	   }

  705. 	   

  706.       //  vii++;

  707. 	}

  708.   }, 300);

  709.   }

  710.    

  711.  }

  712.  

  713. 

  714. }

  715. else

  716. {

  717. 

  718. isget2=true;

  719.   vobj = JSON.parse( errda); 		

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

  721.         updateOutput('----------------------------------------------');

  722. 		updateOutput(jsonString);

  723. 		vsn='002';

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

  725. 		if (TYPE=='IOS')

  726. 		{

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

  728. 		}

  729.        if (TYPE=='ANDROID')

  730. 		{

  731.         webSocket.send(jsonString);

  732. 		}

  733. 		

  734. }

  735. 

  736. }

  737. function onFailedConnect() 

  738. {

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

  740. }

  741. function onConnect() 

  742. {

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

  744. 	

  745. 	try

  746. 	{

  747. 	

  748. 	 

  749. 	

  750.     }

  751. 	catch(e)

  752.     {

  753.        alert(e);

  754.     }

  755. 	//alert('c');

  756. }

  757. 

  758. </script>

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

  760.     var webSocket;

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

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

  763. 	var vdata="";

  764. 	var isok=true;

  765. 	 var webSocket;

  766.    

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

  768. 

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

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

  771. 	  function connect() {

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

  773.       if (webSocket !== undefined

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

  775.         return;

  776.       }

  777. 

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

  779. 

  780.       // Create a websocket

  781.       webSocket = new WebSocket(wsUrl);

  782. 

  783.       webSocket.onopen = function(event) {

  784. 	  

  785.         updateOutput("Connected!");

  786.        

  787.        

  788. 		// alert('');

  789. 	 getKeylist() ;

  790.      /*

  791.   var vivi = 0;

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

  793. 	 if (isget)

  794. 	 {

  795. 	 

  796. 	 }

  797. 	 else

  798. 	 {

  799. 	  

  800. 	   if (vivi>3)

  801. 	   {

  802. 	     clearInterval(intervalID);

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

  804. 	 

  805. 	   }

  806. 	   else

  807. 	   { 

  808. 	   vivi++;

  809. 	 

  810. 	   

  811. 	   }

  812. 	   

  813.      

  814. 	}

  815.   }, 300);

  816.   */

  817. 		 

  818.       };

  819. 

  820.       webSocket.onmessage = function(event) 

  821. 	  {

  822. 	     if (vsn=='002')

  823. 		 {

  824. 		  var ress = event.data;

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

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

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

  828. 		//alert(event.data);

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

  830. 		  doorlist.innerHTML ='';

  831. 		 try

  832. 		 {

  833. 		   vobj = JSON.parse(ress); 

  834.   keylist =  vobj.data.data;

  835.  var showkeylistl=0;

  836.  

  837.  

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

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

  840.  { 

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

  842. 		var vobk=keylist[i];

  843. 		

  844. 		//alert(vobk.UserID);

  845. 		//alert(vobk.Type);

  846. 		var vttovt = vobk.TimeStamp;

  847. 

  848. 		

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

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

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

  852. 		

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

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

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

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

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

  858. 		//alert(vdddt);

  859. 		

  860. 		let date1 = new Date();

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

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

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

  864. 		 

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

  866. 		

  867. 		 

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

  869. 		//alert(date1<date2);

  870. 		if (date1<date2)

  871. 		{

  872. 		//alert(vttovt);

  873. 		//alert(vobk.IndexID);

  874. 		itnos.push(vobk.IndexID);

  875. 		

  876. 	

  877. 		var ttt = vobk.Title;

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

  879. 		

  880. 		//alert(vobk.Type);

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

  882. 		{

  883. 		//alert(vobk.Type);

  884. 		//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>';

  885. 	     //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>';

  886. 	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>';

  887. 	showkeylistl++;

  888. 		}

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

  890. 		{

  891. 		   //alert(vobk.Cycle);

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

  893. 		    var hpix =  56;

  894. 			//var hpix =  66;

  895. 			

  896. 			var cytxt='';

  897. 			let days=[];

  898.  

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

  900. 			{

  901. 			}else

  902. 			{

  903. 			hpix=hpix+34;

  904. 			 

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

  906. 			days.push('日');

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

  908. 			days.push('一');

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

  910. 			days.push('二');

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

  912. 			days.push('三');

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

  914. 			days.push('四');

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

  916. 			days.push('五');

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

  918. 			days.push('六');	

  919. 			

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

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

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

  923. 			}

  924. 			

  925. 			days=[];

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

  927. 			{

  928. 			}else

  929. 			{

  930. 			hpix=hpix+34;

  931. 			 

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

  933. 			days.push('日');

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

  935. 			days.push('一');

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

  937. 			days.push('二');

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

  939. 			days.push('三');

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

  941. 			days.push('四');

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

  943. 			days.push('五');

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

  945. 			days.push('六');

  946. 			

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

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

  949. 			 

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

  951. 			}

  952. 			

  953. 			days=[];

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

  955. 			{

  956. 			}else

  957. 			{

  958. 			hpix=hpix+34;

  959. 			

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

  961. 			days.push('日');

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

  963. 			days.push('一');

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

  965. 			days.push('二');

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

  967. 			days.push('三');

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

  969. 			days.push('四');

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

  971. 			days.push('五');

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

  973. 			days.push('六');	

  974. 		 

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

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

  977. 		 

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

  979. 			}

  980. 			

  981. 			//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>';

  982. 	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>';

  983. 	showkeylistl++;

  984. 	

  985. 		

  986. 		}

  987. 

  988. 		}

  989. 		}

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

  991.         //  alert( sevobj.data);

  992. 		 

  993. 		 }catch(e)

  994. 		 {

  995. 		 //alert(e);

  996. 		 }

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

  998. 		addneworder.disabled = false;

  999. 		  if (showkeylistl==0)

  1000.   {

  1001.   output2.style='';

  1002.   }

  1003. 		 

  1004. 		 }

  1005. 	     if (vsn=='001')

  1006. 		 {

  1007. 		 try

  1008. 		 {

  1009. 		 // alert( event.data );

  1010. 		 isget=true;

  1011. 		  var ress = event.data;

  1012. 		  

  1013. 		     vobj = JSON.parse( ress); 		 

  1014. 		

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

  1016. }catch(e)

  1017. {

  1018. alert(e);

  1019. }		 

  1020.            updateOutput('---------------------------');

  1021. 		  updateOutput(vdata);

  1022. 		 

  1023. 		isget2=false;

  1024. 	var payload =vdata;

  1025. 	try{

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

  1027.     message467.destinationName = SN ;

  1028.  	message467.qos = 1;

  1029. message467.retained = false;

  1030.  var vivi = 0;

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

  1032. 	 if (isget2)

  1033. 	 {

  1034. 	   clearInterval(intervalID);

  1035. 	// break;

  1036. 	 }

  1037. 	 else

  1038. 	 {

  1039. 	  

  1040. 	   if (vivi>3)

  1041. 	   {

  1042. 	      clearInterval(intervalID);

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

  1044. 	

  1045. 	   }

  1046. 	   else

  1047. 	   {

  1048. 	      vivi++;

  1049. 	  client.send(message467);

  1050. 	   }

  1051. 	 

  1052.       //  vii++;

  1053. 	}

  1054.   }, 300);

  1055.   

  1056. 

  1057.   

  1058. 		 }catch(e)

  1059. 		 {

  1060. 		 alert(e);

  1061. 		 }

  1062. 	

  1063. 	}

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

  1065. 		  	  updateOutput(event.data);

  1066. 		

  1067.       };

  1068. 

  1069.       webSocket.onclose = function(event) {

  1070.         updateOutput("Connection Closed");

  1071.       

  1072.         //sendBtn.disabled = true;

  1073.       };

  1074.     }

  1075.  

  1076.  

  1077.  

  1078. 

  1079.     function AppToWeb(message) {

  1080.        // updateOutput(message);

  1081. 	    var showkeylistl=0;

  1082. 	     if (vsn=='002')

  1083. 		 {

  1084. 		  var ress = message;

  1085. 		 isget2=true;

  1086. 		  doorlist.innerHTML ='';

  1087. 		 try

  1088. 		 {

  1089. 		   vobj = JSON.parse(ress); 

  1090.   keylist =  vobj.data.data;

  1091.  

  1092.  

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

  1094.  { 

  1095.     

  1096. 		var vobk=keylist[i];

  1097. 	 

  1098. 		var vttovt = vobk.TimeStamp;

  1099. 		 

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

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

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

  1103. 		

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

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

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

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

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

  1109. 		//alert(vdddt);

  1110. 		

  1111. 		let date1 = new Date();

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

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

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

  1115. 		let date2 = Date.parse(vdddt)

  1116. 		

  1117. 		//alert(date1);

  1118. 		//alert(date2);

  1119. 		//alert(date1>date2);

  1120. 		if (date1<date2)

  1121. 		{

  1122. 		 

  1123. 		itnos.push(vobk.IndexID);

  1124. 		var ttt = vobk.Title;

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

  1126. 		

  1127. 		//alert(vobk.Type);

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

  1129. 		{

  1130. 		//alert(vobk.Type);

  1131. 		//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>';

  1132. 	//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>';

  1133. 	

  1134. 	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>';

  1135. 		showkeylistl++;

  1136. 		}

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

  1138. 		{

  1139. 		   //alert(vobk.Cycle);

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

  1141. 		   var hpix =  66;

  1142. 			//  var hpix =  66;

  1143. 			

  1144. 			var cytxt='';

  1145. 			let days=[];

  1146.  

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

  1148. 			{

  1149. 			}else

  1150. 			{

  1151. 		hpix=hpix+38;

  1152. 			 

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

  1154. 			days.push('日');

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

  1156. 			days.push('一');

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

  1158. 			days.push('二');

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

  1160. 			days.push('三');

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

  1162. 			days.push('四');

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

  1164. 			days.push('五');

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

  1166. 			days.push('六');	

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

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

  1169. 			

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

  1171. 			}

  1172. 			

  1173. 			days=[];

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

  1175. 			{

  1176. 			}else

  1177. 			{

  1178. 			hpix=hpix+38;

  1179. 			 

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

  1181. 			days.push('日');

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

  1183. 			days.push('一');

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

  1185. 			days.push('二');

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

  1187. 			days.push('三');

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

  1189. 			days.push('四');

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

  1191. 			days.push('五');

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

  1193. 			days.push('六');

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

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

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

  1197. 			}

  1198. 			

  1199. 			days=[];

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

  1201. 			{

  1202. 			}else

  1203. 			{

  1204. 			hpix=hpix+38;

  1205. 			

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

  1207. 			days.push('日');

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

  1209. 			days.push('一');

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

  1211. 			days.push('二');

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

  1213. 			days.push('三');

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

  1215. 			days.push('四');

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

  1217. 			days.push('五');

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

  1219. 			days.push('六');	

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

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

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

  1223. 			}

  1224. 			

  1225. 			//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>';

  1226. 	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>';

  1227. 		showkeylistl++;

  1228. 		

  1229. 		}

  1230. 

  1231. 		}

  1232. 		}

  1233. 		

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

  1235. 		addneworder.disabled = false;

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

  1237.         //  alert( sevobj.data);

  1238.   if (showkeylistl==0)

  1239.   {

  1240.   output2.style='';

  1241.   }

  1242.   

  1243. 		 

  1244. 		 }catch(e)

  1245. 		 {

  1246. 		 alert(e);

  1247. 		 }

  1248. 		 }

  1249. 	     if (vsn=='001')

  1250. 		 {

  1251. 		 try

  1252. 		 {

  1253. 		 isget=true;

  1254. 		  var ress = message;

  1255. 		 isget2=false;

  1256. 		     vobj = JSON.parse( ress); 

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

  1258. 		 var payload =vdata;

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

  1260.     message345.destinationName = SN ;

  1261. 		message345.qos = 1;

  1262. message345.retained = false;

  1263.   

  1264.     

  1265.     

  1266.  var vivi = 0;

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

  1268. 	 if (isget2)

  1269. 	 {

  1270. 	// break;

  1271. 	    clearInterval(intervalID);

  1272. 	 }

  1273. 	 else

  1274. 	 {

  1275. 	  

  1276. 	   if (vivi>3)

  1277. 	   {

  1278. 	      clearInterval(intervalID);

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

  1280. 	

  1281. 	   }

  1282. 	   else

  1283. 	   {

  1284. 	      vivi++;

  1285. 	  client.send(message345);

  1286. 	   }

  1287. 	 

  1288.       //  vii++;

  1289. 	}

  1290.   }, 300);

  1291.   

  1292.     

  1293. 		 

  1294. 		 

  1295. 		}catch(e)

  1296. {

  1297. alert(e);

  1298. }		 

  1299.         

  1300. 	}   

  1301.         return "Got it"

  1302.     }

  1303. 

  1304.     function endode() {

  1305.         var text = input.value;

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

  1307. 		

  1308.         updateOutput(jsonString);

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

  1310. 		if (TYPE=='IOS')

  1311. 		{

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

  1313. 		}

  1314. 		if (TYPE=='ANDROID')

  1315. 		{

  1316.         webSocket.send(jsonString);

  1317. 		}

  1318. 		

  1319.     }

  1320. 

  1321.     function decode() {

  1322.         var text = input.value;

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

  1324.         updateOutput(jsonString);

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

  1326. 		if (TYPE=='IOS')

  1327. 		{

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

  1329. 		}

  1330.        if (TYPE=='ANDROID')

  1331. 		{

  1332.         webSocket.send(jsonString);

  1333. 		}

  1334.     }

  1335. 	

  1336. 	 

  1337. 

  1338.     function updateOutput(text) {

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

  1340.     }

  1341. 	

  1342. 	

  1343.     </script>

  1344. 	

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

  1346. 

  1347.  </script>

  1348. 	<script>  

  1349.     var getUrlParameter = function getUrlParameter(sParam) {

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

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

  1352.         sParameterName,

  1353.         i;

  1354. 

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

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

  1357. 

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

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

  1360.         }

  1361.     }

  1362. };

  1363. 

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

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

  1366. 

  1367.     if (!format) {

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

  1369.     }

  1370. 

  1371.     var o = {

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

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

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

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

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

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

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

  1379.         "S": this.getMilliseconds()

  1380.     };

  1381. 

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

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

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

  1385.     }

  1386. 

  1387.     for (var k in o) {

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

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

  1390.                 ? o[k]

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

  1392.         }

  1393.     }

  1394. 

  1395.     return format;

  1396. };

  1397. </script> 

  1398. <br> 

  1399. </body>

  1400. 

  1401. </html>