LeeWeiCheng
/
altob.st123
1
0
Разклонения 0
Код Задачи 0 Заявки за сливане 0 Версии 0 Уики 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 Ревизии
5 Клонове
790KB
ИН на ревизия: 3bbc85e280
Клонове Маркери
${ item.name }
Create branch ${ searchTerm }
от '3bbc85e280'
${ noResults }
altob.st123/views/parkingquery/floor_map.php

437 lines
19KB
Директен файл Blame История 

  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?>)</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.     <script src="<?=WEB_LIB?>js/mqttws.min.js"></script>

  24. </head>

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

  26.     <div id="wrapper">

  27.         <!-- Navigation -->

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

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

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

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

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

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

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

  35.                 </button>

  36.                 <a class="navbar-brand" href="#">警急求救地圖  (<?=STATION_NAME?>)</a>

  37.             </div>

  38. 

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

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

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

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

  43.                         <li>

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

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

  46. 								<li>

  47.                                     <a href="#" onclick="show_item('homepage');">首頁</a>

  48.                                 </li>

  49.                                 <li>

  50.                                     <a href="#" onclick="show_item('B1');">B1 樓層</a>

  51.                                 </li>

  52. 								<li>

  53.                                     <a href="#" onclick="show_item('F1');">F1 樓層</a>

  54.                                 </li>

  55. 								<li>

  56.                                     <a href="#" onclick="show_item('F2');">F2 樓層</a>

  57.                                 </li>

  58. 								<li>

  59.                                     <a href="#" onclick="show_item('F3');">F3 樓層</a>

  60.                                 </li>

  61. 								<li>

  62.                                     <a href="#" onclick="show_item('F4');">F4 樓層</a>

  63.                                 </li>

  64. 								<li>

  65.                                     <a href="#" onclick="show_item('F5');">F5 樓層</a>

  66.                                 </li>

  67. 								<li>

  68.                                     <a href="#" onclick="show_item('F6');">F6 樓層</a>

  69.                                 </li>

  70. 								<li>

  71.                                     <a href="#" onclick="show_item('F7');">F7 樓層</a>

  72.                                 </li>

  73. 								<li>

  74.                                     <a href="#" onclick="AltobObject.SosMap.stopAlertSound();">[ 解除警報聲 ]</a>

  75.                                 </li>

  76. 								<li>

  77.                                     <a href="#" onclick="AltobObject.SosMap.cleanMapSOS();">[ 清除位置標示 ]</a>

  78.                                 </li>

  79. 								<!--li>

  80.                                     <a href="#" onclick="test();">test</a>

  81.                                 </li-->

  82.                             </ul>

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

  84.                         </li>

  85.                     </ul>

  86.                 </div>

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

  88.             </div>

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

  90.         </nav>

  91.         <div id="page-wrapper"><?php /* 主要資料顯示區 */ ?>

  92.             <div class="row">

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

  94.                     <h1 class="page-header">警急求救地圖  (<?=STATION_NAME?>)</h1><?php /* 右側小表頭 */ ?>

  95.                 </div>

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

  97.             </div>

  98.             <!-- /.row -->

  99.             <?php /* ----- 首頁 ----- */ ?>

  100.             <div data-items="homepage" class="row">

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

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

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

  104.                             首頁

  105.                         </div>

  106.                         <!-- /.panel-heading -->

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

  108.                             <div class="dataTable_wrapper">

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

  110.                                         <tr>

  111.                                             <td style="text-align:center;"><input type="button" value="B1 樓層" onclick="show_item('B1');" /></td>

  112.                                         </tr>

  113. 										<tr>

  114.                                             <td style="text-align:center;"><input type="button" value="F1 樓層" onclick="show_item('F1');" /></td>

  115.                                         </tr>

  116. 										<tr>

  117.                                             <td style="text-align:center;"><input type="button" value="F2 樓層" onclick="show_item('F2');" /></td>

  118.                                         </tr>

  119. 										<tr>

  120.                                             <td style="text-align:center;"><input type="button" value="F3 樓層" onclick="show_item('F3');" /></td>

  121.                                         </tr>

  122. 										<tr>

  123.                                             <td style="text-align:center;"><input type="button" value="F4 樓層" onclick="show_item('F4');" /></td>

  124.                                         </tr>

  125. 										<tr>

  126.                                             <td style="text-align:center;"><input type="button" value="F5 樓層" onclick="show_item('F5');" /></td>

  127.                                         </tr>

  128. 										<tr>

  129.                                             <td style="text-align:center;"><input type="button" value="F6 樓層" onclick="show_item('F6');" /></td>

  130.                                         </tr>

  131. 										<tr>

  132.                                             <td style="text-align:center;"><input type="button" value="F7 樓層" onclick="show_item('F7');" /></td>

  133.                                         </tr>

  134.                                 </table>

  135.                             </div><?php /* ----- end of dataTable_wrapper ----- */?>

  136.                         </div><?php /* ----- end of panel-body ----- */?>

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

  138.                     </div>

  139.                     <!-- /.panel -->

  140.                 </div>

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

  142.             </div>

  143.             <?php /* ----- 首頁(結束) ----- */ ?>

  144. 			

  145. 			<?php /* ----- B1 樓層 ----- */ ?>

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

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

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

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

  150. 							<span>B1 樓層 - 操作：</span>

  151. 							<button id="zoom0b1canvas">還原</button>

  152. 							<button id="zoomInb1canvas">放大</button>

  153. 							<button id="zoomOutb1canvas">縮小</button>

  154.                         </div>

  155.                         <!-- /.panel-heading -->

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

  157.                             <canvas id="b1canvas"></canvas>

  158.                         </div><?php /* ----- end of panel-body ----- */?>

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

  160.                     </div>

  161.                     <!-- /.panel -->

  162.                 </div>

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

  164.             </div>

  165.             <?php /* ----- B1 樓層(結束) ----- */ ?>

  166. 			

  167. 			<?php /* ----- F1 樓層 ----- */ ?>

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

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

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

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

  172. 							<span>F1 樓層 - 操作：</span>

  173. 							<button id="zoom0f1canvas">還原</button>

  174. 							<button id="zoomInf1canvas">放大</button>

  175. 							<button id="zoomOutf1canvas">縮小</button>

  176.                         </div>

  177.                         <!-- /.panel-heading -->

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

  179.                             <canvas id="f1canvas"></canvas>

  180.                         </div><?php /* ----- end of panel-body ----- */?>

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

  182.                     </div>

  183.                     <!-- /.panel -->

  184.                 </div>

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

  186.             </div>

  187.             <?php /* ----- F1 樓層(結束) ----- */ ?>

  188. 			

  189. 			<?php /* ----- F2 樓層 ----- */ ?>

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

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

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

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

  194. 							<span>F2 樓層 - 操作：</span>

  195. 							<button id="zoom0f2canvas">還原</button>

  196. 							<button id="zoomInf2canvas">放大</button>

  197. 							<button id="zoomOutf2canvas">縮小</button>

  198.                         </div>

  199.                         <!-- /.panel-heading -->

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

  201.                             <canvas id="f2canvas"></canvas>

  202.                         </div><?php /* ----- end of panel-body ----- */?>

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

  204.                     </div>

  205.                     <!-- /.panel -->

  206.                 </div>

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

  208.             </div>

  209.             <?php /* ----- F2 樓層(結束) ----- */ ?>

  210. 

  211. 			<?php /* ----- F3 樓層 ----- */ ?>

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

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

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

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

  216. 							<span>F3 樓層 - 操作：</span>

  217. 							<button id="zoom0f3canvas">還原</button>

  218. 							<button id="zoomInf3canvas">放大</button>

  219. 							<button id="zoomOutf3canvas">縮小</button>

  220.                         </div>

  221.                         <!-- /.panel-heading -->

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

  223.                             <canvas id="f3canvas"></canvas>

  224.                         </div><?php /* ----- end of panel-body ----- */?>

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

  226.                     </div>

  227.                     <!-- /.panel -->

  228.                 </div>

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

  230.             </div>

  231.             <?php /* ----- F3 樓層(結束) ----- */ ?>

  232. 			

  233. 			<?php /* ----- F4 樓層 ----- */ ?>

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

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

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

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

  238. 							<span>F4 樓層 - 操作：</span>

  239. 							<button id="zoom0f4canvas">還原</button>

  240. 							<button id="zoomInf4canvas">放大</button>

  241. 							<button id="zoomOutf4canvas">縮小</button>

  242.                         </div>

  243.                         <!-- /.panel-heading -->

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

  245.                             <canvas id="f4canvas"></canvas>

  246.                         </div><?php /* ----- end of panel-body ----- */?>

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

  248.                     </div>

  249.                     <!-- /.panel -->

  250.                 </div>

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

  252.             </div>

  253.             <?php /* ----- F4 樓層(結束) ----- */ ?>

  254. 			

  255. 			<?php /* ----- F5 樓層 ----- */ ?>

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

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

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

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

  260. 							<span>F5 樓層 - 操作：</span>

  261. 							<button id="zoom0f5canvas">還原</button>

  262. 							<button id="zoomInf5canvas">放大</button>

  263. 							<button id="zoomOutf5canvas">縮小</button>

  264.                         </div>

  265.                         <!-- /.panel-heading -->

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

  267.                             <canvas id="f5canvas"></canvas>

  268.                         </div><?php /* ----- end of panel-body ----- */?>

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

  270.                     </div>

  271.                     <!-- /.panel -->

  272.                 </div>

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

  274.             </div>

  275.             <?php /* ----- F5 樓層(結束) ----- */ ?>

  276. 			

  277. 			<?php /* ----- F6 樓層 ----- */ ?>

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

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

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

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

  282. 							<span>F6 樓層 - 操作：</span>

  283. 							<button id="zoom0f6canvas">還原</button>

  284. 							<button id="zoomInf6canvas">放大</button>

  285. 							<button id="zoomOutf6canvas">縮小</button>

  286.                         </div>

  287.                         <!-- /.panel-heading -->

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

  289.                             <canvas id="f6canvas"></canvas>

  290.                         </div><?php /* ----- end of panel-body ----- */?>

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

  292.                     </div>

  293.                     <!-- /.panel -->

  294.                 </div>

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

  296.             </div>

  297.             <?php /* ----- F6 樓層(結束) ----- */ ?>

  298. 			

  299. 			<?php /* ----- F7 樓層 ----- */ ?>

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

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

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

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

  304. 							<span>F7 樓層 - 操作：</span>

  305. 							<button id="zoom0f7canvas">還原</button>

  306. 							<button id="zoomInf7canvas">放大</button>

  307. 							<button id="zoomOutf7canvas">縮小</button>

  308.                         </div>

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

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

  311.                             <canvas id="f7canvas"></canvas>

  312.                         </div><?php /* ----- end of panel-body ----- */?>

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

  314.                     </div>

  315.                     <!-- /.panel -->

  316.                 </div>

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

  318.             </div>

  319.             <?php /* ----- F7 樓層(結束) ----- */ ?>

  320. 			

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

  322.     </div>

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

  324.     <!-- jQuery -->

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

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

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

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

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

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

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

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

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

  334. 

  335. 

  336. 

  337. 

  338.     <!-- virtual keyboard -->

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

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

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

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

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

  344. 

  345. 	<!-- jQuery validate -->

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

  347. 	<!-- alertify -->

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

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

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

  351. 	

  352. 	

  353. 	<!-- altob sos map -->

  354. 	<script src="<?=WEB_LIB?>js/altob-sos-map.js"></script> 

  355. 

  356. 

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

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

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

  360. </body>

  361. </html>

  362. 

  363. <script>

  364. 

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

  366. function show_item(tags)

  367. {

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

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

  370.     return false;

  371. }

  372. 

  373. $(document).ready(function()

  374. {

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

  376. 	$.validate(

  377. 		{

  378. 			modules : 'security',

  379. 		}

  380. 	);

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

  382. 	

  383. 	<?php /* 警急求救平面圖 */ ?>

  384. 	AltobObject.SosMap({

  385. 		getSosUrl: "http://192.168.10.201/sos/get_sos.php",	// 警急求救資料 API

  386. 		dataReloadIntervalTimeMillis: 5000,				// 資料, 自動更新週期 ( 5 sec )

  387. 		dataReloadErrorLimit: 5,						// 資料, 連線容錯次數

  388. 		soundInfo: {

  389. 			src: '<?=SERVER_URL?>sos/red_alert.wav'

  390. 		},

  391. 		mapInfo: {

  392. 			map1: {

  393. 				floorName: 'B1',

  394. 				canvasId: 'b1canvas',

  395. 				src: '<?=SERVER_URL?>i3/pics/b1_map.png'

  396. 			},

  397. 			map2: {

  398. 				floorName: 'F1',

  399. 				canvasId: 'f1canvas',

  400. 				src: '<?=SERVER_URL?>i3/pics/f1_map.png'

  401. 			},

  402. 			map3: {

  403. 				floorName: 'F2',

  404. 				canvasId: 'f2canvas',

  405. 				src: '<?=SERVER_URL?>i3/pics/f2_map.png'

  406. 			},

  407. 			map4: {

  408. 				floorName: 'F3',

  409. 				canvasId: 'f3canvas',

  410. 				src: '<?=SERVER_URL?>i3/pics/f3_map.png'

  411. 			},

  412. 			map5: {

  413. 				floorName: 'F4',

  414. 				canvasId: 'f4canvas',

  415. 				src: '<?=SERVER_URL?>i3/pics/f4_map.png'

  416. 			},

  417. 			map6: {

  418. 				floorName: 'F5',

  419. 				canvasId: 'f5canvas',

  420. 				src: '<?=SERVER_URL?>i3/pics/f5_map.png'

  421. 			},

  422. 			map7: {

  423. 				floorName: 'F6',

  424. 				canvasId: 'f6canvas',

  425. 				src: '<?=SERVER_URL?>i3/pics/f6_map.png'

  426. 			},

  427. 			map8: {

  428. 				floorName: 'F7',

  429. 				canvasId: 'f7canvas',

  430. 				src: '<?=SERVER_URL?>i3/pics/f7_map.png'

  431. 			}

  432. 		}

  433. 	});

  434. 	

  435. });

  436. </script>