Explorar o código

Revert "修改 home.php 加入 vue"

This reverts commit 4e025e0871bea899b388988fc205099639d7582b.
oransheep %!s(int64=3) %!d(string=hai) anos
pai
achega
645377e72f
Modificáronse 2 ficheiros con 133 adicións e 39 borrados
  1. 133 13
      home.php
  2. 0 26
      script/js/global.js

+ 133 - 13
home.php

@@ -49,24 +49,146 @@ if (!isset($_SESSION['loggedin'])) {
 	<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.js"></script>
 	<!-- Icon -->
 	<link rel="shortcut icon" href="assets/images/favicon.ico" />
-
-	<!-- vue3 -->
-	<script src="https://unpkg.com/vue@next"></script>
-	<script src="./script/js/global.js"></script>
-
-	<script type="application/javascript">
-		var userName = '<?php echo $_SESSION['name']; ?>';
-	</script>
 </head>
 
 <body>
 	<section class="body">
 		<!-- start: header -->
-		<header-menu></header-menu>
+		<header class="header">
+			<div class="logo-container">
+				<div class="banner-txt">BIM資訊系統</div>
+				<div class="visible-xs toggle-sidebar-left" data-toggle-class="sidebar-left-opened" data-target="html" data-fire-event="sidebar-left-opened">
+					<i class="fa fa-bars" aria-label="Toggle sidebar"></i>
+				</div>
+			</div>
+			<!-- start: search & user box -->
+			<div class="header-right">
+				<span class="separator"></span>
+				<ul class="notifications">
+					<li>
+						<a href="#" class="dropdown-toggle notification-icon" data-toggle="dropdown">
+							<i class="fa fa-bell"></i>
+							<span id="warning-count" class="badge">0</span>
+						</a>
+						<div class="dropdown-menu notification-menu">
+							<div class="notification-title">
+								<span id="warning-count2" class="pull-right label label-default">0</span>
+								警告
+							</div>
+							<div class="content">
+								<ul>
+									<li id="warning-style" style="display: none;">
+										<a href="warning.php" class="clearfix">
+											<div class="image">
+												<i class="fa fa-warning bg-danger"></i>
+											</div>
+											<span class="title">人員進入危險區域</span>
+											<span class="message">現在</span>
+										</a>
+									</li>
+									<div id="warning-none">No warning</div>
+								</ul>
+							</div>
+						</div>
+					</li>
+					<li>
+						<a href="/Front-Page/home.php" class="notification-icon" data-toggle="tooltip" title="綜合登入入口" data-placement="bottom">
+							<i class="fa fa-home"></i>
+						</a>
+					</li>
+				</ul>
+				<span class="separator"></span>
+				<div id="userbox" class="userbox">
+					<a href="#" data-toggle="dropdown">
+						<figure class="profile-picture"> <img src="assets/images/!logged-user.jpg" alt="Joseph Doe" class="img-circle" data-lock-picture="assets/images/!logged-user.jpg" /> </figure>
+						<div class="profile-info" data-lock-name="John Doe" data-lock-email="johndoe@JSOFT.com"> <span class="name"><?php echo $_SESSION['name'] ?></span> <span class="role">administrator</span> </div> <i class="fa custom-caret"></i>
+					</a>
+					<div class="dropdown-menu">
+						<ul class="list-unstyled">
+							<li class="divider"></li>
+							<li> <a role="menuitem" tabindex="-1" href="./script/php/Logout.php"><i class="fa fa-power-off"></i> Logout</a> </li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<!-- end: search & user box -->
+		</header>
 		<!-- end: header -->
 		<div class="inner-wrapper">
 			<!-- start: sidebar -->
-			<side-bar></side-bar>
+			<aside id="sidebar-left" class="sidebar-left">
+				<div class="sidebar-header">
+					<div class="sidebar-title"> 導覽 </div>
+					<div class="sidebar-toggle hidden-xs" data-toggle-class="sidebar-left-collapsed" data-target="html" data-fire-event="sidebar-left-toggle"> <i class="fa fa-bars" aria-label="Toggle sidebar"></i> </div>
+				</div>
+				<div class="nano">
+					<div class="nano-content">
+						<nav id="menu" class="nav-main" role="navigation">
+							<ul class="nav nav-main">
+								<li class="nav-active">
+									<a href="home.php"> <i class="fa fa-home" aria-hidden="true"></i> <span>首頁</span> </a>
+								</li>
+								<li class="nav-parent">
+									<a>
+										<i class="fa fa-desktop" aria-hidden="true"></i>
+										<span>BIM監測查詢網</span>
+									</a>
+									<ul class="nav nav-children">
+										<li>
+											<a href="#modalForm" class="modal-with-form"> <i class="fa fa-upload" aria-hidden="true"></i> <span>上傳CSV</span> </a>
+											<!-- Modal Form -->
+											<div id="modalForm" class="modal-block modal-block-primary mfp-hide">
+												<section class="panel">
+													<header class="panel-heading">
+														<h2 class="panel-title">上傳表單</h2>
+													</header>
+													<div class="panel-body">
+														<form id="CSVform" class="form-horizontal mb-lg" action="./script/php/upload.php" method="post" enctype="multipart/form-data">
+															<div class="form-group">
+																<label class="col-md-3 control-label">檔案上傳</label>
+																<div class="col-md-6">
+																	<div class="fileupload fileupload-new" data-provides="fileupload">
+																		<div class="input-append">
+																			<div class="uneditable-input"> <i class="fa fa-file fileupload-exists"></i> <span class="fileupload-preview"></span> </div> <span class="btn btn-default btn-file">
+																				<span class="fileupload-exists">變更檔案</span> <span class="fileupload-new">選擇檔案</span>
+																				<input type="file" name="fileToUpload" id="fileToUpload" /> </span> <a href="#" class="btn btn-default fileupload-exists" data-dismiss="fileupload">移除檔案</a>
+																		</div>
+																	</div>
+																</div>
+															</div>
+														</form>
+													</div>
+													<footer class="panel-footer">
+														<div class="row">
+															<div class="col-md-12 text-right">
+																<button class="btn btn-primary modal-confirm" onclick="uploadCSV()">Submit</button>
+																<button class="btn btn-default modal-dismiss">Cancel</button>
+															</div>
+														</div>
+													</footer>
+												</section>
+											</div>
+										</li>
+										<li class="nav-parent">
+											<a href="C3Index.php">C3工地監測儀器</a>
+											<ul class="nav nav-children">
+											</ul>
+										</li>
+									</ul>
+								</li>
+								<li class="nav-parent">
+									<a> <i class="fa fa-cloud" aria-hidden="true"></i> <span>BIM支援網</span> </a>
+									<ul class="nav nav-children">
+										<li class=""><a href="component-list.php"><i class="fa fa-briefcase" aria-hidden="true"></i><span>BIM元件庫</span></a></li>
+										<li class=""><a href="api-list.php"><i class="fa fa-gear" aria-hidden="true"></i><span>BIM程式庫</span></a></li>
+										<li class=""><a href="video-list.php"><i class="fa fa-video-camera" aria-hidden="true"></i><span>亞新教育訓練平台</span></a></li>
+									</ul>
+								</li>
+							</ul>
+						</nav>
+					</div>
+				</div>
+			</aside>
 			<!-- end: sidebar -->
 			<section role="main" class="content-body">
 				<header class="page-header">
@@ -84,9 +206,7 @@ if (!isset($_SESSION['loggedin'])) {
 
 		</div>
 	</section>
-
-	<script>vm.mount('.body');</script>
-
+	</div>
 	<!-- Vendor -->
 	<script src="assets/vendor/jquery-browser-mobile/jquery.browser.mobile.js"></script>
 	<script src="assets/vendor/bootstrap/js/bootstrap.js"></script>

+ 0 - 26
script/js/global.js

@@ -113,32 +113,6 @@ vm.component('header-menu', {
     <!-- start: search & user box -->
     <div class="header-right"> <span class="separator"></span>
     <ul class="notifications">
-        <li>
-            <a href="#" class="dropdown-toggle notification-icon" data-toggle="dropdown">
-                <i class="fa fa-bell"></i>
-                <span id="warning-count" class="badge">0</span>
-            </a>
-            <div class="dropdown-menu notification-menu">
-                <div class="notification-title">
-                    <span id="warning-count2" class="pull-right label label-default">0</span>
-                    警告
-                </div>
-                <div class="content">
-                    <ul>
-                        <li id="warning-style" style="display: none;">
-                            <a href="warning.php" class="clearfix">
-                                <div class="image">
-                                    <i class="fa fa-warning bg-danger"></i>
-                                </div>
-                                <span class="title">人員進入危險區域</span>
-                                <span class="message">現在</span>
-                            </a>
-                        </li>
-                        <div id="warning-none">No warning</div>
-                    </ul>
-                </div>
-            </div>
-        </li>
         <li>
             <a href="/Front-Page/home.php" class="notification-icon" data-toggle="tooltip" title="綜合登入入口" data-placement="bottom">
                 <i class="fa fa-home"></i>