<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<base href="/panel"/>
<title>Panel</title>
<link rel="stylesheet" href="/css/panel.min.css"/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css"
integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<script src="/js/panel.bundle.js"></script>
</head>
<body ng-app="shimapan-panel">
<div class="container">
<div class="sidebar-title" ng-click="$state.go('home')"><span>Shimapan</span></div>
<div class="sidebar" ng-controller="NavController">
<ul class="nav">
<li>
<span class="nav-icon"><i class="fa fa-tachometer-alt"></i></span>
<a draggable="false" ui-sref="dashboard" ng-class="{active: $state.$current.name=='dashboard'}">Dashboard</a>
</li>
<li>
<span class="nav-icon"><i class="fa fa-search"></i></span>
<a draggable="false" ui-sref="search" ng-class="{active: $state.$current.name=='search'}">Search</a>
</li>
<li>
<span class="nav-icon"><i class="fa fa-key"></i></span>
<a draggable="false" ui-sref="keys" ng-class="{active: $state.$current.name=='keys'}">Keys</a>
</li>
<li>
<span class="nav-icon"><i class="fa fa-envelope"></i></span>
<a draggable="false" ui-sref="invites" ng-class="{active: $state.$current.name=='invites'}">Invites</a>
</li>
<li ng-hide="!hasPermission('user.get')">
<span class="nav-icon"><i class="fa fa-users"></i></span>
<a draggable="false" ui-sref="users" ng-class="{active: $state.$current.name=='users'}">Users</a>
</li>
<li>
<span class="nav-icon"><i class="fa fa-signal"></i></span>
<a draggable="false" ui-sref="stats" ng-class="{active: $state.$current.name=='stats'}">Statistics</a>
</li>
<li>
<span class="nav-icon"><i class="fa fa-sign-out-alt"></i></span>
<a draggable="false" ng-click="logout()">Logout</a>
</li>
</ul>
</div>
<div class="view" ui-view>
</div>
</div>
</body>
</html>