indexOld.php 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260
  1. <?php
  2. session_start();
  3. //Can't come in without logged in
  4. if (!isset($_SESSION['loggedin'])) {
  5. header('Location: pages-signin.html');
  6. exit;
  7. }
  8. ?>
  9. <!DOCTYPE html>
  10. <html class="fixed js flexbox flexboxlegacy csstransforms csstransforms3d no-overflowscrolling no-mobile-device custom-scroll sidebar-left-collapsed" style="">
  11. <head>
  12. <!-- jstree CSS -->
  13. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.4/themes/default/style.min.css">
  14. <meta charset="UTF-8">
  15. <title>資料庫管理</title>
  16. <meta content="HTML5 Admin Template" name="keywords">
  17. <meta content="JSOFT Admin - Responsive HTML5 Template" name="description">
  18. <meta content="JSOFT.net" name="author">
  19. <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"><!-- Mobile Metas -->
  20. <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"><!-- Unity CSS -->
  21. <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Shadows+Into+Light" rel="stylesheet" type="text/css"><!-- Vendor CSS -->
  22. <link href="assets/vendor/bootstrap/css/bootstrap.css" rel="stylesheet">
  23. <link href="assets/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
  24. <link href="assets/vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
  25. <link href="assets/vendor/bootstrap-datepicker/css/datepicker3.css" rel="stylesheet">
  26. <link href="assets/vendor/pnotify/pnotify.custom.css" rel="stylesheet"><!-- Specific Page Vendor CSS -->
  27. <link href="assets/vendor/jquery-ui/css/ui-lightness/jquery-ui-1.10.4.custom.css" rel="stylesheet">
  28. <link href="assets/vendor/bootstrap-multiselect/bootstrap-multiselect.css" rel="stylesheet">
  29. <link href="assets/vendor/morris/morris.css" rel="stylesheet">
  30. <link href="assets/vendor/bootstrap-fileupload/bootstrap-fileupload.min.css" rel="stylesheet">
  31. <link href="assets/stylesheets/theme.css" rel="stylesheet"><!-- Skin CSS -->
  32. <link href="assets/stylesheets/skins/default.css" rel="stylesheet"><!-- Theme Custom CSS -->
  33. <link href="assets/stylesheets/theme-custom.css" rel="stylesheet">
  34. <link href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.css" rel="stylesheet" type="text/css"><!-- Icon -->
  35. <link rel="stylesheet" href="assets/vendor/jquery-datatables-bs3/assets/css/datatables.css" />
  36. <link href="assets/images/favicon.ico" rel="shortcut icon"><!-- 資料庫管理CSS -->
  37. <link href="./script/css/bim-support.css" rel="stylesheet" type="text/css"><!-- Head Libs -->
  38. <script src="assets/vendor/modernizr/modernizr.js"></script><!-- chart.js -->
  39. <script src="https://cdn.jsdelivr.net/npm/chart.js@3.1.1"></script><!-- DataTable -->
  40. <script src="assets/vendor/jquery/jquery.js"></script>
  41. <script charset="utf8" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.js" type="text/javascript"></script>
  42. <script src="assets/vendor/pnotify/pnotify.custom.js"></script>
  43. <style type="text/css">
  44. .jqstooltip {
  45. position: absolute;
  46. left: 0px;
  47. top: 0px;
  48. visibility: hidden;
  49. background: rgb(0, 0, 0) transparent;
  50. background-color: rgba(0, 0, 0, 0.6);
  51. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  52. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  53. color: white;
  54. font: 10px arial, san serif;
  55. text-align: left;
  56. white-space: nowrap;
  57. padding: 5px;
  58. border: 1px solid white;
  59. z-index: 10000;
  60. }
  61. .jstree-default .jstree-icon {
  62. color: #ffe693;
  63. }
  64. .jqsfield {
  65. color: white;
  66. font: 10px arial, san serif;
  67. text-align: left;
  68. }
  69. td,
  70. th {
  71. text-align: center;
  72. }
  73. th {
  74. width: 30%;
  75. }
  76. .node-hidden {
  77. display: none;
  78. }
  79. #datatable-ajax tr:hover {
  80. background-color: #e8e8e8;
  81. }
  82. </style>
  83. </head>
  84. <body>
  85. <script type="application/javascript">
  86. var i = 0;
  87. var download;
  88. var fileName;
  89. var folder;
  90. var software;
  91. var userName = 'maabim';
  92. var searchURL = window.location.search;
  93. searchURL = searchURL.substring(1, searchURL.length);
  94. object = decodeURIComponent(searchURL.split("&")[0].split("=")[1]);
  95. </script>
  96. <section class="body" data-v-app="">
  97. <!-- start: header -->
  98. <header class="header">
  99. <div class="logo-container">
  100. <div class="banner-txt">
  101. 資料庫管理
  102. </div>
  103. <div class="visible-xs toggle-sidebar-left" data-fire-event="sidebar-left-opened" data-target="html" data-toggle-class="sidebar-left-opened"></div>
  104. </div><!-- start: search & user box -->
  105. <div class="header-right">
  106. <div class="userbox" id="userbox">
  107. <a data-toggle="dropdown" href="#">
  108. <figure class="profile-picture">
  109. <img alt="Joseph Doe" class="img-circle" data-lock-picture="assets/images/!logged-user.jpg" src="assets/images/!logged-user.jpg">
  110. </figure>
  111. <div class="profile-info" data-lock-email="johndoe@JSOFT.com" data-lock-name="John Doe">
  112. <span class="name"><?php echo $_SESSION['name'] ?></span> <span class="role">administrator</span>
  113. </div>
  114. </a>
  115. <div class="dropdown-menu">
  116. <ul class="list-unstyled">
  117. <li>
  118. <a href="./script/php/Logout.php" role="menuitem" tabindex="-1">Logout</a>
  119. </li>
  120. </ul>
  121. </div>
  122. </div>
  123. </div><!-- end: search & user box -->
  124. </header><!-- end: header -->
  125. <div class="inner-wrapper">
  126. <!-- start: sidebar -->
  127. <section class="content-body" role="main">
  128. <section class="content-with-menu content-with-menu-has-toolbar media-gallery " style="margin: -220px -40px -53px -40px;">
  129. <div class="content-with-menu-container">
  130. <div class="inner-menu-toggle">
  131. <a class="inner-menu-expand" data-open="inner-menu" href="#">Show Bar</a>
  132. </div>
  133. <menu class="inner-menu" id="content-menu" role="menu" style="left:0; width:373px; top:60px;">
  134. <div class="nano has-scrollbar">
  135. <div class="nano-content" style="right: -17px;" tabindex="0">
  136. <div class="inner-menu-toggle-inside">
  137. <a class="inner-menu-collapse" href="#">Hide Bar</a> <a class="inner-menu-expand" data-open="inner-menu" href="#">Show Bar</a>
  138. </div>
  139. <div class="inner-menu-content">
  140. <div class="sidebar-widget m-none">
  141. <div class="widget-header clearfix">
  142. <h6 class="title pull-left mt-xs">資料庫文件</h6>
  143. </div>
  144. <div class="widget-content">
  145. <div class="jstree jstree-1 jstree-default" id="treeAjaxHTML"></div>
  146. </div>
  147. </div>
  148. </div>
  149. </div>
  150. </div>
  151. <div class="nano-pane" style="display: none; opacity: 1; visibility: visible;">
  152. <div class="nano-slider" style="height: 838px; transform: translate(0px, 0px);"></div>
  153. </div>
  154. </menu>
  155. </div>
  156. <div class="inner-body mg-main">
  157. <div class="inner-toolbar" style="top:60px;">
  158. <ul>
  159. <li style="padding-top: 10px;">
  160. <div class="input-group input-search" style="table-layout: auto;"><input type="text" class="form-control" name="search" id="search" placeholder="Search..."><span class="input-group-btn"><button class="btn btn-default" id="btn-search"><i class="fa fa-search"></i></button></span></div>
  161. </li>
  162. <li class="right">
  163. <a id="reset">上一層</a>
  164. </li>
  165. </ul>
  166. </div>
  167. <div class="row">
  168. <div class="col-md-12">
  169. <section class="panel">
  170. <div class="panel-body">
  171. <br>
  172. <table style="width:99%;" class="table table-bordered table-striped" id="datatable-ajax">
  173. <thead>
  174. <tr>
  175. <th width="33%">項次</th>
  176. <th width="34%">資料名稱</th>
  177. <th width="33%">版次</th>
  178. </tr>
  179. </thead>
  180. <tbody>
  181. </tbody>
  182. </table>
  183. </div>
  184. </section>
  185. </div>
  186. </div>
  187. <div class="row">
  188. <div class="col-md-12">
  189. <section class="panel">
  190. <div class="panel-body">
  191. <div class="table-responsive">
  192. <table class="table table-bordered mb-none" id="tableDetail">
  193. <tbody>
  194. <tr>
  195. <th>計畫編號</th>
  196. <td id="plan_code"></td>
  197. </tr>
  198. <tr>
  199. <th>計畫名稱</th>
  200. <td id="plan_name"></td>
  201. </tr>
  202. <tr>
  203. <th>資料名稱</th>
  204. <td id="fileName"></td>
  205. </tr>
  206. <tr>
  207. <th>上傳日期</th>
  208. <td id="time"></td>
  209. </tr>
  210. <tr>
  211. <th>版次</th>
  212. <td id="version"></td>
  213. </tr>
  214. <tr>
  215. <th>文件</th>
  216. <td id="download"></td>
  217. </tr>
  218. </tbody>
  219. </table>
  220. </div>
  221. </div>
  222. </section>
  223. </div>
  224. </div>
  225. </div>
  226. </section>
  227. </section>
  228. </div>
  229. </section><!-- end: page -->
  230. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.4/jstree.min.js"></script>
  231. <script src="./script/js/jstreeAJAX.js"></script>
  232. </body>
  233. </html>