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.

341 lines
13 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!-- Title -->
  5. <title>Chipmos | ERP System</title>
  6. <meta content="width=device-width, initial-scale=1" name="viewport" />
  7. <meta charset="UTF-8">
  8. <meta name="description" content="Admin Dashboard Template" />
  9. <meta name="keywords" content="admin,dashboard" />
  10. <meta name="author" content="Steelcoders" />
  11. <!-- 自定義JS區塊 Start -->
  12. <script src="../../Scripts/3rd/assets/plugins/jquery/jquery-2.1.4.min.js"></script>
  13. <script src="../../Scripts/lib/util.js"></script>
  14. <script src="../../Scripts/app/Pages/lobby/Index.js"></script>
  15. <!-- 自定義JS區塊 End -->
  16. <style>
  17. .menu.accordion-menu li.open > a > .menu-icon:before {
  18. content: "\f07c";
  19. }
  20. </style>
  21. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  22. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  23. <!--[if lt IE 9]>
  24. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  25. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  26. <![endif]-->
  27. <!-- 固定JS區塊 Start -->
  28. <script>
  29. var nBlockCount = 0;
  30. function fnIframeHeight(objIframe) {
  31. var subWeb = document.frames ? document.frames[objIframe.id].document : objIframe.contentDocument;
  32. if (objIframe != null && subWeb != null) {
  33. objIframe.height = document.body.clientHeight - 100;
  34. }
  35. }
  36. function fnBodyResize()
  37. {
  38. //alert(1);
  39. var aryIframe = document.getElementsByTagName("iframe");
  40. if (aryIframe == null) return;
  41. for(i=0;i<aryIframe.length;i++)
  42. {
  43. fnIframeHeight(aryIframe[i]);
  44. }
  45. }
  46. function OpenBlock()
  47. {
  48. if (nBlockCount === 0) {
  49. $.blockUI.defaults.css = {
  50. padding: 0,
  51. margin: 0,
  52. width: '30%',
  53. top: '41%',
  54. left: '35%',
  55. textAlign: 'center',
  56. cursor: 'wait'
  57. };
  58. $.blockUI({ message: "<img src=\"/Main/Content/img/ajax-loader.gif\"/ height='128' width='128'/>", css: { color: "#FFF" } });
  59. }
  60. nBlockCount++;
  61. }
  62. function CloseBlock()
  63. {
  64. nBlockCount--;
  65. if (nBlockCount < 0) {
  66. nBlockCount = 0;
  67. }
  68. if (nBlockCount === 0) {
  69. $.unblockUI();
  70. }
  71. }
  72. </script>
  73. <!-- 固定JS區塊 End -->
  74. </head>
  75. <body class="page-header-fixed page-sidebar-fixed compact-menu pace-done" style="overflow-y: hidden;" onresize="fnBodyResize();">
  76. <div class="overlay"></div>
  77. <!-- headerHe功能區塊 start -->
  78. <!--
  79. <div class="menu-wrap">
  80. <nav class="profile-menu">
  81. <div class="profile">
  82. <img src="../../Scripts/3rd/assets/images/profile-menu-image.png" width="60" style="display:none;" alt="David Green" />
  83. <span>David Green</span>
  84. </div>
  85. <div class="profile-menu-list">
  86. <a href="#">
  87. <i class="fa fa-star"></i>
  88. <span>Favorites</span>
  89. </a>
  90. <a href="#">
  91. <i class="fa fa-bell"></i>
  92. <span>Alerts</span>
  93. </a>
  94. <a href="#">
  95. <i class="fa fa-envelope"></i>
  96. <span>Messages</span>
  97. </a>
  98. <a href="#">
  99. <i class="fa fa-comment"></i>
  100. <span>Comments</span>
  101. </a>
  102. </div>
  103. </nav>
  104. <button class="close-button" id="close-button">Close Menu</button>
  105. </div>
  106. <form class="search-form" action="#" method="GET">
  107. <div class="input-group">
  108. <input type="text" name="search" class="form-control search-input" placeholder="Search...">
  109. <span class="input-group-btn">
  110. <button class="btn btn-default close-search waves-effect waves-button waves-classic"
  111. type="button">
  112. <i class="fa fa-times"></i>
  113. </button>
  114. </span>
  115. </div>
  116. Input Group
  117. </form>
  118. -->
  119. <!-- Search Form -->
  120. <!-- headerHe功能區塊 End -->
  121. <main class="page-content content-wrap">
  122. <!-- 表頭 start -->
  123. <div class="navbar divheader">
  124. <div class="navbar-inner">
  125. <div class="sidebar-pusher">
  126. <a href="javascript:void(0);" class="waves-effect waves-button waves-classic push-sidebar">
  127. <i class="fa fa-bars"></i>
  128. </a>
  129. </div>
  130. <div class="logo-box">
  131. <a href="index.html" class="logo-text" style="background: white;">
  132. <img src="../../Scripts/3rd/assets/images/logo.png" class="img-responsive" alt="ChipMOS">
  133. </a>
  134. </div>
  135. <!-- Logo Box -->
  136. <div class="search-button">
  137. <a href="javascript:void(0);" class="waves-effect waves-button waves-classic show-search">
  138. <i class="fa fa-search"></i>
  139. </a>
  140. </div>
  141. <div class="topmenu-outer">
  142. <div class="top-menu">
  143. <ul class="nav navbar-nav navbar-left">
  144. <li>
  145. <a href="javascript:void(0);" class="waves-effect waves-button waves-classic sidebar-toggle">
  146. <i class="fa fa-bars"></i>
  147. </a>
  148. </li>
  149. <!--BY Leo
  150. <li>
  151. <a href="#cd-nav"
  152. class="waves-effect waves-button waves-classic cd-nav-trigger">
  153. <i class="fa fa-diamond"></i>
  154. </a>
  155. </li>
  156. -->
  157. <li>
  158. <a href="javascript:void(0);" class="waves-effect waves-button waves-classic toggle-fullscreen">
  159. <i class="fa fa-expand"></i>
  160. </a>
  161. </li>
  162. </ul>
  163. <ul class="nav navbar-nav navbar-right">
  164. <li class="dropdown" style="display:none;">
  165. <a href="#" class="dropdown-toggle waves-effect waves-button waves-classic" data-toggle="dropdown">
  166. <i class="fa fa-envelope"></i>
  167. <span class="badge badge-success pull-right">4</span>
  168. </a>
  169. </li>
  170. <li class="dropdown">
  171. <a href="#" class="dropdown-toggle waves-effect waves-button waves-classic" data-toggle="dropdown">
  172. <span class="user-name">
  173. David
  174. <i class="fa fa-angle-down"></i>
  175. </span>
  176. <img class="img-circle avatar" src="../../Scripts/3rd/assets/images/avatar1.png" style="display:none;" width="40" height="40" alt="">
  177. </a>
  178. <ul id="fnDropMenu" class="dropdown-menu dropdown-list" role="menu"></ul>
  179. </li>
  180. <li>
  181. <a href="../login.html" class="log-out waves-effect waves-button waves-classic" onclick="localStorage.clear();">
  182. <span>
  183. <i class="fa fa-sign-out m-r-xs"></i>
  184. Log out
  185. </span>
  186. </a>
  187. </li>
  188. <li style="display:none;">
  189. <a href="javascript:void(0);" class="waves-effect waves-button waves-classic" id="showRight">
  190. <i class="fa fa-comments"></i>
  191. </a>
  192. </li>
  193. </ul>
  194. <!-- Nav -->
  195. </div>
  196. <!-- Top Menu -->
  197. </div>
  198. </div>
  199. </div>
  200. <!-- Navbar -->
  201. <!-- 表頭 end -->
  202. <!-- 菜單+主頁 start -->
  203. <div class="divmain">
  204. <!-- header start -->
  205. <div class="page-sidebar sidebar divleftmenu">
  206. <div class="page-sidebar-inner slimscroll">
  207. <div class="sidebar-header">
  208. <div class="sidebar-profile">
  209. <a href="javascript:void(0);" id="profile-menu-link">
  210. <div class="sidebar-profile-image">
  211. <img src="../../Scripts/3rd/assets/images/profile-menu-image.png" style="display:none;" class="img-circle img-responsive" alt="">
  212. </div>
  213. <div class="sidebar-profile-details">
  214. <span id="displayEmployeename">
  215. David Green
  216. <br>
  217. </span>
  218. </div>
  219. </a>
  220. </div>
  221. </div>
  222. <ul class="menu accordion-menu" id="leftmenu"></ul>
  223. </div>
  224. <!-- Page Sidebar Inner -->
  225. </div>
  226. <!-- Page Sidebar -->
  227. <!-- header End -->
  228. <!-- Page start -->
  229. <div class="page-inner divrightmain" style="height: 100%">
  230. <!-- 操作區 start -->
  231. <!--<div id="Home" style="display: block;">
  232. <iframe id="frHome" src="../sys/Home.html" style="width: 100%;" onload="fnIframeHeight(this);"></iframe>
  233. </div>-->
  234. <div id="Home" style="display: block;">
  235. <iframe id="frame" style="width: 100%;" onload="fnIframeHeight(this);"></iframe>
  236. </div>
  237. <!-- 操作區 End -->
  238. <!-- footer start -->
  239. <div class="page-footer divfooter">
  240. <p class="no-s">2015 &copy; Modern by Steelcoders.</p>
  241. </div>
  242. <!-- footer End -->
  243. <!-- Page Inner -->
  244. </div>
  245. <!-- Page End -->
  246. </div>
  247. <!-- 菜單+主頁 end -->
  248. </main>
  249. <!-- Page Content -->
  250. <!-- 收藏區塊 start -->
  251. <!--
  252. <nav class="cd-nav-container" id="cd-nav">
  253. <header>
  254. <h3>Navigation</h3>
  255. <a href="#0" class="cd-close-nav">Close</a>
  256. </header>
  257. <ul class="cd-nav list-unstyled">
  258. <li class="cd-selected" data-menu="index">
  259. <a href="javsacript:void(0);">
  260. <span>
  261. <i class="glyphicon glyphicon-home"></i>
  262. </span>
  263. <p>Dashboard</p>
  264. </a>
  265. </li>
  266. <li data-menu="profile">
  267. <a href="javsacript:void(0);">
  268. <span>
  269. <i class="glyphicon glyphicon-user"></i>
  270. </span>
  271. <p>Profile</p>
  272. </a>
  273. </li>
  274. <li data-menu="inbox">
  275. <a href="javsacript:void(0);">
  276. <span>
  277. <i class="glyphicon glyphicon-envelope"></i>
  278. </span>
  279. <p>Mailbox</p>
  280. </a>
  281. </li>
  282. <li data-menu="#">
  283. <a href="javsacript:void(0);">
  284. <span>
  285. <i class="glyphicon glyphicon-tasks"></i>
  286. </span>
  287. <p>Tasks</p>
  288. </a>
  289. </li>
  290. <li data-menu="#">
  291. <a href="javsacript:void(0);">
  292. <span>
  293. <i class="glyphicon glyphicon-cog"></i>
  294. </span>
  295. <p>Settings</p>
  296. </a>
  297. </li>
  298. <li data-menu="calendar">
  299. <a href="javsacript:void(0);">
  300. <span>
  301. <i class="glyphicon glyphicon-calendar"></i>
  302. </span>
  303. <p>Calendar</p>
  304. </a>
  305. </li>
  306. </ul>
  307. </nav>
  308. <div class="cd-overlay"></div>
  309. -->
  310. <!-- 收藏區塊 End -->
  311. </body>
  312. </html>