LeeWeiCheng
/
altob.st123
1
0
Fork 0
Koodi Ongelmat 0 Pull-pyynnöt 0 Julkaisut 0 Wiki Activity
VM暫存
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
3 Commitit
5 Branchit
790KB
Puu: 3bbc85e280
Branchit Tagit
${ item.name }
Create branch ${ searchTerm }
from '3bbc85e280'
${ noResults }
altob.st123/views/allpa_service/admin_page.php

1588 lines
64KB
Raaka Blame Historia 

  1. <!DOCTYPE html>

  2. <html lang="zh-TW">

  3. <head>

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

  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">

  6.     <meta name="viewport" content="width=device-width, initial-scale=1">

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

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

  9.     <title>歐特儀停車場 (<?=STATION_NAME?>) - 歐Pa卡 (管理)</title>

  10.     <!-- Bootstrap Core CSS -->

  11.     <link href="<?=BOOTSTRAPS?>bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">

  12.     <!-- MetisMenu CSS -->

  13.     <link href="<?=BOOTSTRAPS?>bower_components/metisMenu/dist/metisMenu.min.css" rel="stylesheet">

  14.     <!-- Timeline CSS -->

  15.     <link href="<?=BOOTSTRAPS?>dist/css/timeline.css" rel="stylesheet">

  16.     <!-- Custom CSS -->

  17.     <link href="<?=BOOTSTRAPS?>dist/css/sb-admin-2.css" rel="stylesheet">

  18.     <!-- Morris Charts CSS -->

  19.     <link href="<?=BOOTSTRAPS?>bower_components/morrisjs/morris.css" rel="stylesheet">

  20.     <!-- Custom Fonts -->

  21.     <link href="<?=BOOTSTRAPS?>bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

  22. 

  23. </head>

  24. <body style="font-family:Microsoft JhengHei;">

  25.     <div id="wrapper">

  26.         <!-- Navigation -->

  27.         <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">

  28.             <div class="navbar-header">

  29.                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">

  30.                     <span class="sr-only">Toggle navigation</span>

  31.                     <span class="icon-bar"></span>

  32.                     <span class="icon-bar"></span>

  33.                     <span class="icon-bar"></span>

  34.                 </button>

  35.                 <a class="navbar-brand" href="<?=APP_URL?>">歐特儀停車場 (<?=STATION_NAME?>) (管理)</a>

  36.             </div>

  37. 

  38.             <!-- /.navbar-top-links(左側選單) -->

  39.             <div class="navbar-default sidebar" role="navigation">

  40.                 <div class="sidebar-nav navbar-collapse">

  41.                     <ul class="nav" id="side-menu">

  42.                         <li>

  43.                             <a href="#"><i class="fa fa-user fa-fw"></i>服務項目<span class="fa arrow"></span></a>

  44.                             <ul class="nav nav-second-level">

  45. 								<li>

  46.                                     <a href="#" onclick="show_item('check_user');">用戶查詢</a>

  47.                                 </li>

  48. 								<!--li>

  49.                                     <a href="#" onclick="get_allpa_products(event);">加值清單</a>

  50.                                 </li-->

  51. 								<li>

  52.                                     <a href="#" onclick="show_item('card_register_barcode_input');">卡片記名</a>

  53.                                 </li>

  54. 								<li>

  55.                                     <a href="#" onclick="get_allpa_admin_products(event);">管理員加值</a>

  56.                                 </li>

  57. 								<!--li>

  58.                                     <a href="#" onclick="show_item('about_allpa');">使用說明</a>

  59.                                 </li-->

  60. 								<li>

  61. 									<a href="#" onclick="logout(event)">登出</a>

  62. 								</li>

  63.                             </ul>

  64.                             <!-- /.nav-second-level -->

  65.                         </li>

  66.                     </ul>

  67.                 </div>

  68.                 <!-- /.sidebar-collapse -->

  69.             </div>

  70.             <!-- /.navbar-static-side -->

  71.         </nav>

  72.         <div id="page-wrapper">            

  73. 			<div class="row">

  74.                 <div class="col-lg-12">

  75.                     <h1 class="page-header">歡迎使用 - 歐Pa卡</h1>                

  76. 				</div>

  77.                 <!-- /.col-lg-12 -->

  78.             </div>

  79.             <!-- /.row -->    

  80. 			

  81. 			<?php /* ----- 查詢用戶  ----- */ ?> 

  82. 			<div data-items="check_user" class="row">            

  83. 					<div class="col-lg-12">

  84. 						<div class="panel panel-default">

  85. 							<div class="panel-body">

  86. 								<div data-rows class="row">

  87. 								

  88. 									<div class="col-lg-6">

  89. 										<form id="check_user_form" role="form" method="post">  

  90. 											<div class="form-group">

  91. 												<label>車牌號碼</label>

  92. 												<input type="text" id="user_lpr" class="form-control" style="text-transform:uppercase" 

  93. 													placeholder="請輸入您的車牌號碼"

  94. 													data-validation="custom"

  95. 													data-validation-regexp="^([a-zA-Z0-9]+)$"

  96. 													data-validation-error-msg="限英數字 (範例: ABC2016)"/>

  97. 											</div>

  98. 											

  99. 											<button type="submit" class="btn btn-default" onclick="do_check_user(event);">查詢</button>

  100. 											<button type="reset" class="btn btn-default">重填</button>

  101. 										</form>

  102. 									</div>

  103. 									<!-- /.col-lg-6 (nested) -->

  104. 								</div>

  105. 								<!-- /.row (nested) -->

  106. 							</div>

  107. 							<!-- /.panel-body -->

  108. 						</div>

  109. 						<!-- /.panel -->

  110. 					</div>

  111. 					<!-- /.col-lg-12 -->

  112.             </div>

  113. 			<?php /* ----- 查詢用戶 (END)  ----- */ ?> 

  114. 			

  115. 			<?php /* ----- 加值清單  ----- */ ?> 

  116.             <div data-items="allpa_admin_products" class="row" style="display:none;">

  117.                 <div class="col-lg-12">

  118.                     <div class="panel panel-default">

  119.                         <div class="panel-heading"><?php /* 資料顯示區灰色小表頭 */ ?>

  120.                             管理員加值清單

  121.                         </div>

  122.                         <div class="panel-body">

  123.                             <div data-rows class="row">

  124.                                 <div class="col-lg-12">

  125.                             	<div class="dataTable_wrapper">

  126.                                 <table class="table table-striped table-bordered table-hover">

  127.                                     <thead>

  128.                                         <tr>

  129. 											<th style="text-align:center;">卡片</th>

  130. 											<th style="text-align:center;">說明</th>

  131. 											<th style="text-align:center;">功能</th>

  132.                                         </tr>   

  133.                                         <tr id="product_list" style="display:none;">

  134. 											<td data-tag="p_name" style="text-align:center;vertical-align: middle;"></td>

  135. 											<td data-tag="p_desc" style="text-align:left;vertical-align: middle;"></td>

  136. 											<td data-tag="p_function" style="text-align:center;vertical-align: middle;"></td>

  137.                                         </tr>

  138.                                     </thead>

  139.                                     <tbody id="product_data_tbody" style="font-size:10px;"></tbody>

  140.                                 </table>

  141.                                 </div>

  142.                                 </div>

  143.                                 <!-- /.col-lg-6 (nested) -->

  144.                             </div>

  145.                         </div>

  146.                         <!-- /.panel-body -->

  147.                     </div>

  148.                     <!-- /.panel -->

  149.                 </div>

  150.                 <!-- /.col-lg-12 -->

  151.             </div>   

  152.             <?php /* ----- 加值清單 (END) ----- */ ?> 

  153. 			

  154. 			<?php /* ----- 用戶資訊  ----- */ ?> 

  155.             <div data-items="user_allpa_info" class="row" style="display:none;">

  156. 			

  157. 				<div id="user_invalid_allpa_info" class="col-lg-12" style="display:none;">

  158. 						<div class="panel panel-default">

  159. 							<div class="panel-heading"><?php /* 資料顯示區灰色小表頭 */ ?>

  160. 								卡片異常

  161. 							</div>

  162. 							<div class="panel-body">

  163. 								<div data-rows class="row">

  164. 								<div class="col-lg-6" style="margin: 0px auto;">

  165. 								<form id="invalid_allpa_info" role="form" method="post">

  166.                                 <table class="table table-striped table-bordered table-hover"">

  167.                                     <tbody id="available_curr_tbody" style="font-size:14px;">

  168. 										<tr>

  169.                                             <td style="text-align:right;vertical-align: middle; color: blue;">綁定車牌號碼</td>

  170.                                             <td id="show_invalid_lpr" style="text-align:left;vertical-align: middle;"></td>

  171.                                         </tr>

  172. 										<tr>

  173.                                             <td style="text-align:right;vertical-align: middle; color: red;">歐Pa卡號 (32碼)</td>

  174.                                             <td id="show_invalid_barcode" style="text-align:left;vertical-align: middle;"></td>

  175.                                         </tr>

  176. 										<tr>

  177.                                             <td style="text-align:right;vertical-align: middle;">卡片餘額</td>

  178.                                             <td id="show_invalid_balance" style="text-align:left;vertical-align: middle;"></td>

  179.                                         </tr>

  180. 										<tr>

  181.                                             <td style="text-align:right;vertical-align: middle;">紅利點數</td>

  182.                                             <td id="show_invalid_bonus" style="text-align:left;vertical-align: middle;"></td>

  183.                                         </tr>

  184. 										<tr>

  185.                                             <td style="text-align:right;vertical-align: middle; color: red;">卡片狀態</td>

  186.                                             <td id="show_invalid_card_status" style="text-align:left;vertical-align: middle;"></td>

  187.                                         </tr>

  188.                                     </tbody>

  189.                                 </table>

  190. 								</form>

  191.                                 </div>

  192. 								</div>

  193. 								<!-- /.row (nested) -->

  194. 							</div>

  195. 							<!-- /.panel-body -->

  196. 						</div>

  197. 						<!-- /.panel -->

  198. 				</div>

  199. 				<!-- /.col-lg-12 -->

  200. 				

  201. 				<div id="user_current_allpa_info" class="col-lg-12" style="display:none;">

  202. 						<div class="panel panel-default">

  203. 							<div class="panel-heading"><?php /* 資料顯示區灰色小表頭 */ ?>

  204. 								我的歐Pa卡

  205. 							</div>

  206. 							<div class="panel-body">

  207. 								<div data-rows class="row">

  208. 								<div class="col-lg-6" style="margin: 0px auto;">

  209. 								<form id="current_allpa_info" role="form" method="post">

  210.                                 <table class="table table-striped table-bordered table-hover"">

  211.                                     <tbody id="available_curr_tbody" style="font-size:14px;">

  212. 										<tr>

  213.                                             <td style="text-align:right;vertical-align: middle; color: blue;">綁定車牌號碼</td>

  214.                                             <td id="show_info_lpr" style="text-align:left;vertical-align: middle;"></td>

  215.                                         </tr>

  216. 										<tr>

  217.                                             <td style="text-align:right;vertical-align: middle;">歐Pa卡號 (32碼)</td>

  218.                                             <td id="show_info_barcode" style="text-align:left;vertical-align: middle;"></td>

  219.                                         </tr>

  220. 										<tr>

  221.                                             <td style="text-align:right;vertical-align: middle;">卡片餘額</td>

  222.                                             <td id="show_info_balance" style="text-align:left;vertical-align: middle;"></td>

  223.                                         </tr>

  224. 										<tr>

  225.                                             <td style="text-align:right;vertical-align: middle;">紅利點數</td>

  226.                                             <td id="show_info_bonus" style="text-align:left;vertical-align: middle;"></td>

  227.                                         </tr>

  228.                                     </tbody>

  229.                                 </table>

  230. 								</form>

  231.                                 </div>

  232. 								</div>

  233. 								<!-- /.row (nested) -->

  234. 							</div>

  235. 							<!-- /.panel-body -->

  236. 						</div>

  237. 						<!-- /.panel -->

  238. 				</div>

  239. 				<!-- /.col-lg-12 -->

  240. 				

  241. 				<div id="allpa_user_bill_info" class="col-lg-12" style="display:none;">

  242.                     <div class="panel panel-default">

  243.                         <div class="panel-heading"><?php /* 資料顯示區灰色小表頭 */ ?>

  244.                             使用記錄

  245.                         </div>

  246.                         <div class="panel-body">

  247.                             <div data-rows class="row">

  248.                                 <div class="col-lg-12">

  249.                             	<div class="dataTable_wrapper">

  250.                                 <table class="table table-striped table-bordered table-hover">

  251.                                     <thead>

  252.                                         <tr>

  253. 											<th style="text-align:center;">項目</th>

  254. 											<th style="text-align:center;">說明</th>

  255. 											<th style="text-align:center;">金額</th>

  256. 											<th style="text-align:center;">狀態</th>

  257.                                         </tr>   

  258.                                         <tr id="allpa_user_bill_list" style="display:none;">

  259. 											<td data-tag="b_name" style="text-align:center;vertical-align: middle;"></td>

  260. 											<td data-tag="b_desc" style="text-align:left;vertical-align: middle;"></td>

  261. 											<td data-tag="b_amt" style="text-align:center;vertical-align: middle;"></td>

  262. 											<td data-tag="b_function" style="text-align:center;vertical-align: middle;"></td>

  263.                                         </tr>

  264.                                     </thead>

  265.                                     <tbody id="allpa_user_bill_data_tbody" style="font-size:10px;"></tbody>

  266.                                 </table>

  267.                                 </div>

  268.                                 </div>

  269.                                 <!-- /.col-lg-6 (nested) -->

  270.                             </div>

  271.                         </div>

  272.                         <!-- /.panel-body -->

  273.                     </div>

  274.                     <!-- /.panel -->

  275.                 </div>

  276.                 <!-- /.col-lg-12 -->

  277. 			

  278.                 <div id="user_bill_info" class="col-lg-12" style="display:none;">

  279.                     <div class="panel panel-default">

  280.                         <div class="panel-heading"><?php /* 資料顯示區灰色小表頭 */ ?>

  281.                             加值清單

  282.                         </div>

  283.                         <div class="panel-body">

  284.                             <div data-rows class="row">

  285.                                 <div class="col-lg-12">

  286.                             	<div class="dataTable_wrapper">

  287.                                 <table class="table table-striped table-bordered table-hover">

  288.                                     <thead>

  289.                                         <tr>

  290. 											<th style="text-align:center;">卡片</th>

  291. 											<th style="text-align:center;">說明</th>

  292. 											<th style="text-align:center;">狀態</th>

  293.                                         </tr>   

  294.                                         <tr id="bill_list" style="display:none;">

  295. 											<td data-tag="b_name" style="text-align:center;vertical-align: middle;"></td>

  296. 											<td data-tag="b_desc" style="text-align:left;vertical-align: middle;"></td>

  297. 											<td data-tag="b_function" style="text-align:center;vertical-align: middle;"></td>

  298.                                         </tr>

  299.                                     </thead>

  300.                                     <tbody id="bill_data_tbody" style="font-size:10px;"></tbody>

  301.                                 </table>

  302.                                 </div>

  303.                                 </div>

  304.                                 <!-- /.col-lg-6 (nested) -->

  305.                             </div>

  306.                         </div>

  307.                         <!-- /.panel-body -->

  308.                     </div>

  309.                     <!-- /.panel -->

  310.                 </div>

  311.                 <!-- /.col-lg-12 -->

  312.             </div>   

  313.             <?php /* ----- 用戶資訊 (END) ----- */ ?> 

  314. 			

  315. 			

  316. 			<?php /* ----- 結帳頁  ----- */ ?> 

  317.             <div data-items="payment_data" class="row" style="display:none;">

  318.                 <div class="col-lg-12">

  319. 						<div class="panel panel-default">

  320. 							<div class="panel-body">

  321. 								<div data-rows class="row">

  322. 								<div class="col-lg-6" style="margin: 0px auto;">

  323. 								<form id="payment_data" role="form" method="post">

  324.                                 <table class="table table-striped table-bordered table-hover"">

  325.                                     <tbody id="available_curr_tbody" style="font-size:14px;">

  326. 										<tr class="form-group">

  327.                                             <td style="text-align:right;vertical-align: middle; color: blue;">車牌號碼</td>

  328. 											<td style="text-align:left;vertical-align: middle;">

  329. 											<input type="text" id="payment_lpr" class="form-control" style="text-transform:uppercase" 

  330. 													placeholder="請輸入您要加值的車牌號碼"

  331. 													data-validation="custom"

  332. 													data-validation-regexp="^([a-zA-Z0-9]+)$"

  333. 													data-validation-error-msg="限英數字 (範例: ABC2016)"

  334. 													data-validation-error-msg-container="#lpr_error_msg"

  335. 													/>

  336. 												<span id="lpr_error_msg"></span>

  337.                                             </td>

  338.                                         </tr>

  339. 										<tr>

  340.                                             <td style="text-align:right;vertical-align: middle;">卡片名稱</td>

  341.                                             <td id="show_product_name" style="text-align:left;vertical-align: middle;"></td>

  342.                                         </tr>

  343. 										<tr>

  344.                                             <td style="text-align:right;vertical-align: middle;">說明</td>

  345.                                             <td id="show_product_desc" style="text-align:left;vertical-align: middle;"></td>

  346.                                         </tr>

  347. 										<tr>

  348.                                             <td style="text-align:right;vertical-align: middle;">備註</td>

  349.                                             <td id="show_remarks" style="text-align:left;vertical-align: middle;"></td>

  350.                                         </tr>

  351.                                         <tr>

  352.                                             <td style="text-align:right;vertical-align: middle;">金額 (NTD)</td>

  353.                                             <td id="show_amt" style="text-align:left;vertical-align: middle;"></td>

  354.                                         </tr>

  355.                                         <tr class="form-group"style="display:none;">

  356.                                             <td style="text-align:right;vertical-align: middle;">發票載具 <br/>(手機條碼)</td>

  357. 											<td style="text-align:left;vertical-align: middle;">

  358. 											<input type="text" id="invoice_receiver" class="form-control" placeholder="如不要發票請留空白"

  359. 												data-validation="custom"

  360. 												data-validation-regexp="^$|^(?=.{7}$)([A-Za-z0-9]+)$|^(?=.{8}$)\u002F([A-Za-z0-9]+)$"

  361. 												data-validation-error-msg="請輸入正確載具<br/>格式： / + 7碼 <br/>(共8碼)"

  362. 												/>

  363.                                             </td>

  364.                                         </tr>

  365. 										<tr class="form-group" style="display:none;">

  366. 											<td style="text-align:right;vertical-align: middle;"></td>

  367. 											<td style="text-align:left;vertical-align: middle; color: red;">

  368. 												若發票載具留空白，發票將自動送個社福團體

  369. 											</td>

  370. 										</tr>

  371. 										<tr class="form-group">

  372.                                             <td style="text-align:right;vertical-align: middle;">公司統編</td>

  373. 											<td style="text-align:left;vertical-align: middle;">

  374. 											<input type="tel" id="company_no" class="form-control" placeholder="如不打統編請留空白"

  375. 												data-validation="custom"

  376. 												data-validation-optional="true"

  377. 												data-validation-regexp="^(?=.{8}$)([0-9]+)$"

  378. 												data-validation-error-msg="請輸入正確統編<br/>例如：80682490"

  379. 												data-validation-error-msg-container="#company_no_error_msg"

  380. 												/>

  381. 												<span id="company_no_error_msg"></span>

  382.                                             </td>

  383.                                         </tr>

  384. 										<tr class="form-group">

  385.                                             <td style="text-align:right;vertical-align: middle;">電子信箱</td>

  386. 											<td style="text-align:left;vertical-align: middle;">

  387. 											<input type="email" id="email" class="form-control" placeholder="發票將寄信通知"

  388. 												data-validation="email"

  389. 												data-validation-optional="true"

  390. 												data-validation-error-msg="請輸入正確信箱<br/>例如：altob@gmail.com"

  391. 												data-validation-error-msg-container="#email_error_msg"

  392. 												/>

  393. 												<span id="email_error_msg"></span>

  394.                                             </td>

  395.                                         </tr>

  396. 										<tr class="form-group">

  397.                                             <td style="text-align:right;vertical-align: middle;">手機號碼</td>

  398. 											<td style="text-align:left;vertical-align: middle;">

  399. 											<input type="tel" id="mobile" class="form-control" placeholder="發票將寄簡訊通知"

  400. 												data-validation="custom"

  401. 												data-validation-optional="true"

  402. 												data-validation-regexp="^(?=.{10}$)09([0-9]+)$"

  403. 												data-validation-error-msg="請輸入正確手機號碼<br/>例如：0912345678"

  404. 												data-validation-error-msg-container="#mobile_error_msg"

  405. 												/>

  406. 												<span id="mobile_error_msg"></span>

  407.                                             </td>

  408.                                         </tr>

  409. 										<tr>

  410.                                             <td style="text-align:right;vertical-align: middle;">訂單编號</td>

  411.                                             <td id="show_order_no" style="text-align:left;vertical-align: middle;"></td>

  412.                                         </tr>

  413. 										<tr>

  414.                                             <td style="text-align:right;vertical-align: middle;">有效期限</td>

  415.                                             <td id="show_valid_time_countdown" style="text-align:left;vertical-align: middle; color: red;"></td>

  416.                                         </tr>

  417.                                         <tr>

  418.                                             <td style="text-align:right;vertical-align: middle;">

  419. 												<button type="button" class="btn btn-default" onclick="transfer_money_admin(event);">開始付款</button>

  420.                                             </td>

  421.                                             <td style="text-align:left;vertical-align: middle;">

  422. 												<button type="button" class="btn btn-default" onclick="show_item('allpa_admin_products');">取消</button>

  423.                                             </td>

  424.                                         </tr>

  425.                                     </tbody>

  426.                                 </table>

  427. 								</form>

  428.                                 </div>

  429. 								</div>

  430. 								<!-- /.row (nested) -->

  431. 							</div>

  432. 							<!-- /.panel-body -->

  433. 						</div>

  434. 						<!-- /.panel -->

  435. 				</div>

  436. 				<!-- /.col-lg-12 -->

  437.             </div>   

  438.             <?php /* ----- 結帳頁 (END) ----- */ ?> 

  439. 			

  440. 			

  441. 			<?php /* ----- PIN碼, 儲值  ----- */ ?> 

  442.             <div data-items="allpa_reload" class="row" style="display:none;">

  443.                 <div class="col-lg-12">

  444. 						<div class="panel panel-default">

  445. 							<div class="panel-body">

  446. 								<div data-rows class="row">

  447. 								<div class="col-lg-6" style="margin: 0px auto;">

  448. 								<form id="allpa_reload_data" role="form" method="post">

  449.                                 <table class="table table-striped table-bordered table-hover"">

  450.                                     <tbody id="available_curr_tbody" style="font-size:14px;">

  451. 										<tr>

  452.                                             <td style="text-align:right;vertical-align: middle; color: blue;">車牌號碼</td>

  453.                                             <td id="show_reload_lpr" style="text-align:left;vertical-align: middle;"></td>

  454.                                         </tr>

  455. 										<tr>

  456.                                             <td style="text-align:right;vertical-align: middle;">歐Pa卡號 (32碼)</td>

  457.                                             <td id="show_reload_barcode" style="text-align:left;vertical-align: middle;"></td>

  458.                                         </tr>

  459. 										<tr>

  460.                                             <td style="text-align:right;vertical-align: middle;">儲值前金額</td>

  461.                                             <td id="show_reload_amount_before" style="text-align:left;vertical-align: middle;"></td>

  462.                                         </tr>

  463. 										<tr>

  464.                                             <td style="text-align:right;vertical-align: middle; color: blue;">本次加值金額</td>

  465.                                             <td id="show_reload_amt" style="text-align:left;vertical-align: middle;"></td>

  466.                                         </tr>

  467.                                         <tr>

  468.                                             <td style="text-align:right;vertical-align: middle;">儲值後金額</td>

  469.                                             <td id="show_reload_amount_next" style="text-align:left;vertical-align: middle;"></td>

  470.                                         </tr>

  471. 										<tr>

  472.                                             <td style="text-align:right;vertical-align: middle;">儲值 PIN 碼</td>

  473.                                             <td id="show_pin_pic" style="text-align:left;vertical-align: middle;"></td>

  474.                                         </tr>

  475. 										<tr class="form-group">

  476.                                             <td style="text-align:right;vertical-align: middle;"></td>

  477. 											<td style="text-align:left;vertical-align: middle;">

  478. 											<input type="text" id="reload_pin" class="form-control" placeholder="請輸入儲值PIN碼"

  479. 												data-validation="custom"

  480. 												data-validation-regexp="^([a-zA-Z0-9]+)$"

  481. 												data-validation-error-msg="請輸入儲值PIN碼"

  482. 												data-validation-error-msg-container="#pin_error_msg"

  483. 												/>

  484. 												<span id="pin_error_msg"></span>

  485.                                             </td>

  486.                                         </tr>

  487. 										<tr>

  488.                                             <td style="text-align:right;vertical-align: middle;">有效期限</td>

  489.                                             <td id="show_pin_valid_time_countdown" style="text-align:left;vertical-align: middle; color: red;"></td>

  490.                                         </tr>

  491.                                         <tr>

  492.                                             <td style="text-align:right;vertical-align: middle;">

  493. 												<button type="button" class="btn btn-default" onclick="do_allpa_reload(event);">確定儲值</button>

  494.                                             </td>

  495.                                             <td style="text-align:left;vertical-align: middle;">

  496. 												<button type="button" class="btn btn-default" onclick="show_item('user_allpa_info');">取消</button>

  497.                                             </td>

  498.                                         </tr>

  499. 										<input id="reload_pin_check_id" type="hidden" name="reload_pin_check_id" value="0" />

  500. 										<input id="reload_order_no" type="hidden" name="reload_order_no" value="0" />

  501.                                     </tbody>

  502.                                 </table>

  503. 								</form>

  504.                                 </div>

  505. 								</div>

  506. 								<!-- /.row (nested) -->

  507. 							</div>

  508. 							<!-- /.panel-body -->

  509. 						</div>

  510. 						<!-- /.panel -->

  511. 				</div>

  512. 				<!-- /.col-lg-12 -->

  513.             </div>   

  514.             <?php /* ----- PIN碼, 儲值 (END) ----- */ ?> 

  515. 			

  516. 			

  517. 			<?php /* ----- 實體卡記名A  ----- */ ?> 

  518. 			<div data-items="card_register_barcode_input" class="row" style="display:none;">            

  519. 					<div class="col-lg-12">

  520. 						<div class="panel panel-default">

  521. 							<div class="panel-body">

  522. 								<div data-rows class="row">

  523. 								

  524. 									<div class="col-lg-6">

  525. 										<form id="card_register_barcode_input_form" role="form" method="post">  

  526. 											<div class="form-group">

  527. 												<label>歐Pa卡號</label>

  528. 												<input type="text" id="card_register_barcode" class="form-control" 

  529. 													placeholder="請輸入歐Pa卡號 (32碼)"

  530. 													data-validation="custom"

  531. 													data-validation-regexp="^(?=.{32}$)([0-9]+)$"

  532. 													data-validation-error-msg="歐Pa卡號碼格式: 32碼 數字">

  533. 											</div>

  534. 											<button type="submit" class="btn btn-default" onclick="do_card_register_barcode_input(event);">確定</button>

  535. 											<button type="reset" class="btn btn-default">重填</button>

  536. 										</form>

  537. 									</div>

  538. 									<!-- /.col-lg-6 (nested) -->

  539. 								</div>

  540. 								<!-- /.row (nested) -->

  541. 							</div>

  542. 							<!-- /.panel-body -->

  543. 						</div>

  544. 						<!-- /.panel -->

  545. 					</div>

  546. 					<!-- /.col-lg-12 -->

  547.             </div>

  548. 			<?php /* ----- 實體卡記名A (END) ----- */ ?> 

  549. 			

  550. 			<?php /* ----- 實體卡記名B (卡片查詢結果顯示, 輸入要綁定的車牌) ----- */ ?> 

  551. 			<div data-items="card_register_lpr_input" class="row" style="display:none;">            

  552. 					<div class="col-lg-12">

  553. 						<div class="panel panel-default">

  554. 							<div class="panel-heading"><?php /* 資料顯示區灰色小表頭 */ ?>

  555. 								卡片上的金額, 將轉移給車牌號碼

  556. 							</div>

  557. 							<div class="panel-body">

  558. 								<div data-rows class="row">

  559. 									<div class="col-lg-6">

  560. 										<form id="card_register_lpr_input_form" role="form" method="post">

  561. 										<table class="table table-striped table-bordered table-hover"">

  562. 											<tbody id="available_curr_tbody" style="font-size:14px;">

  563. 											<tr>

  564. 												<td style="text-align:right;vertical-align: middle; color: blue;">歐Pa卡號 (32碼)</td>

  565. 												<td id="card_register_barcode_value" style="text-align:left;vertical-align: middle;"></td>

  566. 											</tr>

  567. 											<tr>

  568. 												<td style="text-align:right;vertical-align: middle;">卡片金額</td>

  569. 												<td id="card_register_balance_value" style="text-align:left;vertical-align: middle;"></td>

  570. 											</tr>

  571. 											<tr>

  572. 												<td style="text-align:right;vertical-align: middle;">紅利點數</td>

  573. 												<td id="card_register_bonus_value" style="text-align:left;vertical-align: middle;"></td>

  574. 											</tr>

  575. 											<tr>

  576. 												<td style="text-align:right;vertical-align: middle;">卡片狀態</td>

  577. 												<td id="card_register_card_status_value" style="text-align:left;vertical-align: middle;"></td>

  578. 											</tr>											

  579. 											</tbody>

  580. 										</table>

  581. 										<div class="form-group">

  582. 											<label>要綁定的車牌號碼</label>

  583. 											<input type="text" id="card_register_lpr" class="form-control" style="text-transform:uppercase" 

  584. 												placeholder="請輸入您要綁定的車牌號碼"

  585. 												data-validation="custom"

  586. 												data-validation-regexp="^([a-zA-Z0-9]+)$"

  587. 												data-validation-error-msg="限英數字 (範例: ABC2016)"/>

  588. 										</div>

  589. 										<button type="submit" class="btn btn-default" onclick="do_card_register(event);">確認綁定</button>

  590. 										<button type="reset" class="btn btn-default">重填</button>

  591. 										</form>

  592. 									</div>

  593. 									<!-- /.col-lg-6 (nested) -->

  594. 								</div>

  595. 								<!-- /.row (nested) -->

  596. 							</div>

  597. 							<!-- /.panel-body -->

  598. 						</div>

  599. 						<!-- /.panel -->

  600. 					</div>

  601. 					<!-- /.col-lg-12 -->

  602.             </div>

  603. 			<?php /* ----- 實體卡記名B (卡片查詢結果顯示, 輸入要綁定的車牌) (END) ----- */ ?> 

  604. 			

  605. 			<?php /* ----- 歐趴卡使用說明  ----- */ ?> 

  606. 			<div data-items="about_allpa" class="row" style="display:none;">            

  607. 					<div class="col-lg-12">

  608. 						<div class="panel panel-default">

  609. 							<div class="panel-heading"><?php /* 資料顯示區灰色小表頭 */ ?>

  610. 								歐Pa卡使用說明

  611. 							</div>

  612. 							<div class="panel-body">

  613. 								<div data-rows class="row">

  614. 									<div class="col-lg-6">

  615. 										<!--div class="col-lg-8 col-lg-offset-2 text-center">

  616. 											<h3 class="section-heading">使用條款、一</h2>

  617. 											<hr class="light">

  618. 											※本卡僅限一卡設定一台車號，車主或持卡人同意於本公司全台停車場停車出場時，自動於歐趴卡扣除停車費。

  619. 										</div>

  620. 										<div class="col-lg-8 col-lg-offset-2 text-center">

  621. 											<h3 class="section-heading">使用條款、二</h2>

  622. 											<hr class="light">

  623. 											※如遇歐趴卡餘額不足時請於出場前進行加值；若無法扣款則需請車主或持卡人自行以其他方式繳付停車費。

  624. 										</div>

  625. 										<div class="col-lg-8 col-lg-offset-2 text-center">

  626. 											<h3 class="section-heading">使用條款、三</h2>

  627. 											<hr class="light">

  628. 											※本卡提供記名服務，若消費者選擇不記名時，使用認卡不認人，若卡片遺失、遭竊、詐取、毀損至系統無法辯識或遭第三人佔領等情事發生，儲值金額等同現金遺失，恕無法提供儲值金額賠償或掛失止付，請消費者妥善保管使用；若完成記名作業，如遇卡片遺失可逕向本公司申請掛失、補發新卡及餘額返還，惟補發新卡費用將酌收50元。

  629. 										</div>

  630. 										<div class="col-lg-8 col-lg-offset-2 text-center">

  631. 											<h3 class="section-heading">使用條款、四</h2>

  632. 											<hr class="light">

  633. 											※退卡作業：如卡片使用後尚有餘額，請逕自將餘額用罄，恕不退還。

  634. 										</div>

  635. 										<div class="col-lg-8 col-lg-offset-2 text-center">

  636. 											<h3 class="section-heading">使用條款、五</h2>

  637. 											<hr class="light">

  638. 											※本卡所收取之金額，已存入發行人於中國信託商業銀行開立之信託專戶，專款專用；所稱專用係指供發行人履行交付商品或提供服務義務使用。本信託受益人為發行人，非本卡持有人，信託期間自開卡日起一年，託存續期間屆滿後，由中國信託商業銀行將信託專戶餘額交由發行人領回。

  639. 										</div-->	

  640. 										<div class="col-lg-8 col-lg-offset-2 text-center">

  641. 											<h3 class="section-heading">說明、一</h2>

  642. 											<hr class="light">

  643. 											※目前停車場付費方式包括在自動繳費機付費、月租繳費以及行動支付，此外，公司也發行歐Pa卡，提供客人另一種付費管道。

  644. 										</div>

  645. 										<div class="col-lg-8 col-lg-offset-2 text-center">

  646. 											<h3 class="section-heading">說明、二</h2>

  647. 											<hr class="light">

  648. 											※客人只須上網登錄車號，當進入停車場時，系統會直接在雲端扣點數，無須搖下車窗，即可透過車牌辨識進場。

  649. 										</div>

  650. 										<div class="col-lg-8 col-lg-offset-2 text-center">

  651. 											<h3 class="section-heading">說明、三</h2>

  652. 											<hr class="light">

  653. 											※出場時，系統也會自動比對餘額與自動扣款。

  654. 										</div>

  655. 										<div class="col-lg-8 col-lg-offset-2 text-center">

  656. 											<h3 class="section-heading">說明、四</h2>

  657. 											<hr class="light">

  658. 											※未來歐Pa卡可透過現金、上網等管道儲值。

  659. 										</div>

  660. 										<div class="col-lg-8 col-lg-offset-2 text-center">

  661. 											<h3 class="section-heading">說明、五</h2>

  662. 											<hr class="light">

  663. 											※目前首先在板車導入，接下來將陸續導入本公司各停車場，未來只要是本公司歐Pa卡客戶，即可方便進出各停車場。

  664. 										</div>

  665. 										<div class="col-lg-8 col-lg-offset-2 text-center">

  666. 											<h3 class="section-heading">謝謝!!</h2>

  667. 											<hr class="light">

  668. 											※若遇卡片使用問題，請參照：<a href="<?=APP_URL?>">官網</a>說明或洽各<p><a href="maps://maps.google.com/maps?daddr=25.0267747,121.5410621&amp;ll=">歐特儀特約停車場站管理室</a>或電洽歐特儀<a href="tel:+886227057716">(02) 2705-7716 </a>將有專人為您服務。

  669. 										</div>

  670. 									</div>

  671. 									<!-- /.col-lg-6 (nested) -->

  672. 								</div>

  673. 								<!-- /.row (nested) -->

  674. 							</div>

  675. 							<!-- /.panel-body -->

  676. 						</div>

  677. 						<!-- /.panel -->

  678. 						

  679. 					</div>

  680. 					<!-- /.col-lg-12 -->

  681.             </div>

  682. 			<?php /* ----- 歐趴卡使用說明 (END) ----- */ ?> 

  683.                      

  684.         </div>

  685.         <!-- /#page-wrapper -->

  686.     </div>

  687.     <!-- /#wrapper -->

  688.     <!-- jQuery -->

  689.     <script src="<?=BOOTSTRAPS?>bower_components/jquery/dist/jquery.min.js"></script>

  690.     <!-- Bootstrap Core JavaScript -->

  691.     <script src="<?=BOOTSTRAPS?>bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

  692.     <!-- Metis Menu Plugin JavaScript -->

  693.     <script src="<?=BOOTSTRAPS?>bower_components/metisMenu/dist/metisMenu.min.js"></script>

  694.     <!-- Morris Charts JavaScript -->

  695.     <script src="<?=BOOTSTRAPS?>bower_components/raphael/raphael-min.js"></script>

  696.     <!--script src="<?=BOOTSTRAPS?>bower_components/morrisjs/morris.min.js"></script-->

  697.     <!--script src="<?=BOOTSTRAPS?>js/morris-data.js"></script-->

  698. 

  699. 

  700. 

  701. 

  702.     <!-- virtual keyboard -->

  703.   	<!--link href="<?=WEB_LIB?>virtual-keyboard/css/jquery-ui.min.css" rel="stylesheet">

  704. 	<link href="<?=WEB_LIB?>virtual-keyboard/css/keyboard.css" rel="stylesheet">

  705.   	<script src="<?=WEB_LIB?>virtual-keyboard/js/jquery-ui.min.js"></script>

  706.   	<script src="<?=WEB_LIB?>virtual-keyboard/js/jquery.keyboard.js"></script>

  707.   	<script src="<?=WEB_LIB?>virtual-keyboard/js/jquery.keyboard.extension-caret.js"></script-->

  708. 

  709. 	<!-- jQuery validate -->

  710. 	<script src="<?=WEB_LIB?>form-validator/jquery.form-validator.min.js"></script>

  711. 	<!-- alertify -->

  712. 	<link href="<?=WEB_LIB?>css/alertify.core.css" rel="stylesheet">

  713. 	<link href="<?=WEB_LIB?>css/alertify.bootstrap.css" rel="stylesheet">

  714. 	<script src="<?=WEB_LIB?>js/alertify.min.js"></script> 

  715. 	<!-- alertify -->

  716. 	<script src="<?=WEB_LIB?>js/moment.min.js"></script> 

  717. 

  718.     <!-- Custom Theme JavaScript -->

  719.     <script src="<?=BOOTSTRAPS?>dist/js/sb-admin-2.js"></script>

  720.     <div id="works" style="display:none;"></div><?php /* 作為浮動顯示區之用 */ ?>

  721. </body>

  722. 

  723. </html>

  724. 

  725. <script>

  726. 

  727. var pinIntervalId = 0; // pin timer

  728. var refreshIntervalId = 0; // payment timer

  729. 

  730. <?php /* alertify function */ ?>

  731. function alertify_log($msg)

  732. {

  733. 	alertify.set({delay : 2000});

  734. 	alertify.log($msg);

  735. }

  736. function alertify_error($msg)

  737. {

  738. 	alertify.set({delay : 2000});

  739. 	alertify.error($msg);

  740. }

  741. 

  742. function alertify_success($msg)

  743. {

  744. 	alertify.set({ labels: {

  745. 		ok     : "確定"

  746. 	} });

  747. 	alertify.alert($msg, function (e){

  748. 		location.reload(); // F5

  749. 	});

  750. }

  751. 

  752. <?php /* 顯示指定項目 */ ?>

  753. function show_item(tags)

  754. {

  755. 	// 查詢

  756. 	$("#user_lpr").val("");

  757. 	// 啟用

  758. 	$("#reload_pin").val("");

  759. 	// 付款

  760. 	$("#payment_lpr").val("");

  761. 	$("#company_no").val("");

  762. 	$("#email").val("");

  763. 	$("#mobile").val("");

  764. 	// 記名

  765. 	$("#card_register_barcode").val("");

  766. 	$("#card_register_lpr").val("");

  767. 	

  768. 	if(tags.indexOf('payment_data') < 0){

  769. 		clearInterval(refreshIntervalId); // 消除倒數計時timer

  770. 		//console.log("clearInterval..");

  771. 	}

  772. 	

  773. 	if(tags.indexOf('allpa_reload') < 0){

  774. 		clearInterval(pinIntervalId); // 消除倒數計時timer

  775. 		//console.log("pinIntervalId..");

  776. 	}

  777. 	

  778. 	$("[data-items]").hide();

  779. 	$("[data-items="+tags+"]").show();

  780.     return false;

  781. }

  782. 

  783. // 判斷回傳資料是否有效

  784. function is_valid_result(result)

  785. {

  786. 	if(result){

  787. 		return true;

  788. 	}else{

  789. 		alertify_error("未知的錯誤..");

  790. 		return false;

  791. 	}

  792. }

  793. 

  794. // 判斷回傳資料是否為json

  795. function is_json_result(result)

  796. {

  797. 	if (/^[\],:{}\s]*$/.test(result.replace(/\\["\\\/bfnrtu]/g, '@').

  798. 		replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']').

  799. 		replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {

  800. 		//the json is ok

  801. 		return true;

  802. 	}else{

  803. 		//the json is not ok

  804. 		alertify_error("查無資料，請鍵入正確資料 (回傳資料有誤)");

  805. 		return false;

  806. 	}

  807. }

  808. 

  809. // 執行卡片記名 step 1

  810. function do_card_register_barcode_input(event)

  811. {

  812. 	event.preventDefault();

  813. 	

  814. 	if(! $("#card_register_barcode_input_form").isValid()) return false;

  815. 

  816. 	var barcode = $("#card_register_barcode").val() == '' ? '0' : $("#card_register_barcode").val();

  817. 		

  818.     $.ajax

  819. 	({

  820. 		url: "<?=APP_URL?>get_barcode_info",

  821. 		type: "post",

  822. 		dataType:"text",

  823. 		data:{

  824. 			"barcode": barcode

  825. 		},

  826. 		success: function(result)

  827. 		{

  828. 			if(!is_valid_result(result)){ return false; }

  829. 			

  830. 			if(!is_json_result(result)){ return false; }

  831. 			

  832. 			var jdata = JSON.parse(result);

  833. 			

  834. 			if(jdata.result_code == "OK")

  835. 			{

  836. 				//console.log(jdata);

  837. 				

  838. 				// 已開卡

  839. 				if(jdata.result){

  840. 					alertify_log("已開卡..");

  841. 					user_allpa_info_handler(jdata);

  842. 					return false;

  843. 				}

  844. 				

  845. 				// 綁定頁

  846. 				$("#card_register_barcode_value").text(jdata.barcode);

  847. 				$("#card_register_balance_value").text(jdata.balance);

  848. 				$("#card_register_card_status_value").text(jdata.card_status);

  849. 				$("#card_register_bonus_value").text(jdata.bonus);

  850. 				show_item("card_register_lpr_input");

  851. 					

  852. 			}else{

  853. 				alertify_error([

  854. 					"查詢失敗..<br/><br/>",

  855. 					"[代碼] : ", jdata.result_code, "<br/>",

  856. 					"[訊息] : ", jdata.result_msg, "<br/>"

  857. 					].join(''));	

  858. 			}

  859. 			

  860. 		},

  861. 		error: function (xhr, ajaxOptions, thrownError) 

  862. 		{

  863. 			alertify_error("發生未知錯誤, 請稍候再試");

  864. 		}

  865. 	})

  866. }

  867. 

  868. // 執行卡片記名 step 2

  869. function do_card_register(event)

  870. {

  871. 	event.preventDefault();

  872. 	

  873. 	if(! $("#card_register_lpr_input_form").isValid()) return false;

  874. 

  875. 	var barcode = $("#card_register_barcode_value").text() == '' ? '0' : $("#card_register_barcode_value").text();

  876. 	var lpr = $("#card_register_lpr").val();

  877. 		

  878.     $.ajax

  879. 	({

  880. 		url: "<?=APP_URL?>card_register",

  881. 		type: "post",

  882. 		dataType:"text",

  883. 		data:{

  884. 			"barcode": barcode,

  885. 			"lpr": lpr

  886. 		},

  887. 		success: function(result)

  888. 		{

  889. 			if(!is_valid_result(result)){ return false; }

  890. 			

  891. 			if(!is_json_result(result)){ return false; }

  892. 			

  893. 			var jdata = JSON.parse(result);

  894. 			

  895. 			if(jdata.result_code == "OK")

  896. 			{

  897. 				alertify_log("卡片記名完成");

  898. 				user_allpa_info_handler(jdata);

  899. 				return false;

  900. 					

  901. 			} else if(jdata.result_code == "-201") // 已註冊的車牌, 詢問點數轉移

  902. 			{

  903. 				console.log("switch?? " + jdata);

  904. 				

  905. 				alertify_log([

  906. 					"車牌已綁卡, 請直接購卡加值..<br/><br/>",

  907. 					"[代碼] : ", jdata.result_code, "<br/>",

  908. 					"[訊息] : ", jdata.result_msg, "<br/>"

  909. 					].join(''));	

  910. 				

  911. 			} else {

  912. 				alertify_error([

  913. 					"卡片記名失敗..<br/><br/>",

  914. 					"[代碼] : ", jdata.result_code, "<br/>",

  915. 					"[訊息] : ", jdata.result_msg, "<br/>"

  916. 					].join(''));	

  917. 			}

  918. 			

  919. 		},

  920. 		error: function (xhr, ajaxOptions, thrownError) 

  921. 		{

  922. 			alertify_error("發生未知錯誤, 請稍候再試");

  923. 		}

  924. 	})

  925. }

  926. 

  927. // 開啟轉帳畫面

  928. function transfer_money_admin(event)

  929. {

  930. 	event.preventDefault();

  931. 	

  932. 	if($("#payment_lpr").val() == '')

  933. 	{

  934. 		alertify_log("請指定要加值的車牌號碼!!");

  935. 		return false;

  936. 	}

  937. 	

  938. 	if(! $("#payment_data").isValid()) return false;

  939. 	

  940. 	if($("#email").val() == '' && $("#mobile").val() == '')

  941. 	{

  942. 		alertify_error("請至少提供一項發票通知方式<br/>1. 電子信箱 <br/>2. 或 手機號碼<br/><br/>謝謝!!");

  943. 		return false;

  944. 	}

  945. 

  946. 	if (! confirm("開始結帳嗎 ?"))	return false;

  947. 	

  948. 	// Create Base64 Object

  949. 	var Base64 = {_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode:function(e){var t="";var n,r,i,s,o,u,a;var f=0;e=Base64._utf8_encode(e);while(f<e.length){n=e.charCodeAt(f++);r=e.charCodeAt(f++);i=e.charCodeAt(f++);s=n>>2;o=(n&3)<<4|r>>4;u=(r&15)<<2|i>>6;a=i&63;if(isNaN(r)){u=a=64}else if(isNaN(i)){a=64}t=t+this._keyStr.charAt(s)+this._keyStr.charAt(o)+this._keyStr.charAt(u)+this._keyStr.charAt(a)}return t},decode:function(e){var t="";var n,r,i;var s,o,u,a;var f=0;e=e.replace(/[^A-Za-z0-9\+\/\=]/g,"");while(f<e.length){s=this._keyStr.indexOf(e.charAt(f++));o=this._keyStr.indexOf(e.charAt(f++));u=this._keyStr.indexOf(e.charAt(f++));a=this._keyStr.indexOf(e.charAt(f++));n=s<<2|o>>4;r=(o&15)<<4|u>>2;i=(u&3)<<6|a;t=t+String.fromCharCode(n);if(u!=64){t=t+String.fromCharCode(r)}if(a!=64){t=t+String.fromCharCode(i)}}t=Base64._utf8_decode(t);return t},_utf8_encode:function(e){e=e.replace(/\r\n/g,"\n");var t="";for(var n=0;n<e.length;n++){var r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r)}else if(r>127&&r<2048){t+=String.fromCharCode(r>>6|192);t+=String.fromCharCode(r&63|128)}else{t+=String.fromCharCode(r>>12|224);t+=String.fromCharCode(r>>6&63|128);t+=String.fromCharCode(r&63|128)}}return t},_utf8_decode:function(e){var t="";var n=0;var r=c1=c2=0;while(n<e.length){r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r);n++}else if(r>191&&r<224){c2=e.charCodeAt(n+1);t+=String.fromCharCode((r&31)<<6|c2&63);n+=2}else{c2=e.charCodeAt(n+1);c3=e.charCodeAt(n+2);t+=String.fromCharCode((r&15)<<12|(c2&63)<<6|c3&63);n+=3}}return t}}

  950. 

  951. 	var lpr = $("#payment_lpr").val() == '' ? 'UNKNOWN' : $("#payment_lpr").val();

  952. 	var order_no = $("#show_order_no").text() == '' ? '0' : $("#show_order_no").text();

  953.     var invoice_receiver = $("#invoice_receiver").val() == '' ? '0' : $("#invoice_receiver").val();

  954. 	var company_no = $("#company_no").val() == '' ? '0' : $("#company_no").val();

  955. 	var email = $("#email").val() == '' ? '0' : Base64.encode($("#email").val()).slice(0, -1); // remove base64 '=' for URI rule

  956. 	var mobile = $("#mobile").val() == '' ? '0' : $("#mobile").val();

  957. 		

  958.     webatm = window.open(

  959. 		["<?=APP_URL?>transfer_money_admin/", 

  960. 			lpr, "/", 

  961. 			order_no, "/", 

  962. 			encodeURI(invoice_receiver), "/", 

  963. 			encodeURI(company_no), "/", 

  964. 			email, "/",

  965. 			mobile, "/"

  966. 			].join('')

  967. 		, "_self");

  968. }

  969. 

  970. // 執行 PIN 儲值

  971. function do_allpa_reload(event)

  972. {

  973. 	event.preventDefault();

  974. 	

  975. 	if(! $("#allpa_reload_data").isValid()) return false;

  976. 

  977. 	var pin_check_id = $("#reload_pin_check_id").text() == '' ? '0' : $("#reload_pin_check_id").text();

  978. 	var order_no = $("#reload_order_no").text() == '' ? '0' : $("#reload_order_no").text();

  979.     var reload_pin = $("#reload_pin").val() == '' ? '0' : $("#reload_pin").val();

  980. 		

  981.     $.ajax

  982. 	({

  983. 		url: "<?=APP_URL?>allpa_reload",

  984. 		type: "post",

  985. 		dataType:"text",

  986. 		data:{

  987. 			"pin_check_id": pin_check_id,

  988. 			"order_no": order_no,

  989. 			"reload_pin": reload_pin

  990. 		},

  991. 		success: function(result)

  992. 		{

  993. 			if(!is_valid_result(result)){ return false; }

  994. 			

  995. 			if(!is_json_result(result)){ return false; }

  996. 			

  997. 			var jdata = JSON.parse(result);

  998. 			

  999. 			if(jdata.result_code == "OK")

  1000. 			{

  1001. 				alertify_log([

  1002. 					"PIN 儲值成功..<br/><br/>",

  1003. 					"[代碼] : ", jdata.result_code, "<br/>",

  1004. 					"[訊息] : ", jdata.result_msg, "<br/>"

  1005. 					].join(''));

  1006. 				

  1007. 				user_allpa_info_handler(jdata);

  1008. 					

  1009. 			}else{

  1010. 				alertify_error([

  1011. 					"PIN 儲值失敗..<br/><br/>",

  1012. 					"[代碼] : ", jdata.result_code, "<br/>",

  1013. 					"[訊息] : ", jdata.result_msg, "<br/>"

  1014. 					].join(''));	

  1015. 			}

  1016. 			

  1017. 		},

  1018. 		error: function (xhr, ajaxOptions, thrownError) 

  1019. 		{

  1020. 			alertify_error("發生未知錯誤, 請稍候再試");

  1021. 		}

  1022. 	})

  1023. }

  1024. 

  1025. // 啟用卡片

  1026. function do_activate(order_no)

  1027. {

  1028. 	$.ajax

  1029. 	({

  1030. 		url: "<?=APP_URL?>activate_bill",

  1031. 		type: "post",

  1032. 		dataType:"text",

  1033. 		data:{

  1034. 			"order_no": order_no

  1035. 		},

  1036. 		success: function(result)

  1037. 		{

  1038. 			if(!is_valid_result(result)){ return false; }

  1039. 			

  1040. 			if(!is_json_result(result)){ return false; }

  1041. 			

  1042. 			var jdata = JSON.parse(result);

  1043. 			

  1044. 			if(jdata.result_code == "OK")

  1045. 			{

  1046. 				//console.log(jdata);

  1047. 				

  1048. 				// 新開卡

  1049. 				if(!jdata.encoded_pic){

  1050. 					user_allpa_info_handler(jdata);

  1051. 					return false;

  1052. 				}

  1053. 				

  1054. 				

  1055. 				// variables for time units

  1056. 				var days, hours, minutes, seconds = 0;

  1057. 				 

  1058. 				// get tag element

  1059. 				var countdown = $("#show_pin_valid_time_countdown");

  1060. 				countdown.val("");

  1061. 				

  1062. 				//var countdown_offset_ms = 60*5*1000; // 比資料庫早5分鐘timeout

  1063. 				var duration = moment.duration({minutes: 0}); // 比資料庫早5分鐘timeout

  1064. 				

  1065. 				// set the date we're counting down to

  1066. 				var target_date = moment(jdata.valid_before).subtract(duration);

  1067. 				//var target_date = new Date(jdata.balance_time_limit).getTime();

  1068. 				

  1069. 				pinIntervalId = setInterval(function () {

  1070. 				    // find the amount of "seconds" between now and target

  1071. 					var seconds_left = target_date.diff(moment(), 'seconds');

  1072. 					

  1073. 					//console.log(seconds_left);

  1074. 					

  1075. 					//var current_date = new Date().getTime();

  1076. 				    //var seconds_left = (target_date - current_date - countdown_offset_ms) / 1000;

  1077. 				

  1078. 					if(seconds_left <= 0){

  1079. 						clearInterval(pinIntervalId);

  1080. 						// reload page

  1081. 						show_item('check_user');

  1082. 					}

  1083. 				 

  1084. 				    // do some time calculations

  1085. 				    days = parseInt(seconds_left / 86400);

  1086. 				    seconds_left = seconds_left % 86400;

  1087. 				     

  1088. 				    hours = parseInt(seconds_left / 3600);

  1089. 				    seconds_left = seconds_left % 3600;

  1090. 				     

  1091. 				    minutes = parseInt(seconds_left / 60);

  1092. 				    seconds = parseInt(seconds_left % 60);

  1093. 

  1094. 					if(minutes < 10){

  1095. 						minutes = '0' + minutes;

  1096. 					}

  1097. 					if(seconds < 10){

  1098. 						seconds = '0' + seconds;

  1099. 					}

  1100. 				    // format countdown string + set tag value

  1101. 					countdown.text(['還剩 ', minutes, ' : ', seconds, ' 有效'].join(''));

  1102. 				}, 1000);

  1103. 				

  1104. 				$("#show_reload_lpr").text(jdata.lpr);

  1105. 				$("#show_reload_barcode").text(jdata.barcode);

  1106. 				$("#show_reload_amount_before").text([jdata.amount_before, ' 元'].join(''));

  1107. 				$("#show_reload_amt").text([jdata.amt, ' 元'].join(''));

  1108. 				$("#show_reload_amount_next").text([jdata.amount_before, ' 元', " + ", jdata.amt, ' 元'].join(''));

  1109. 				$("#show_pin_pic").html('<img src="data:image/gif;base64,' +jdata.encoded_pic+ '" />');

  1110. 				

  1111. 				// hidden

  1112. 				$("#reload_pin_check_id").text(jdata.pin_check_id);

  1113. 				$("#reload_order_no").text(jdata.order_no);

  1114. 				

  1115. 				show_item("allpa_reload");

  1116. 					

  1117. 			}else{

  1118. 				alertify_error([

  1119. 					"啟用失敗..<br/><br/>",

  1120. 					"[代碼] : ", jdata.result_code, "<br/>",

  1121. 					"[訊息] : ", jdata.result_msg, "<br/>"

  1122. 					].join(''));	

  1123. 			}

  1124. 			

  1125. 		},

  1126. 		error: function (xhr, ajaxOptions, thrownError) 

  1127. 		{

  1128. 			alertify_error("發生未知錯誤, 請稍候再試");

  1129. 		}

  1130. 	})

  1131. }

  1132. 

  1133. // 購買卡片

  1134. function do_purchase(product_id)

  1135. {

  1136. 	$.ajax

  1137. 	({

  1138. 		url: "<?=APP_URL?>purchase_admin_products",

  1139. 		type: "post",

  1140. 		dataType:"text",

  1141. 		data:{

  1142. 			"product_id": product_id

  1143. 		},

  1144. 		success: function(result)

  1145. 		{

  1146. 			if(!is_valid_result(result)){ return false; }

  1147. 			

  1148. 			if(!is_json_result(result)){ return false; }

  1149. 			

  1150. 			var jdata = JSON.parse(result);

  1151. 			

  1152. 			if(jdata.result_code == "OK")

  1153. 			{

  1154. 				//console.log(jdata);

  1155. 				

  1156. 				// variables for time units

  1157. 				var days, hours, minutes, seconds = 0;

  1158. 				 

  1159. 				// get tag element

  1160. 				var countdown = $("#show_valid_time_countdown");

  1161. 				countdown.val("");

  1162. 				

  1163. 				//var countdown_offset_ms = 60*5*1000; // 比資料庫早5分鐘timeout

  1164. 				var duration = moment.duration({minutes: 5}); // 比資料庫早5分鐘timeout

  1165. 				

  1166. 				// set the date we're counting down to

  1167. 				var target_date = moment(jdata.valid_time).subtract(duration);

  1168. 				//var target_date = new Date(jdata.balance_time_limit).getTime();

  1169. 				

  1170. 				refreshIntervalId = setInterval(function () {

  1171. 				    // find the amount of "seconds" between now and target

  1172. 					var seconds_left = target_date.diff(moment(), 'seconds');

  1173. 					

  1174. 					//console.log(seconds_left);

  1175. 					

  1176. 					//var current_date = new Date().getTime();

  1177. 				    //var seconds_left = (target_date - current_date - countdown_offset_ms) / 1000;

  1178. 				

  1179. 					if(seconds_left <= 0){

  1180. 						clearInterval(refreshIntervalId);

  1181. 						// reload page

  1182. 						show_item('allpa_products');

  1183. 					}

  1184. 				 

  1185. 				    // do some time calculations

  1186. 				    days = parseInt(seconds_left / 86400);

  1187. 				    seconds_left = seconds_left % 86400;

  1188. 				     

  1189. 				    hours = parseInt(seconds_left / 3600);

  1190. 				    seconds_left = seconds_left % 3600;

  1191. 				     

  1192. 				    minutes = parseInt(seconds_left / 60);

  1193. 				    seconds = parseInt(seconds_left % 60);

  1194. 

  1195. 					if(minutes < 10){

  1196. 						minutes = '0' + minutes;

  1197. 					}

  1198. 					if(seconds < 10){

  1199. 						seconds = '0' + seconds;

  1200. 					}

  1201. 				    // format countdown string + set tag value

  1202. 					countdown.text(['還剩 ', minutes, ' : ', seconds, ' 有效'].join(''));

  1203. 				}, 1000);

  1204. 				

  1205. 				$("#show_product_name").text(jdata.product_name);

  1206. 				$("#show_product_desc").text(jdata.product_desc);

  1207. 				$("#show_remarks").text(jdata.remarks);

  1208. 				$("#show_amt").text([jdata.amt, ' 元'].join(''));

  1209. 				$("#show_order_no").text(jdata.order_no);

  1210. 				

  1211. 				show_item("payment_data");

  1212. 					

  1213. 			}else{

  1214. 				alertify_error([

  1215. 					"購買失敗..<br/><br/>",

  1216. 					"[代碼] : ", jdata.result_code, "<br/>",

  1217. 					"[訊息] : ", jdata.result_msg, "<br/>"

  1218. 					].join(''));	

  1219. 			}

  1220. 			

  1221. 		},

  1222. 		error: function (xhr, ajaxOptions, thrownError) 

  1223. 		{

  1224. 			alertify_error("發生未知錯誤, 請稍候再試");

  1225. 		}

  1226. 	})

  1227. }

  1228. 

  1229. // 管理員加值清單

  1230. function get_allpa_admin_products(event)

  1231. {

  1232. 	event.preventDefault();

  1233. 	

  1234. 	$.ajax

  1235. 	({

  1236. 		url: "<?=APP_URL?>get_allpa_admin_products",

  1237. 		type: "post",

  1238. 		dataType:"text",

  1239. 		success: function(result)

  1240. 		{

  1241. 			if(!is_valid_result(result)){ return false; }

  1242. 			

  1243. 			if(!is_json_result(result)){ return false; }

  1244. 			

  1245. 			var jdata = JSON.parse(result);

  1246. 			

  1247. 			// 清空

  1248. 			$("#product_data_tbody").html("");

  1249. 			

  1250. 			if(jdata.length > 0){

  1251. 				for(key in jdata) {

  1252. 					var result = jdata[key];

  1253. 					$("#product_list>[data-tag=p_name]").text(result['product_name']);

  1254. 					$("#product_list>[data-tag=p_desc]").html(result['product_desc']);

  1255. 					$("#product_list>[data-tag=p_function]").html("<pre type='button' class='btn btn-default' onclick='do_purchase("+result['product_id']+")'> 購 買 </pre>");

  1256. 					$("<tr data-day='day'>"+$("#product_list").html()+"</tr>").appendTo("#product_data_tbody"); 

  1257. 				}

  1258. 			}else{

  1259. 				$("#product_list>[data-tag=p_name]").text("暫不提供, 敬請期待..");

  1260. 				$("#product_list>[data-tag=p_desc]").html("");

  1261. 				$("#product_list>[data-tag=p_function]").html("");

  1262. 				$("<tr data-day='day'>"+$("#product_list").html()+"</tr>").appendTo("#product_data_tbody");

  1263. 				

  1264. 			}

  1265. 

  1266. 			show_item('allpa_admin_products');

  1267. 		},

  1268. 		error: function (xhr, ajaxOptions, thrownError) 

  1269. 		{

  1270. 			alertify_error("發生未知錯誤, 請稍候再試");

  1271. 		}

  1272. 	})

  1273. }

  1274. 

  1275. // 查詢用戶

  1276. function do_check_user(event)

  1277. {

  1278. 	event.preventDefault();

  1279. 

  1280. 	if ($("#user_lpr").val() == "")

  1281.     {

  1282. 		alertify_error("請填寫車號");

  1283.        	return false;

  1284.     }

  1285. 	

  1286. 	if(! $("#check_user_form").isValid()) return false;

  1287. 	

  1288. 	$.ajax

  1289. 	({

  1290. 		url: "<?=APP_URL?>get_allpa_info",

  1291. 		type: "post",

  1292. 		dataType:"text",

  1293. 		data:{

  1294. 			"user_lpr": $("#user_lpr").val()

  1295. 		},

  1296. 		success: function(result)

  1297. 		{

  1298. 			if(!is_valid_result(result)){ return false; }

  1299. 			

  1300. 			if(!is_json_result(result)){ return false; }

  1301. 			

  1302. 			var jdata = JSON.parse(result);

  1303. 			

  1304. 			if(jdata.result_code == "OK")

  1305. 			{

  1306. 				user_allpa_info_handler(jdata);

  1307. 					

  1308. 			}else{

  1309. 				alertify_error([

  1310. 					"查無資料..<br/><br/>",

  1311. 					"[代碼] : ", jdata.result_code, "<br/>",

  1312. 					"[訊息] : ", jdata.result_msg, "<br/>"

  1313. 					].join(''));	

  1314. 			}

  1315. 			

  1316. 		},

  1317. 		error: function (xhr, ajaxOptions, thrownError) 

  1318. 		{

  1319. 			alertify_error("發生未知錯誤, 請稍候再試");

  1320. 		}

  1321. 	})

  1322. }

  1323. 

  1324. // 歐Pa卡 - 繳費

  1325. function do_allpa_pay_bill(order_no)

  1326. {	

  1327. 	$.ajax

  1328. 	({

  1329. 		url: "<?=APP_URL?>allpa_pay_bill",

  1330. 		type: "post",

  1331. 		dataType:"text",

  1332. 		data:{

  1333. 			"order_no": order_no

  1334. 		},

  1335. 		success: function(result)

  1336. 		{

  1337. 			if(!is_valid_result(result)){ return false; }

  1338. 			

  1339. 			if(!is_json_result(result)){ return false; }

  1340. 			

  1341. 			var jdata = JSON.parse(result);

  1342. 			

  1343. 			if(jdata.result_code == "OK")

  1344. 			{

  1345. 				user_allpa_info_handler(jdata);

  1346. 					

  1347. 			}else{

  1348. 				alertify_error([

  1349. 					"處理失敗..<br/><br/>",

  1350. 					"[代碼] : ", jdata.result_code, "<br/>",

  1351. 					"[訊息] : ", jdata.result_msg, "<br/>"

  1352. 					].join(''));	

  1353. 			}

  1354. 			

  1355. 		},

  1356. 		error: function (xhr, ajaxOptions, thrownError) 

  1357. 		{

  1358. 			alertify_error("發生未知錯誤, 請稍候再試");

  1359. 		}

  1360. 	})

  1361. }

  1362. 

  1363. // user_allpa_info, 頁面回傳流程

  1364. function user_allpa_info_handler(jdata)

  1365. {

  1366. 	//console.log(jdata.result);

  1367. 	

  1368. 	var allpa_current = jdata.result.allpa_current;

  1369. 	var allpa_invalid = jdata.result.allpa_invalid;

  1370. 	var allpa_other = jdata.result.allpa_other;

  1371. 	

  1372. 	var bill_ready = jdata.result.bill_ready;

  1373. 	var bill_finished = jdata.result.bill_finished;

  1374. 	

  1375. 	var allpa_user_bill_finished = jdata.result.allpa_user_bill_finished;

  1376. 	var allpa_user_bill_gg = jdata.result.allpa_user_bill_gg;

  1377. 	var allpa_user_bill_debt = jdata.result.allpa_user_bill_debt;

  1378. 	

  1379. 	//console.log("allpa_current: " + allpa_current);

  1380. 	//console.log("allpa_other: " + allpa_other);

  1381. 	//console.log("bill_ready: " + bill_ready);

  1382. 	//console.log("bill_finished: " + bill_finished);

  1383. 	

  1384. 	// 目前卡片資訊

  1385. 	if(allpa_current){

  1386. 		$("#show_info_lpr").text(allpa_current.lpr);

  1387. 		$("#show_info_barcode").text(allpa_current.barcode);

  1388. 		$("#show_info_balance").text(allpa_current.balance);

  1389. 		$("#show_info_bonus").text(allpa_current.bonus);	

  1390. 		$("#user_current_allpa_info").show();

  1391. 	}else{

  1392. 		$("#user_current_allpa_info").hide();

  1393. 	}

  1394. 	

  1395. 	// 無效的卡片資訊

  1396. 	if(allpa_invalid){

  1397. 		$("#show_invalid_card_status").text(allpa_invalid.card_status);

  1398. 		$("#show_invalid_lpr").text(allpa_invalid.lpr);

  1399. 		$("#show_invalid_barcode").text(allpa_invalid.barcode);

  1400. 		$("#show_invalid_balance").text(allpa_invalid.balance);

  1401. 		$("#show_invalid_bonus").text(allpa_invalid.bonus);

  1402. 		$("#user_invalid_allpa_info").show();

  1403. 	}else{

  1404. 		$("#user_invalid_allpa_info").hide();

  1405. 	}

  1406. 	

  1407. 	// 卡片使用資訊

  1408. 	if(allpa_user_bill_finished || allpa_user_bill_gg || allpa_user_bill_debt){

  1409. 		$("#allpa_user_bill_data_tbody").html("");

  1410. 		

  1411. 		for(key in allpa_user_bill_debt) {

  1412. 			var result = allpa_user_bill_debt[key];

  1413. 			var b_name = "尚未付款";

  1414. 			var b_desc = ['*時段 ', result['in_time'], '<br/>至 ', result['balance_time']].join('');

  1415. 			var b_amt = [result['amt'], ' 元'].join('');

  1416. 			$("#allpa_user_bill_list>[data-tag=b_name]").text(b_name);

  1417. 			$("#allpa_user_bill_list>[data-tag=b_desc]").html(b_desc);

  1418. 			$("#allpa_user_bill_list>[data-tag=b_amt]").text(b_amt);

  1419. 			$("#allpa_user_bill_list>[data-tag=b_function]").html("<pre type='button' class='btn btn-default' onclick='do_allpa_pay_bill("+result['order_no']+")'>繳 費</pre>");

  1420. 			$("<tr data-day='day' style='color: blue;'>"+$("#allpa_user_bill_list").html()+"</tr>").appendTo("#allpa_user_bill_data_tbody"); 

  1421. 		}

  1422. 		

  1423. 		for(key in allpa_user_bill_gg) {

  1424. 			var result = allpa_user_bill_gg[key];

  1425. 			var b_name = "系統錯誤";

  1426. 			var b_desc = ['*時段 ', result['in_time'], '<br/>至 ', result['balance_time']].join('');

  1427. 			var b_amt = [result['amt'], ' 元'].join('');

  1428. 			$("#allpa_user_bill_list>[data-tag=b_name]").text(b_name);

  1429. 			$("#allpa_user_bill_list>[data-tag=b_desc]").html(b_desc);

  1430. 			$("#allpa_user_bill_list>[data-tag=b_amt]").text(b_amt);

  1431. 			$("#allpa_user_bill_list>[data-tag=b_function]").html("請通知管理員");

  1432. 			$("<tr data-day='day' style='color: red;'>"+$("#allpa_user_bill_list").html()+"</tr>").appendTo("#allpa_user_bill_data_tbody"); 

  1433. 		}

  1434. 		

  1435. 		for(key in allpa_user_bill_finished) {

  1436. 			var result = allpa_user_bill_finished[key];

  1437. 			var b_name = "結帳完成";

  1438. 			var b_desc = ['*時段 ', result['in_time'], '<br/>至 ', result['balance_time']].join('');

  1439. 			var b_amt = [result['amt'], ' 元'].join('');

  1440. 			$("#allpa_user_bill_list>[data-tag=b_name]").text(b_name);

  1441. 			$("#allpa_user_bill_list>[data-tag=b_desc]").html(b_desc);

  1442. 			$("#allpa_user_bill_list>[data-tag=b_amt]").text(b_amt);

  1443. 			$("#allpa_user_bill_list>[data-tag=b_function]").html("已完成");

  1444. 			$("<tr data-day='day'>"+$("#allpa_user_bill_list").html()+"</tr>").appendTo("#allpa_user_bill_data_tbody"); 

  1445. 		}

  1446. 		

  1447. 		$("#allpa_user_bill_info").show();

  1448. 	}else{

  1449. 		$("#allpa_user_bill_info").hide();

  1450. 	}

  1451. 	

  1452. 	// 卡片購買資訊

  1453. 	if(bill_ready || bill_finished){

  1454. 		$("#bill_data_tbody").html("");

  1455. 		

  1456. 		for(key in bill_ready) {

  1457. 			var result = bill_ready[key];

  1458. 			$("#bill_list>[data-tag=b_name]").text(result['product_name']);

  1459. 			$("#bill_list>[data-tag=b_desc]").html(result['product_desc']);

  1460. 			$("#bill_list>[data-tag=b_function]").html("<pre type='button' class='btn btn-default' onclick='do_activate("+result['order_no']+")'>啟 用</pre>");

  1461. 			$("<tr data-day='day'>"+$("#bill_list").html()+"</tr>").appendTo("#bill_data_tbody"); 

  1462. 		}

  1463. 		

  1464. 		for(key in bill_finished) {

  1465. 			var result = bill_finished[key];

  1466. 			$("#bill_list>[data-tag=b_name]").text(result['product_name']);

  1467. 			$("#bill_list>[data-tag=b_desc]").html(result['product_desc']);

  1468. 			$("#bill_list>[data-tag=b_function]").html("已啟用");

  1469. 			$("<tr data-day='day'>"+$("#bill_list").html()+"</tr>").appendTo("#bill_data_tbody"); 

  1470. 		}

  1471. 		

  1472. 		$("#user_bill_info").show();

  1473. 	}else{

  1474. 		$("#user_bill_info").hide();

  1475. 	}

  1476. 	

  1477. 	show_item('user_allpa_info');

  1478. }

  1479. 

  1480. // 執行卡號綁定

  1481. /*

  1482. function do_register(event)

  1483. {

  1484. 	event.preventDefault();

  1485. 

  1486. 	if ($("#register_lpr").val() == "")

  1487.     {

  1488. 		alertify_error("請填寫車號");

  1489.        	return false;

  1490.     }

  1491. 	

  1492. 	if ($("#register_barcode").val() == "")

  1493.     {

  1494. 		alertify_error("請填寫卡號");

  1495.        	return false;

  1496.     }

  1497. 	

  1498. 	if(! $("#register_form").isValid()) return false;

  1499. 

  1500. 	$.ajax

  1501. 	({

  1502. 		url: "<?=APP_URL?>register",

  1503. 		type: "post",

  1504. 		dataType:"text",

  1505. 		data:{

  1506. 			"register_lpr": $("#register_lpr").val(),

  1507. 			"register_barcode": $("#register_barcode").val()

  1508. 		},

  1509. 		success: function(result)

  1510. 		{

  1511. 			if(!is_valid_result(result)){ return false; }

  1512. 			

  1513. 			if(!is_json_result(result)){ return false; }

  1514. 			

  1515. 			var jdata = JSON.parse(result);

  1516. 			

  1517. 			if(jdata.result_code == "OK")

  1518. 			{

  1519. 				alertify_success([

  1520. 					jdata.result_msg, "<br/><br/>",

  1521. 					"[歐Pa卡, 記名處理完成]", "<br/>",

  1522. 					"* 車牌號碼 : ", jdata.register_lpr, "<br/>",

  1523. 					"* 卡片號碼 : ", jdata.register_barcode, "<br/>"

  1524. 					].join(''));

  1525. 					

  1526. 			}else{

  1527. 				alertify_error([

  1528. 					"綁定失敗..<br/><br/>",

  1529. 					"[代碼] : ", jdata.result_code, "<br/>",

  1530. 					"[訊息] : ", jdata.result_msg, "<br/>"

  1531. 					].join(''));	

  1532. 			}

  1533. 			

  1534. 		},

  1535. 		error: function (xhr, ajaxOptions, thrownError) 

  1536. 		{

  1537. 			alertify_error("發生未知錯誤, 請稍候再試");

  1538. 		}

  1539. 	})

  1540. }

  1541. */

  1542. 

  1543. <?php /* 登出 */ ?>

  1544. function logout(event)

  1545. {

  1546. 	event.preventDefault();

  1547. 	$.ajax

  1548.         ({

  1549.         	url: "<?=APP_URL?>user_logout",

  1550.             success: function(jdata)

  1551.             {

  1552. 				window.location = "<?=APP_URL?>admin";

  1553.             }

  1554. 	}); 

  1555. }

  1556. 

  1557. 

  1558. $(document).ready(function()

  1559. {

  1560. 	<?php /* validate  設定start */ ?>

  1561. 	$.validate(

  1562. 		{

  1563. 			modules : 'security',

  1564. 		}

  1565. 	);

  1566. 	<?php /* validate  設定end */ ?>

  1567. 	

  1568. 	

  1569. 	

  1570. 	// 如果畫面沒動作, 自動更新頁面

  1571. 	var reloadTimeMillis = 600000;		// 每 10 min 自動重新載入頁面

  1572. 	var checkReloadTimeMillis = 10000;	// 每 10 sec 判斷一次

  1573. 	// 如果畫面沒動作, 每10分鐘自動重新載入頁面

  1574. 	var aliveTime = moment();

  1575. 	$(document.body).bind("mousemove keypress", function(e) {

  1576. 		aliveTime = moment();

  1577. 	});

  1578. 	function refresh() {

  1579. 		if(moment() - aliveTime >= reloadTimeMillis) 

  1580. 			window.location.reload(true);

  1581. 		else 

  1582. 			setTimeout(refresh, checkReloadTimeMillis);

  1583. 	}

  1584. 	setTimeout(refresh, checkReloadTimeMillis);

  1585. 	

  1586. });

  1587. </script>