d3e2954a31a646b5d66b0a24bb051e7d1843e322.svn-base 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <div data-options="dxView: { name: 'SideMenu' }">
  2. <div id="sideMenuOverlay" data-bind="dxOverlay: {width: '190px', height: $SideMenu.height, position: { my: 'left top' , at: 'left top' , of: $('#toolbar') } , visible: $SideMenu.visible , animation: $SideMenu.animationConfig, shading: false}">
  3. <div data-bind="dxScrollView: {}" class="side-menu-frame">
  4. <div class="side-menu-frame_bg">
  5. <div class="side-menu-button">
  6. <div class="side-menu-button-image" data-bind="dxAction: function() { $SideMenu.toggleSideMenu() }"></div>
  7. </div>
  8. </div>
  9. <div class="side-menu">
  10. <ul data-bind="foreach:$SideMenu.sideMenuItems">
  11. <li>
  12. <!-- ko if: $data.subMenus -->
  13. <div class="has-children-menu" data-bind="dxAction: $SideMenu.expandSubMenu, text: $data.title, css: { 'dx-state-invisible': !$data.show() }"></div>
  14. <!-- cyim 2016.02.20 수정 : side-menu-col\lapse -> side-menu-collapse -->
  15. <ul class="sub-menu" data-bind="foreach: $data.subMenus , css: { 'dx-state-invisible': !$data.show(), 'side-menu-collapse': $data.isSelected() == false }">
  16. <li>
  17. <!-- ko if: $data.subMenus -->
  18. <div class="has-children-menu" data-bind="dxAction: $SideMenu.expandSubMenu, text:$data.title, css: { 'dx-state-invisible': !$data.show() } "></div>
  19. <ul class="sub-menu" data-bind="foreach: $data.subMenus , css: { 'side-menu-collapse': $data.isSelected() == false, 'dx-state-invisible': !$data.show() }, ">
  20. <li>
  21. <div data-bind="attr: { id: $data.viewId , href: '#' , onclick: $data.link }, css: { 'dx-state-invisible': !$data.show(), active: $data.viewId == $SideMenu.currentViewId() } , text: $data.title"></div>
  22. </li>
  23. </ul>
  24. <!-- /ko -->
  25. <!-- ko ifnot: $data.subMenus -->
  26. <div data-bind="attr: { id: $data.viewId , href: '#' , onclick: $data.link }, css: { 'dx-state-invisible': !$data.show(), active: $data.viewId == $SideMenu.currentViewId() }, text: $data.title"></div>
  27. <!-- /ko -->
  28. </li>
  29. </ul>
  30. <!-- /ko -->
  31. <!-- ko ifnot: $data.subMenus -->
  32. <div data-bind="attr: { id: $data.viewId , href: '#' , onclick: $data.link }, css: { 'dx-state-invisible': !$data.show(), active: $data.viewId == $SideMenu.currentViewId() }, text: $data.title" class="level2_menu"></div>
  33. <!-- /ko -->
  34. </li>
  35. </ul>
  36. </div>
  37. </div>
  38. </div>
  39. </div>