component-favorite.php 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  1. <?php
  2. include($_SERVER['DOCUMENT_ROOT'] . "/Authorization/script/php/permission/check_right.php");
  3. ?>
  4. <!doctype html>
  5. <html class="fixed sidebar-left-collapsed">
  6. <head>
  7. <?php include("bim-support-header.html"); ?>
  8. <script src="./script/js/global.js"></script>
  9. <script type="application/javascript">
  10. var delFavoriteList = [];
  11. var i = 0;
  12. var path = [];
  13. var categoryList = [];
  14. var categoryTable = [];
  15. var id = [];
  16. var revitVersion = [];
  17. var userName = '<?php echo $_SESSION['name']; ?>';
  18. var $grid;
  19. //var year = [];
  20. pageHeader = "元件庫";
  21. var parent = [];
  22. var type = [];
  23. var object = [];
  24. var typeInEnglish = [];
  25. var parentInEnglish = [];
  26. </script>
  27. </head>
  28. <body>
  29. <canvas id="c"></canvas>
  30. <section class="body">
  31. <!-- start: header -->
  32. <header-menu></header-menu>
  33. <!-- end: header -->
  34. <div class="inner-wrapper">
  35. <!-- start: sidebar -->
  36. <side-bar></side-bar>
  37. <!-- end: sidebar -->
  38. <section role="main" class="content-body">
  39. <header class="page-header">
  40. <h2>{{pageHeader}}</h2>
  41. </header>
  42. <!-- start: page -->
  43. <section class="content-with-menu content-with-menu-has-toolbar media-gallery">
  44. <div class="content-with-menu-container">
  45. <inner-menu>
  46. <template v-slot:inner-equipment>
  47. <equipment-list></equipment-list>
  48. </template>
  49. </inner-menu>
  50. <div class="inner-body mg-main">
  51. <div class="inner-toolbar">
  52. <ul>
  53. <search-bar></search-bar>
  54. <filter-bar></filter-bar>
  55. <li class="right">
  56. <a href="#" id="mgSelectAll"><i class="fa fa-check-square"></i> <span data-all-text="選擇全部" data-none-text="取消全選">選擇全部</span></a>
  57. </li>
  58. <li class="right">
  59. <a href="#" onclick="DelFavorite();"><i class="fa fa-trash-o"></i> 移出清單</a>
  60. </li>
  61. </ul>
  62. </div>
  63. <filter-content></filter-content>
  64. <div class="row mg-files" data-sort-destination data-sort-id="media-gallery" id="content">
  65. </div>
  66. </div>
  67. </div>
  68. </section>
  69. <!-- end: page -->
  70. </section>
  71. </div>
  72. </section>
  73. <script>
  74. /*Vue */
  75. vm.mount('.body');
  76. </script>
  77. <?php include("bim-support-body.html"); ?>
  78. <script>
  79. $(document).ready(function() {
  80. $("a").each(function() {
  81. var searchText = "清單列表";
  82. var found;
  83. if ($(this).context.innerText == searchText) {
  84. $(this).context.classList.add("highlight");
  85. }
  86. });
  87. //$.getJSON
  88. $.ajaxSetup({
  89. async: false
  90. });
  91. $.ajax({
  92. url: "./script/php/equipment_group_favorite.php",
  93. type: "GET",
  94. data: {
  95. userName: userName,
  96. },
  97. contentType: "application/json",
  98. dataType: "json"
  99. }).done(function(data) {
  100. id = data.id;
  101. path = data.path;
  102. for (let i = 0; i < path.length; i++) {
  103. var array = path[i].split('/');
  104. parent[i] = array[0];
  105. type[i] = array[1];
  106. object[i] = array[2];
  107. }
  108. $.getJSON('./assets/equipmentTable2.json', function(data) {
  109. for (var k = 0; k < path.length; k++) {
  110. for (var i = 0; i < data.length; i++) {
  111. if (parent[k] == data[i].category_name) {
  112. parentInEnglish[k] = data[i].category_code;
  113. }
  114. for (var j = 0; j < data[i].children.length; j++) {
  115. if (type[k] == data[i].children[j].component_name) {
  116. typeInEnglish[k] = data[i].children[j].component_code;
  117. }
  118. }
  119. }
  120. }
  121. });
  122. revitVersion = data.revitVersion;
  123. for (var i = 0; i < data.year.length; i++) {
  124. $("#revitVersion").append('<label><input type="checkbox" value=".' + data.year[i] + '" /> ' + data.year[i] + '</label> ');
  125. }
  126. $.when(initThreeJS()).then(function() {
  127. $grid = $("#content").isotope({
  128. itemSelector: ".isotope-item",
  129. layoutMode: 'fitRows'
  130. });
  131. }).then(function() {
  132. setTimeout(function() {
  133. $grid.isotope()
  134. }, 100);
  135. });
  136. }).error(function(error) {
  137. console.log(error);
  138. });
  139. });
  140. //刪除元件checkbox
  141. $(document).on("change", "input[name='delCheck']", function() {
  142. if ($(this).prop('checked') === true) {
  143. delFavoriteList.push($(this).attr('value'));
  144. } else {
  145. delFavoriteList.splice(delFavoriteList.indexOf($(this).attr('value')), 1);
  146. }
  147. });
  148. function DelFavorite() {
  149. $.ajax({
  150. url: "./script/php/addFavorite.php",
  151. type: "POST",
  152. data: {
  153. delFavoriteList: delFavoriteList,
  154. username: userName
  155. }
  156. }).done(function(data) {
  157. window.location.reload();
  158. }).error(function(error) {
  159. console.log(error);
  160. });
  161. }
  162. </script>
  163. <script src="script/js/3Dpic-favorite.js" type="module"></script>
  164. </body>
  165. </html>