12345678910111213141516171819202122232425262728293031323334353637383940 |
- <div data-options="dxView: { name: 'SideMenu' }">
- <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}">
- <div data-bind="dxScrollView: {}" class="side-menu-frame">
- <div class="side-menu-frame_bg">
- <div class="side-menu-button">
- <div class="side-menu-button-image" data-bind="dxAction: function() { $SideMenu.toggleSideMenu() }"></div>
- </div>
- </div>
- <div class="side-menu">
- <ul data-bind="foreach:$SideMenu.sideMenuItems">
- <li>
- <!-- ko if: $data.subMenus -->
- <div class="has-children-menu" data-bind="dxAction: $SideMenu.expandSubMenu, text: $data.title, css: { 'dx-state-invisible': !$data.show() }"></div>
- <!-- cyim 2016.02.20 수정 : side-menu-col\lapse -> side-menu-collapse -->
- <ul class="sub-menu" data-bind="foreach: $data.subMenus , css: { 'dx-state-invisible': !$data.show(), 'side-menu-collapse': $data.isSelected() == false }">
- <li>
- <!-- ko if: $data.subMenus -->
- <div class="has-children-menu" data-bind="dxAction: $SideMenu.expandSubMenu, text:$data.title, css: { 'dx-state-invisible': !$data.show() } "></div>
- <ul class="sub-menu" data-bind="foreach: $data.subMenus , css: { 'side-menu-collapse': $data.isSelected() == false, 'dx-state-invisible': !$data.show() }, ">
- <li>
- <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>
- </li>
- </ul>
- <!-- /ko -->
- <!-- ko ifnot: $data.subMenus -->
- <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>
- <!-- /ko -->
- </li>
- </ul>
- <!-- /ko -->
- <!-- ko ifnot: $data.subMenus -->
- <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>
- <!-- /ko -->
- </li>
- </ul>
- </div>
- </div>
- </div>
- </div>
|