1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<div class="sidebar-nav navbar-collapse" id="sidebar-area" style="height:100%;">
<div class="login-user">
<div class="profile-image">
<i class="material-icons menu-icons ng-binding" ng-bind-template="person">person</i>
</div>
<div class="profile-name">
<span>{{::loginUser | limitString:10}}</span>
<span class="logout">
<i class="material-icons logout-arrow">arrow_drop_down</i>
<div style="width:100px;margin:5px auto;display: none; cursor: pointer; background-color: rgba(238, 238, 238, 0.38) !important; border-radius:5px;padding:3px;" ng-click="showChangePassword()">修改密码</div>
<div translate="Logout" style="display: none; cursor: pointer; width: 100px; margin: 0 auto; background-color: rgba(238, 238, 238, 0.38) !important; border-radius: 5px; padding: 3px; " ng-click="logout()"></div>
</span>
</div>
</div>
<div class="login-user-below" style="height: 100%">
<perfect-scrollbar class="scroller"
wheel-propagation="true"
wheel-speed="1"
min-scrollbar-length="20"
style="position: relative;height: calc(100% - 250px)!important;margin-top:15px;">
<ul class="nav" id="sidebar">
<li ng-repeat="menuItem in menuData" ng-include="'menuTree'">
</li>
</ul>
</perfect-scrollbar>
</div>
<script type="text/ng-template" id="menuTree">
<a class="dropdown-collapse" href="{{::menuItem.navigationUrl}}" title="{{::menuItem.name}}" ng-if="menuItem.isVisible">
<div class="menu-number number-toggler">
<i class="material-icons menu-icons" ng-if="isMenuClosed" ng-bind-template="{{::menuItem.iconClassName || menu}}"></i>
<i class="material-icons menu-icons" ng-if="!isMenuClosed && !menuItem.parentID" ng-bind-template="{{::menuItem.iconClassName || menu}}"></i>
<span ng-if="menuItem.parentID" style="visibility:hidden">{{::convertTo2BitNumber($index + 1)}}</span>
</div>
<span class="side-menu-title">{{::menuItem.name}}</span>
<span class="fa arrow custom-arrow" ng-hide="menuItem.parentID||menuItem.navigationUrl!==''"></span>
</a>
<ul class="nav collapse" ng-if="menuItem.subMenus">
<li ng-repeat="menuItem in menuItem.subMenus" ng-include="'menuTree'"></li>
</ul>
</script>
</div>