mirror of https://github.com/akveo/blur-admin
40 lines
2.4 KiB
HTML
40 lines
2.4 KiB
HTML
<aside class="al-sidebar" ng-swipe-right="menuExpand()" ng-swipe-left="menuCollapse()"
|
|
ng-mouseleave="hoverElemTop=selectElemTop">
|
|
<ul class="al-sidebar-list" slimscroll="{height: '{{menuHeight}}px'}" slimscroll-watch="menuHeight" >
|
|
<li ng-repeat="item in menuItems" class="al-sidebar-list-item"
|
|
ng-class="{'selected': item.selected, 'with-sub-menu': item.subMenu}">
|
|
|
|
<a ng-mouseenter="hoverItem($event, item)" href="{{ item.root }}" ng-if="!item.subMenu" class="al-sidebar-list-link">
|
|
<i class="{{ item.icon }}"></i><span>{{ item.title }}</span>
|
|
</a>
|
|
|
|
<a ng-mouseenter="hoverItem($event, item)" ng-if="item.subMenu" href ng-click="item.expanded = !item.expanded"
|
|
class="al-sidebar-list-link">
|
|
<i class="{{ item.icon }}"></i><span>{{ item.title }}</span>
|
|
<b class="fa" ng-class="{'fa-angle-up': item.expanded, 'fa-angle-down': !item.expanded}"
|
|
ng-if="item.subMenu"></b>
|
|
</a>
|
|
|
|
<ul ng-if="item.subMenu" class="al-sidebar-sublist"
|
|
ng-class="{expanded: item.expanded, 'slide-right': item.slideRight}">
|
|
<li ng-repeat="subitem in item.subMenu" ng-class="{'selected': subitem.selected, 'with-sub-menu': subitem.subMenu}">
|
|
<a ng-mouseenter="hoverItem($event, item)" ng-if="subitem.subMenu" href ng-click="subitem.expanded = !subitem.expanded"
|
|
class="al-sidebar-list-link subitem-submenu-link"><span>{{ subitem.title }}</span>
|
|
<b class="fa" ng-class="{'fa-angle-up': subitem.expanded, 'fa-angle-down': !subitem.expanded}"
|
|
ng-if="subitem.subMenu"></b>
|
|
</a>
|
|
<ul ng-if="subitem.subMenu" class="al-sidebar-sublist subitem-submenu-list"
|
|
ng-class="{expanded: subitem.expanded, 'slide-right': subitem.slideRight}">
|
|
<li ng-mouseenter="hoverItem($event, item)" ng-repeat="subSubitem in subitem.subMenu" ng-class="{selected: subitem.selected}">
|
|
<a ng-mouseenter="hoverItem($event, item)" href="{{ subSubitem.root }}">{{
|
|
subSubitem.title }}</a>
|
|
</li>
|
|
</ul>
|
|
<a ng-mouseenter="hoverItem($event, item)" target="{{subitem.blank ? '_blank' : '_self'}}" ng-if="!subitem.subMenu" href="{{ subitem.root }}">{{ subitem.title}}</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<div class="sidebar-hover-elem" ng-style="{top: hoverElemTop + 'px', height: hoverElemHeight + 'px'}"
|
|
ng-class="{'show-hover-elem': showHoverElem }"></div>
|
|
</aside> |