4aad0572d858dfb388844c7ef86be989ccb3ef8f.svn-base 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345
  1. 
  2. //visibles = {};
  3. $(function() {
  4. //BemsWebApplication.app.navigation.forEach(function (item)
  5. //{
  6. // visibles[item._options.id] = ko.observable(false);
  7. //});
  8. "use strict";
  9. var self = window.$SideMenu = {
  10. currentNavigationId: undefined,
  11. currentViewId: ko.observable('Building'),
  12. sideMenuSet: {},
  13. selectedNavIndex: ko.observable(-1),
  14. sideMenuItems: ko.observableArray([]),
  15. isWillShowSideMenu: false,
  16. visible: ko.observable(false),
  17. height: ko.observable(''),
  18. selectedItems: ko.observableArray(),
  19. animationConfig: {
  20. show: { type: "slide", duration: 500, from: { left: -260, opacity: 1 }, to: { left: 0, opacity: 1 } },
  21. hide: { type: "slide", duration: 300, from: { left: 0, opacity: 1 }, to: { left: -260, opacity: 1 } }
  22. },
  23. setNavigationId: function(id) {
  24. if (this.currentNavigationId !== id) {
  25. // self.configureMenus( id );
  26. }
  27. this.currentNavigationId = id;
  28. this.isWillShowSideMenu = true;
  29. },
  30. getNavigationIdFromViewId: function(viewId) {
  31. var isExist = function(array) {
  32. return array.some(function(element) {
  33. if (element.subMenus) {
  34. return isExist(element.subMenus);
  35. }
  36. if (element.viewId === viewId) {
  37. return true;
  38. }
  39. return false;
  40. });
  41. }
  42. var navId = null;
  43. var index = 0;
  44. $.each(this.sideMenuSet, function(name, value) {
  45. index++;
  46. if (isExist(value)) {
  47. navId = name;
  48. return false;
  49. }
  50. });
  51. BWA.config.navigation.forEach(function(item, i) {
  52. if (item.id === navId) {
  53. index = i;
  54. return false;
  55. }
  56. });
  57. return { index: index, id: navId };
  58. },
  59. setupGroupItemState: function(jElement) {
  60. },
  61. // viewId를 입력받아서 해당하는 id의 상단 메뉴와 좌측 메뉴 항목을
  62. // 선택되도록 만드는 함수
  63. // 해당 하는 view가 Shown 이벤트가 발생할 때 반드시 호출해야 한다.
  64. showSideMenuIfWill: function(viewId) {
  65. viewId = viewId || this.currentViewId();
  66. var loaded = false;
  67. if (_.isEmpty(self.sideMenuItems())) {
  68. var selectedNavItem = self.getNavigationIdFromViewId(viewId);
  69. self.setNavigationId(selectedNavItem.id);
  70. self.selectedNavIndex(selectedNavItem.index);
  71. self.configureMenus(selectedNavItem.id);
  72. //if (_.isUndefined(selectedNavItem.mode) === false) {
  73. // BWA.BemsFmsMode.setBemsMode(selectedNavItem.mode === 'bems');
  74. //}
  75. loaded = true;
  76. }
  77. if (self.isWillShowSideMenu) {
  78. if (loaded == false) self.configureMenus(self.currentNavigationId);
  79. BWA.BemsFmsMode.setNavId(self.currentNavigationId);
  80. self.showSideMenu();
  81. //console.log( self.sideMenuItems() );
  82. self.isWillShowSideMenu = false;
  83. }
  84. self.currentViewId(viewId);
  85. var done = false;
  86. //var selectedItem = null;
  87. //var selectedParentItem = null;
  88. //console.log( self.sideMenuItems() );
  89. var selectedItems = null;
  90. (function selectItem(array, selectedViewId, parents) {
  91. if (_.isUndefined(array)) return;
  92. //if( done ) return false;
  93. return array.forEach(function(element) {
  94. if (element.subMenus) {
  95. var newParents = parents.slice(0);
  96. newParents.push(element);
  97. return selectItem(element.subMenus, selectedViewId, newParents);
  98. }
  99. if (element.viewId === selectedViewId) {
  100. parents.forEach(function(item) {
  101. item.isSelected(true);
  102. });
  103. selectedItems = parents.slice(0);
  104. }
  105. else {
  106. parents.forEach(function(item) {
  107. if (selectedItems) {
  108. if (selectedItems.indexOf(item) >= 0) {
  109. return true;
  110. }
  111. }
  112. // 주석을 풀면 선택된 후 선택된 다른 메뉴를 collapse 한다.
  113. //item.isSelected(true);
  114. //item.isSelected(false);
  115. });
  116. //}
  117. }
  118. });
  119. })(self.sideMenuItems(), viewId, []);
  120. this.selectedItems(selectedItems);
  121. if (_.isNull(selectedItems)) {
  122. self.visible(false);
  123. }
  124. // console.log( selectedItems );
  125. },
  126. toggleSideMenu: function() {
  127. self.visible(!self.visible());
  128. //var visible = visibles[currentSideMenuId];
  129. //visible( !visible() );
  130. },
  131. showSideMenu: function() {
  132. this.recalulateHeight();
  133. this.visible(true);
  134. //isWillShowSideMenu = false;
  135. //visibles[id]( true );
  136. },
  137. hideSideMenu: function() {
  138. self.visible(false);
  139. },
  140. configureMenus: function(navId) {
  141. self.sideMenuItems(self.sideMenuSet[navId]);
  142. //console.log( self.sideMenuSet[navId] );
  143. },
  144. selectedMenuItemProperties: [],
  145. pushSideMenu: function (menuItems) {
  146. // 2018 01 19 hcLee -> 메뉴 Show,Hide를 위해 기존의 Menu 속성에 ...
  147. (function pushItem(array) {
  148. _.each(array, function (element) {
  149. $.extend(element, { show: ko.observable(true) });
  150. if (element.subMenus) {
  151. return pushItem(element.subMenus);
  152. }
  153. });
  154. })(menuItems[Object.getOwnPropertyNames(menuItems)[0]]);
  155. // .. show 를 추가한다. 2018 01 19 hcLee
  156. // menuItems.getOwnPropertyNames()[0];
  157. //selectedMenuItemProperties.clear();
  158. //console.log( Object.getOwnPropertyNames( menuItems ) );
  159. (function pushItem(array, path, pathDepth) {
  160. _.each(array, function (element) {
  161. if (element.subMenus) {
  162. path[pathDepth] = element.title;
  163. element.isSelected = ko.observable(false);
  164. return pushItem(element.subMenus, path, pathDepth + 1);
  165. }
  166. else {
  167. element.path = path.slice(0, pathDepth);
  168. element.link = "$SideMenu.navigate('" + element.viewId + "')";
  169. }
  170. });
  171. })(menuItems[Object.getOwnPropertyNames(menuItems)[0]], [], 0);
  172. //});
  173. $.extend(self.sideMenuSet, menuItems);
  174. },
  175. expandSubMenu: function () {
  176. var next = $(this).next();
  177. var parent = next.parent().parent();
  178. //console.log( parent.html() );
  179. //parent.children().each(function(i, item) {
  180. // var element = $(item).children()[0];
  181. // element = $(element).next();
  182. // if (element != next) {
  183. // if (!element.hasClass('side-menu-collapse')) {
  184. // element.addClass('side-menu-collapse');
  185. // }
  186. // }
  187. //});
  188. var obj = ko.dataFor(this);
  189. if (next.hasClass('side-menu-collapse')) {
  190. obj.isSelected(true);
  191. next.removeClass('side-menu-collapse');
  192. }
  193. else {
  194. obj.isSelected(false);
  195. next.addClass('side-menu-collapse');
  196. }
  197. },
  198. recalulateHeight: function() {
  199. var height = $('.header_wrap').height();
  200. this.height($(window).height() - height);
  201. },
  202. SideMenuShowingAction: function(e) {
  203. //this.recalulateHeight();
  204. },
  205. SideMenuHidingAction: function(e) {
  206. //$(e.element).children().find('#sideMenu').remove();
  207. },
  208. navigate: function(id) {
  209. if (_.isUndefined(id) || id === 'undefined') {
  210. utils.toast.show('설정된 화면이 없습니다.', 'error');
  211. return;
  212. }
  213. BemsWebApplication.app.navigate(id);
  214. },
  215. // hashset으로 가지고 있다가 path와 이름을 넘겨준다. 오로지 menuId만 post할 때 필요하다.
  216. // CmMenu를 사용하지 않도록 구현한다.
  217. getSidemenuHashSet: function() {
  218. var navigations = {};
  219. _.each(BWA.config.navigation, function(x) {
  220. navigations[x.id] = x.title;
  221. });
  222. var menuHashSet = {};
  223. _.each(self.sideMenuSet, function(subMenus, navId) {
  224. var navTitleArray = [navigations[navId]];
  225. (function findMenuLeaf(subMenus) {
  226. _.each(subMenus, function(menu) {
  227. if (_.has(menu, 'subMenus')) {
  228. findMenuLeaf(menu.subMenus);
  229. }
  230. else if (_.isUndefined(menu.viewId) === false) {
  231. menuHashSet[menu.viewId] = {
  232. Name: menu.title,
  233. MenuPath: navTitleArray.concat(menu.path).join('/')
  234. };
  235. }
  236. });
  237. })(subMenus);
  238. });
  239. return menuHashSet;
  240. },
  241. getSidemenusForPermission: function() {
  242. var navigations = {};
  243. _.each(BWA.config.navigation, function(x) {
  244. navigations[x.id] = x.title;
  245. });
  246. var menus = [];
  247. _.each(self.sideMenuSet, function(subMenus, navId) {
  248. var path = [navigations[navId]];
  249. (function findMenuLeaf(subMenus) {
  250. _.each(subMenus, function(menu) {
  251. if (_.has(menu, 'subMenus')) {
  252. findMenuLeaf(menu.subMenus);
  253. }
  254. else if (_.isUndefined(menu.viewId) === false) {
  255. var viewId = menu.viewId;
  256. if (menus.some(function(x) {
  257. return x.MenuId === viewId;
  258. })) {
  259. throw new Exception('Same MenuId.');
  260. return;
  261. }
  262. menus.push({
  263. MenuId: viewId,
  264. Name: menu.title,
  265. MenuPath: path.concat(menu.path).join('/'),
  266. MenuPermission: 7 // 모든 권한
  267. });
  268. }
  269. });
  270. })(subMenus);
  271. });
  272. return menus;
  273. }
  274. };
  275. $(window).resize(function(event) {
  276. self.recalulateHeight();
  277. });
  278. });