ah-dashboard-plugin
Version:
Plugin for an ActionHero Dashboard with many functionalities
162 lines (150 loc) • 7.09 kB
HTML
<html>
<head>
<meta charset="UTF-8">
<title>ActionHero Admin Dashboard</title>
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
<!-- bootstrap 3.0.2 -->
<link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- font Awesome -->
<link href="bower_components/fontawesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<!-- Ionicons -->
<!-- <link href="bower_components/admin-lte/css/ionicons.min.css" rel="stylesheet" type="text/css" /> -->
<!-- Theme style -->
<link href="bower_components/admin-lte/dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
<link href="bower_components/admin-lte/dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />
<link href="bower_components/jQuery-contextMenu/src/jquery.contextMenu.css" rel="stylesheet" type="text/css" />
<!-- ngDialog CSS -->
<link href="bower_components/ngDialog/css/ngDialog.min.css" rel="stylesheet" type="text/css" />
<link href="bower_components/ngDialog/css/ngDialog-theme-default.min.css" rel="stylesheet" type="text/css" />
<link href="bower_components/ngDialog/css/ngDialog-theme-plain.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.uname,.info,.content-header {
text-transform: uppercase;
}
.ng-hide{display:none }
</style>
<!-- Morris charts -->
<link href="bower_components/morrisjs/morris.css" rel="stylesheet" type="text/css" />
<link href="assets/css/dashboard.css" rel="stylesheet" type="text/css" />
<link href="bower_components/fancytree/dist/skin-win8/ui.fancytree.min.css" rel="stylesheet" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body class="skin-blue sidebar-mini">
<div class="wrapper" ng-controller="ahDashboardMain">
<header class="main-header">
<!-- Logo -->
<a href="#/" class="logo">
<!-- mini logo for sidebar mini 50x50 pixels -->
<span class="logo-mini"><b>AH</b>B</span>
<!-- logo for regular state and mobile devices -->
<span class="logo-lg"><b>AH</b>Dashboard</span>
</a>
<!-- Header Navbar: style can be found in header.less -->
<nav class="navbar navbar-static-top" role="navigation">
<!-- Sidebar toggle button-->
<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
<span class="sr-only">Toggle navigation</span>
</a>
</nav>
</header>
<!-- Left side column. contains the logo and sidebar -->
<aside class="main-sidebar ng-hide" ng-show="!isLoginPage()">
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar">
<!-- Sidebar user panel -->
<div class="user-panel">
<div class="pull-left image">
<img src="assets/img/avatar5.png" class="img-circle" alt="User Image" />
</div>
<div class="pull-left info">
<p>Hello, {{session.firstName}}</p>
<a href="#" ng-click="logout()"><i class="fa fa-power-off"></i> Logout</a>
</div>
</div>
<!-- sidebar menu: : style can be found in sidebar.less -->
<ul class="sidebar-menu">
<li ng-class="{ 'active': $route.current.$$route === route}">
<a href="#/">
<i class="fa fa-dashboard"></i> <span>Dashboard</span>
</a>
</li>
<li ng-class="{ 'active': $route.current.$$route === route}">
<a href="#/actions">
<i class="fa fa-cogs"></i> <span>Actions</span>
</a>
</li>
<li ng-class="{ 'active': $route.current.$$route === route}">
<a href="#/logging">
<i class="fa fa-terminal"></i> <span>Log</span>
</a>
</li>
<li ng-class="{ 'active': $route.current.$$route === route}">
<a href="#/routes">
<i class="fa fa-link"></i> <span>Routes</span>
</a>
</li>
<li ng-class="{ 'active': $route.current.$$route === route}">
<a href="#/plugins">
<i class="fa fa-plug"></i> <span>Plugins</span>
</a>
</li>
<li ng-class="{ 'active': $route.current.$$route === route}">
<a href="#/tasks">
<i class="fa fa-repeat"></i> <span>Tasks</span>
</a>
</li>
<li ng-class="{ 'active': $route.current.$$route === route}">
<a href="#/redis">
<i class="fa fa-database"></i> <span>Redis</span>
</a>
</li>
<li ng-class="{ 'active': $route.current.$$route === route}">
<a href="#/users">
<i class="fa fa-users"></i> <span>Users</span>
</a>
</li>
</ul>
</section>
<!-- /.sidebar -->
</aside>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header)
<section class="content-header">
<h1>
Calendar
<small>Control panel</small>
</h1>
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
<li class="active">Calendar</li>
</ol>
</section> -->
<!-- Main content -->
<section class="content">
<div ng-view="" ng-hide="session.authChecking"></div>
</section><!-- /.content -->
</div><!-- /.content-wrapper -->
<footer class="main-footer">
<div class="pull-right hidden-xs" style="margin-top:-10px">
<b>Version</b> 0.7.0 BETA
</div>
</footer>
</div><!-- ./wrapper -->
<script src="bower_components/requirejs/require.js" data-main="app/main.js"></script>
<script type="text/javascript">
AdminLTEOptions = {
enableBSToppltip: false
}
if(window.location.pathname == "#"){
window.location.href = "#/";
}
</script>
</body>
</html>