api-list.php 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
  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 delFavoriteList = [];
  17. var i = 0;
  18. var path = [];
  19. var categoryList = [];
  20. var categoryTable = [];
  21. var id = [];
  22. var revitVersion = [];
  23. var userName = '<?php echo $_SESSION['name']; ?>';
  24. var searchURL = window.location.search;
  25. searchURL = searchURL.substring(1, searchURL.length);
  26. type = searchURL.split("&")[0].split("=")[1];
  27. if (type === undefined) {
  28. //window.location.href = "?type=other";
  29. }
  30. var $grid;
  31. var list;
  32. pageHeader = "BIM程式庫";
  33. </script>
  34. </head>
  35. <body>
  36. <canvas id="c"></canvas>
  37. <section class="body">
  38. <!-- start: header -->
  39. <header-menu></header-menu>
  40. <!-- end: header -->
  41. <div class="inner-wrapper">
  42. <!-- start: sidebar -->
  43. <side-bar></side-bar>
  44. <!-- end: sidebar -->
  45. <section role="main" class="content-body">
  46. <header class="page-header">
  47. <h2>{{pageHeader}}</h2>
  48. </header>
  49. <!-- start: page -->
  50. <section class="content-with-menu content-with-menu-has-toolbar media-gallery">
  51. <div class="content-with-menu-container">
  52. <inner-menu>
  53. <template v-slot:inner-equipment>
  54. <api-list></api-list>
  55. </template>
  56. </inner-menu>
  57. <div class="inner-body mg-main">
  58. <div class="inner-toolbar">
  59. <ul>
  60. <search-bar></search-bar>
  61. <filter-bar></filter-bar>
  62. </ul>
  63. </div>
  64. <filter-content2></filter-content2>
  65. <div class="row mg-files" data-sort-destination="" data-sort-id="media-gallery" id="content" style="position: relative; height: 720.5px;">
  66. <isotope-item v-for="item in list" v-bind:name="item.APIName" v-bind:folder="item.APIID + item.APIName" v-bind:id="item.id" v-bind:object="item.object" v-bind:usage="item.usage" v-bind:software="item.software" v-bind:detail="item.detail" v-bind:operate="item.operate" v-bind:source="item.source">
  67. </isotope-item>
  68. </div>
  69. </div>
  70. </div>
  71. </section>
  72. <!-- end: page -->
  73. </section>
  74. </div>
  75. </section>
  76. <script>
  77. $.ajax({
  78. url: "./script/php/getPath.php",
  79. type: "GET",
  80. async: false,
  81. data: {
  82. type: type,
  83. },
  84. contentType: "application/json",
  85. dataType: "json"
  86. }).done(function(data) {
  87. var table = data.table;
  88. for (i = 0; i < table.length; i++) {
  89. listObj = {};
  90. listObj["APIName"] = table[i].APIName;
  91. if (table[i].APIID == null)
  92. table[i].APIID = '';
  93. listObj["APIID"] = table[i].APIID;
  94. listObj["id"] = table[i].id;
  95. if(table[i].object != null)
  96. table[i].object = table[i].object.replaceAll(",", " ");
  97. listObj["object"] = table[i].object;
  98. if(table[i].usage != null)
  99. table[i].usage = table[i].usage.replaceAll(",", " ");
  100. listObj["usage"] = table[i].usage;
  101. listObj["software"] = table[i].software;
  102. listObj["detail"] = table[i].detail;
  103. listObj["operate"] = table[i].operate;
  104. listObj["source"] = table[i].source;
  105. list.push(listObj);
  106. }
  107. var filter = data.objectFilter;
  108. var filterArray = [];
  109. for (i = 0; i < filter.length; i++) {
  110. filterArray = filter[i].object.split(",")
  111. for(j = 0; j < filterArray.length; j++){
  112. objectFilter.push(filterArray[j]);
  113. }
  114. }
  115. objectFilter = [...new Set(objectFilter)];
  116. filter = data.usageFilter;
  117. for (i = 0; i < filter.length; i++) {
  118. filterArray = filter[i].usage.split(",");
  119. for(j = 0; j < filterArray.length; j++){
  120. usageFilter.push(filterArray[j]);
  121. }
  122. }
  123. usageFilter = [...new Set(usageFilter)];
  124. vm.mount('.body');
  125. }).error(function(error) {
  126. console.log(error);
  127. });
  128. </script>
  129. <?php include("bim-support-body.html"); ?>
  130. <script>
  131. // $(document).ready(function() {
  132. $grid = $("#content").isotope({
  133. itemSelector: ".isotope-item",
  134. layoutMode: 'fitRows',
  135. getSortData: {
  136. name: '.name',
  137. }
  138. })
  139. setTimeout(() => {
  140. $grid.isotope({
  141. sortBy: 'name'
  142. })
  143. }, 100);
  144. // });
  145. </script>
  146. </body>
  147. </html>