component-favorite.php 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187
  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 role = "<?php echo ($groupName); ?>";
  19. var right = <?php echo ($right); ?>;
  20. var $grid;
  21. //var year = [];
  22. pageHeader = "元件庫";
  23. var parent = [];
  24. var type = [];
  25. var object = [];
  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. addUserImage(userName.charAt(0), role);
  77. </script>
  78. <?php include("bim-support-body.html"); ?>
  79. <script>
  80. $(document).ready(function() {
  81. $("a").each(function() {
  82. var searchText = "清單列表";
  83. var found;
  84. if ($(this).context.innerText == searchText) {
  85. $(this).context.classList.add("highlight");
  86. }
  87. });
  88. //$.getJSON
  89. $.ajaxSetup({
  90. async: false
  91. });
  92. $.ajax({
  93. url: "./script/php/equipment_group_favorite.php",
  94. type: "GET",
  95. data: {
  96. userName: userName,
  97. },
  98. contentType: "application/json",
  99. dataType: "json"
  100. }).done(function(data) {
  101. id = data.id;
  102. path = data.path;
  103. for (let i = 0; i < path.length; i++) {
  104. var array = path[i].split('/');
  105. parent[i] = array[0];
  106. type[i] = array[1];
  107. object[i] = array[2];
  108. }
  109. revitVersion = data.revitVersion;
  110. for (var i = 0; i < data.year.length; i++) {
  111. $("#revitVersion").append('<label><input type="checkbox" value=".' + data.year[i] + '" /> ' + data.year[i] + '</label> ');
  112. }
  113. $.when(initThreeJS()).then(function() {
  114. $grid = $("#content").isotope({
  115. itemSelector: ".isotope-item",
  116. layoutMode: 'fitRows'
  117. });
  118. }).then(function() {
  119. setTimeout(function() {
  120. $grid.isotope()
  121. }, 100);
  122. });
  123. }).error(function(error) {
  124. console.log(error);
  125. });
  126. });
  127. //刪除元件checkbox
  128. $(document).on("change", "input[name='delCheck']", function() {
  129. if ($(this).prop('checked') === true) {
  130. delFavoriteList.push($(this).attr('value'));
  131. } else {
  132. delFavoriteList.splice(delFavoriteList.indexOf($(this).attr('value')), 1);
  133. }
  134. });
  135. $('#mgSelectAll').on('click', function(ev) {
  136. ev.preventDefault();
  137. var $this = $(this),
  138. $label = $this.find('> span');
  139. $checks = $("input[name='delCheck']")
  140. if ($this.attr('data-all-selected')) {
  141. $this.removeAttr('data-all-selected');
  142. $checks.prop('checked', false).trigger('change');
  143. $label.html($label.data('all-text'));
  144. } else {
  145. $this.attr('data-all-selected', 'true');
  146. $checks.prop('checked', true).trigger('change');
  147. $label.html($label.data('none-text'));
  148. }
  149. });
  150. function DelFavorite() {
  151. $.ajax({
  152. url: "./script/php/addFavorite.php",
  153. type: "POST",
  154. data: {
  155. delFavoriteList: delFavoriteList,
  156. username: userName
  157. }
  158. }).done(function(data) {
  159. window.location.reload();
  160. }).error(function(error) {
  161. console.log(error);
  162. });
  163. }
  164. </script>
  165. <script src="./script/js/data-sort.js"></script>
  166. <script src="script/js/3Dpic-favorite.js" type="module"></script>
  167. </body>
  168. </html>