api-detail.php 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
  1. <?php
  2. session_start();
  3. if (!isset($_SESSION['loggedin'])) {
  4. header('Location: pages-signin.html');
  5. exit;
  6. }
  7. ?>
  8. <!doctype html>
  9. <html class="fixed">
  10. <head>
  11. <!-- jstree CSS -->
  12. <link rel="stylesheet" href="assets/vendor/jstree/themes/default/style.css" />
  13. <?php include("bim-support-header.html"); ?>
  14. <script src="./script/js/global.js"></script>
  15. <script type="application/javascript">
  16. var i = 0;
  17. var api = [];
  18. var fileName;
  19. var folder;
  20. var software;
  21. var userName = '<?php echo $_SESSION['name']; ?>';
  22. var webLink;
  23. var source;
  24. var searchURL = window.location.search;
  25. searchURL = searchURL.substring(1, searchURL.length);
  26. object = decodeURIComponent(searchURL.split("&")[0].split("=")[1]);
  27. if(object == 'undefined'){
  28. window.location.href = "./api-list.php";
  29. console.log("in " + object);
  30. }else{
  31. console.log("not in: "+object);
  32. }
  33. $.ajax({
  34. url: "./script/php/api_group_detail.php",
  35. type: "GET",
  36. async: false,
  37. data: {
  38. object: object,
  39. },
  40. contentType: "application/json",
  41. dataType: "json"
  42. }).done(function(data) {
  43. if(data.APIID == null)
  44. data.APIID ='';
  45. folder = data.software + '/' + data.APIID + data.APIName;
  46. data[1] = data[1]=="Dynamo" ? data.software + " " + data.dynamoVersion : data.software + " " + data.revitVersion;
  47. for (i = 0; i < 6; i++) {
  48. if (data[i] != null)
  49. table.push(data[i]);
  50. else
  51. table.push("空");
  52. }
  53. webLink = data.webLink;
  54. source = data.source;
  55. }).error(function(error) {
  56. console.log(error);
  57. });
  58. pageHeader = "BIM程式庫";
  59. </script>
  60. </head>
  61. <body>
  62. <canvas id="c"></canvas>
  63. <section class="body">
  64. <!-- start: header -->
  65. <header-menu></header-menu>
  66. <!-- end: header -->
  67. <div class="inner-wrapper">
  68. <!-- start: sidebar -->
  69. <side-bar></side-bar>
  70. <!-- end: sidebar -->
  71. <section role="main" class="content-body">
  72. <header class="page-header">
  73. <h2>{{pageHeader}}</h2>
  74. </header>
  75. <!-- start: page -->
  76. <section class="content-with-menu content-with-menu-has-toolbar media-gallery">
  77. <div class="content-with-menu-container">
  78. <inner-menu>
  79. <template v-slot:inner-equipment>
  80. <api-list></api-list>
  81. </template>
  82. </inner-menu>
  83. <div class="inner-body mg-main">
  84. <div class="inner-toolbar">
  85. <ul>
  86. <li class="right">
  87. <a href="#" onclick="window.history.go(-1); return false;"><i class="fa fa-undo"></i> 返回</a>
  88. </li>
  89. </ul>
  90. </div>
  91. <div class="row">
  92. <div class="col-md-12">
  93. <section class="panel">
  94. <div class="panel-body">
  95. <div class="table-responsive">
  96. <table class="table table-bordered mb-none">
  97. <thead>
  98. <tr>
  99. <th width="10%">名稱</th>
  100. <th>開發版本</th>
  101. <th>詳細說明</th>
  102. <th>操作方式</th>
  103. <th width="5%">開發者</th>
  104. <th>備註</th>
  105. </tr>
  106. </thead>
  107. <tbody>
  108. <tr>
  109. <td>{{table[0]}}</td>
  110. <td>{{table[1]}}</td>
  111. <td>{{table[2]}}</td>
  112. <td>{{table[3]}}</td>
  113. <td id="webLink"></td>
  114. <td>{{table[5]}}</td>
  115. </tr>
  116. </tbody>
  117. </table>
  118. </div>
  119. </div>
  120. </section>
  121. </div>
  122. </div>
  123. <div class="row">
  124. <div class="col-md-6">
  125. <section class="panel">
  126. <div class="panel-body">
  127. <h5 class="text-semibold text-dark text-uppercase">參考檔案下載</h5>
  128. <div id="treeAjaxHTML"></div>
  129. </div>
  130. </section>
  131. </div>
  132. <div class="col-md-6">
  133. <section class="panel">
  134. <div class="panel-body">
  135. <img v-if="table[1].includes('ynamo')" src="./assets/images/dynamo-icon.png" style="height:80px; display: inline-block; vertical-align: top;"></img>
  136. <img v-else-if="table[1].includes('Revit')" src="./assets/images/revit-icon.png" style="height:80px; display: inline-block; vertical-align: top;"></img>
  137. <div class="summary" style="display: inline-block;">
  138. <div class="title"><strong>程式下載</strong></div>
  139. <div class="info" id="apiList">
  140. </div>
  141. </div>
  142. </div>
  143. </section>
  144. </div>
  145. </div>
  146. </div>
  147. </div>
  148. </section>
  149. <!-- end: page -->
  150. </section>
  151. </div>
  152. </section>
  153. <script>
  154. /*Vue */
  155. vm.mount('.body');
  156. if(webLink != null){
  157. $("#webLink").append("<a href='" + webLink + "' target='_blank'>" + source + "</a>");
  158. }else if(webLink == null){
  159. $("#webLink").append("<span>" + source + "</span>");
  160. }
  161. </script>
  162. <script src="assets/vendor/jstree/jstree.js"></script>
  163. <script src="assets/javascripts/ui-elements/examples.treeview.js"></script>
  164. <?php include("bim-support-body.html"); ?>
  165. <script>
  166. </script>
  167. </body>
  168. </html>