|
|
@@ -49,146 +49,24 @@ 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 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>
|
|
|
+ <header-menu></header-menu>
|
|
|
<!-- end: header -->
|
|
|
<div class="inner-wrapper">
|
|
|
<!-- start: sidebar -->
|
|
|
- <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>
|
|
|
+ <side-bar></side-bar>
|
|
|
<!-- end: sidebar -->
|
|
|
<section role="main" class="content-body">
|
|
|
<header class="page-header">
|
|
|
@@ -206,7 +84,9 @@ if (!isset($_SESSION['loggedin'])) {
|
|
|
|
|
|
</div>
|
|
|
</section>
|
|
|
- </div>
|
|
|
+
|
|
|
+ <script>vm.mount('.body');</script>
|
|
|
+
|
|
|
<!-- Vendor -->
|
|
|
<script src="assets/vendor/jquery-browser-mobile/jquery.browser.mobile.js"></script>
|
|
|
<script src="assets/vendor/bootstrap/js/bootstrap.js"></script>
|
