Create a view for the dashboard

This commit is contained in:
Frédéric Vachon 2015-02-03 14:30:10 -05:00
parent 47c4743723
commit ded33c025f
6 changed files with 47 additions and 13 deletions

View File

@ -6,7 +6,7 @@
<li class="menu-title"> <li class="menu-title">
<a href="#"> Shortcut <span class="arrow"></span></a> <a href="#"> Shortcut <span class="arrow"></span></a>
<ul class="sub-menu" id="shortcut"> <ul class="sub-menu" id="shortcut">
<li><a href="#/tactical">Dashboard</a></li> <li><a href="#/dashboard">Dashboard</a></li>
<li><a href="#/hosts">Hosts</a></li> <li><a href="#/hosts">Hosts</a></li>
<li><a href="#">Services</a></li> <li><a href="#">Services</a></li>
<li><a href="#">Networks parents</a></li> <li><a href="#">Networks parents</a></li>

View File

@ -1,6 +1,5 @@
<div ng-app="adagios.tactical" ng-controller="TacticalCtrl" id="tactical" class=""> <div ng-app="adagios.tactical" ng-controller="TacticalCtrl" id="tactical" class="">
<h2>Tactical Overview</h2> <h2>Tactical Overview</h2>
<div id="summary" class="jumbotron"> <div id="summary" class="jumbotron">
@ -19,6 +18,4 @@
</div> </div>
<adg-table cells="host,service_check,duration,last_check"></adg-table>
</div> </div>

View File

@ -1,19 +1,11 @@
'use strict'; 'use strict';
angular.module('adagios.tactical', ['ngRoute', angular.module('adagios.tactical', ['adagios.tactical.status_overview',
'adagios.tactical.status_overview',
'adagios.tactical.current_health', 'adagios.tactical.current_health',
'adagios.tactical.top_alert_producers', 'adagios.tactical.top_alert_producers',
'adagios.table' 'adagios.table'
]) ])
.config(['$routeProvider', function ($routeProvider) {
$routeProvider.when('/tactical', {
templateUrl: 'components/tactical/tactical.html',
controller: 'TacticalCtrl'
});
}])
.controller('TacticalCtrl', ['$scope', '$http', function ($scope, $http) { .controller('TacticalCtrl', ['$scope', '$http', function ($scope, $http) {
return; return;
}]); }]);

View File

@ -0,0 +1,23 @@
<div ng-app="adagios.tactical" ng-controller="DashboardCtrl" id="tactical" class="">
<h2>Tactical Overview</h2>
<div id="summary" class="jumbotron">
<div class="row">
<div class="col-md-4">
<adg-status-overview></adg-status-overview>
</div>
<div class="col-md-4">
<adg-current-health></adg-current-health>
</div>
<div class="col-md-4">
<adg-top-alert-producers></adg-top-alert-producers>
</div>
</div>
</div>
<adg-table cells="host,service_check,duration,last_check"></adg-table>
</div>

View File

@ -0,0 +1,19 @@
'use strict';
angular.module('adagios.tactical', ['ngRoute',
'adagios.tactical.status_overview',
'adagios.tactical.current_health',
'adagios.tactical.top_alert_producers',
'adagios.table'
])
.config(['$routeProvider', function ($routeProvider) {
$routeProvider.when('/dashboard', {
templateUrl: 'dashboard/dashboard.html',
controller: 'DashboardCtrl'
});
}])
.controller('DashboardCtrl', ['$scope', '$http', function ($scope, $http) {
return;
}]);

View File

@ -43,6 +43,9 @@
<script src="bower_components/html5-boilerplate/js/vendor/modernizr-2.6.2.min.js"></script> <script src="bower_components/html5-boilerplate/js/vendor/modernizr-2.6.2.min.js"></script>
<script src="bower_components/moment/moment.js"></script> <script src="bower_components/moment/moment.js"></script>
<!-- VIEWS -->
<script src="dashboard/dashboard.js"></script>
</head> </head>
<body class="layout color-scheme--dark"> <body class="layout color-scheme--dark">