Tactical became a module and the rest is moved to dashboard view
This commit is contained in:
Frédéric Vachon
parent
81b2743a44
commit
3729767755
@ -15,9 +15,9 @@
|
||||
<span class="sidebar__category">Shortcut</span>
|
||||
|
||||
<ul class="sidebar__sublist" id="shortcutList">
|
||||
<li class="sidebar__subitem"><a class="state--current" href="#/tactical">Dashboard</a></li>
|
||||
<li class="sidebar__subitem"><a class="state--current" href="#/dashboard">Dashboard</a></li>
|
||||
<li class="sidebar__subitem"><a href="#/hosts">Hosts</a></li>
|
||||
<li class="sidebar__subitem"><a href="#">Services</a></li>
|
||||
<li class="sidebar__subitem"><a href="#/services">Services</a></li>
|
||||
<li class="sidebar__subitem"><a href="#">Networks parents</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
@ -1,252 +1,13 @@
|
||||
<article ng-app="adagios.tactical" ng-controller="TacticalCtrl" id="tactical">
|
||||
<header class="main__overview">
|
||||
<h2 class="main__overview__title">Tactical Overview</h2>
|
||||
|
||||
<div class="panes panes--3">
|
||||
<div class="panes__pane">
|
||||
<adg-status-overview></adg-status-overview>
|
||||
</div>
|
||||
|
||||
<div class="panes__pane">
|
||||
<adg-current-health></adg-current-health>
|
||||
</div>
|
||||
|
||||
<div class="panes__pane">
|
||||
<adg-top-alert-producers></adg-top-alert-producers>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="panes panes--3" ng-controller="TacticalCtrl" id="tactical">
|
||||
<div class="panes__pane">
|
||||
<adg-status-overview></adg-status-overview>
|
||||
</div>
|
||||
|
||||
<section class="main__content tabpanel">
|
||||
<nav>
|
||||
<ul class="tablist clearfix">
|
||||
<li role="presentation" class="tablist__item active">
|
||||
<a href="#openProblems"
|
||||
class="tabpanel__tab"
|
||||
aria-controls="openProblems"
|
||||
aria-expanded="true"
|
||||
role="tab"
|
||||
data-toggle="tab"
|
||||
data-problems="27">Open problems
|
||||
</a>
|
||||
</li>
|
||||
<li role="presentation" class="tablist__item">
|
||||
<a href="#allProblems"
|
||||
class="tabpanel__tab"
|
||||
aria-controls="allProblems"
|
||||
aria-expanded="false"
|
||||
role="tab"
|
||||
data-toggle="tab"
|
||||
data-problems="38">All problems
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<menu class="filters">
|
||||
<ul class="filters__list clearfix">
|
||||
<li class="filters__item filters__item--problems">
|
||||
<button class="filters__button"
|
||||
type="button"
|
||||
data-toggle="collapse"
|
||||
data-target="#filtersProblems"
|
||||
aria-expanded="false"
|
||||
aria-controls="filtersProblems">
|
||||
<span>All</span>
|
||||
<i class="ico-down-dir"></i>
|
||||
</button>
|
||||
|
||||
<div class="filters__panel collapse" id="filtersProblems">
|
||||
<ul class="filters__sublist">
|
||||
<li class="filters__subitem">
|
||||
<a class="filters__link state--current" href="#">All</a>
|
||||
</li>
|
||||
<li class="filters__subitem">
|
||||
<a class="filters__link" href="#">All OK</a>
|
||||
</li>
|
||||
<li class="filters__subitem">
|
||||
<a class="filters__link" href="#">All Acknowledged</a>
|
||||
</li>
|
||||
<li class="filters__subitem">
|
||||
<a class="filters__link" href="#">All in Downtime</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="filters__item filters__item--recheck">
|
||||
<button class="filters__button" type="button">
|
||||
<span class="visuallyhidden">Recheck</span>
|
||||
<i class="ico-arrows-cw"></i>
|
||||
</button>
|
||||
</li>
|
||||
<li class="filters__item filters__item--acknowledge"
|
||||
data-mover="true">
|
||||
<button class="filters__button" type="button">
|
||||
<span class="visuallyhidden">Acknowledge</span>
|
||||
<i class="ico-thumbs-up"></i>
|
||||
</button>
|
||||
</li>
|
||||
<li class="filters__item filters__item--downtime"
|
||||
data-mover="true">
|
||||
<button class="filters__button" type="button">
|
||||
<span class="visuallyhidden">Downtime</span>
|
||||
<i class="ico-clock"></i>
|
||||
</button>
|
||||
</li>
|
||||
<li class="filters__item filters__item--more clearfix">
|
||||
<button class="filters__button"
|
||||
type="button"
|
||||
data-toggle="collapse"
|
||||
data-target="#filtersMore"
|
||||
aria-expanded="false"
|
||||
aria-controls="filtersMore">
|
||||
<span>More</span>
|
||||
<i class="ico-down-dir"></i>
|
||||
</button>
|
||||
|
||||
<div class="filters__panel collapse" id="filtersMore">
|
||||
<ul class="filters__sublist">
|
||||
<li class="filters__subitem">
|
||||
<a class="filters__link" href="#">More I</a>
|
||||
</li>
|
||||
<li class="filters__subitem">
|
||||
<a class="filters__link" href="#">More II</a>
|
||||
</li>
|
||||
<li class="filters__subitem">
|
||||
<a class="filters__link" href="#">More III</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="filters__item filters__item--settings">
|
||||
<button class="filters__button"
|
||||
type="button"
|
||||
data-toggle="collapse"
|
||||
data-target="#filtersSettings"
|
||||
aria-expanded="false"
|
||||
aria-controls="filtersSettings">
|
||||
<span class="visuallyhidden">Filters Settings</span>
|
||||
<i class="ico-cog"></i>
|
||||
</button>
|
||||
|
||||
<div class="filters__panel collapse" id="filtersSettings">
|
||||
<ul class="filters__sublist">
|
||||
<li>...</li>
|
||||
<li>...</li>
|
||||
<li>...</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</menu>
|
||||
|
||||
<div class="tab-content">
|
||||
<div role="tabpanel" class="problems tab-pane active" id="openProblems">
|
||||
<header class="main__content__header clearfix">
|
||||
<h2 class="main__content__title">Unhandled service problems</h2>
|
||||
<p class="main__content__alert state--error">There are 5 host problems.</p>
|
||||
</header>
|
||||
|
||||
<adg-table></adg-table>
|
||||
|
||||
<table class="data-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="data-table__checkbox"><input type="checkbox"></th>
|
||||
<th class="state--current data-table__host">
|
||||
<span class="data-table__cell__string">Host</span>
|
||||
<i class="ico-up-dir"></i>
|
||||
</th>
|
||||
<th class="data-table__service">Service check</th>
|
||||
<th class="data-table__duration">Duration</th>
|
||||
<th class="data-table__lastcheck">Last check</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tr>
|
||||
<td class="data-table__checkbox"><input type="checkbox"></td>
|
||||
<td class="data-table__host state--ok">
|
||||
<a class="data-table__data" href="#">localhost</a>
|
||||
</td>
|
||||
<td class="data-table__service state--warning">
|
||||
<dl class="data-table__data">
|
||||
<dt class="data-table__service__name">Root partition</dt>
|
||||
<dd class="data-table__service__summary">DISK WARNING - free space : / 673 MB (12% inode = 59%)</dd>
|
||||
</dl>
|
||||
</td>
|
||||
<td class="data-table__duration">1 month, 2 weeks</td>
|
||||
<td class="data-table__lastcheck">0 minutes ago</td>
|
||||
</tr>
|
||||
|
||||
<tr class="state--hasChild">
|
||||
<td class="data-table__checkbox"><input type="checkbox"></td>
|
||||
<td class="data-table__host state--ok">
|
||||
<a class="data-table__data" href="#">srv-apache-01</a>
|
||||
</td>
|
||||
<td class="data-table__service state--warning">
|
||||
<dl class="data-table__data">
|
||||
<dt class="data-table__service__name">Root partition</dt>
|
||||
<dd class="data-table__service__summary">DISK WARNING - free space : / 673 MB (12% inode = 59%)</dd>
|
||||
</dl>
|
||||
</td>
|
||||
<td class="data-table__duration">1 month, 2 weeks</td>
|
||||
<td class="data-table__lastcheck">0 minutes ago</td>
|
||||
</tr>
|
||||
|
||||
<tbody class="state--isChild">
|
||||
<tr>
|
||||
<td class="data-table__checkbox"><input type="checkbox"></td>
|
||||
<td class=""> </td>
|
||||
<td class="data-table__service state--error">
|
||||
<dl class="data-table__data">
|
||||
<dt class="data-table__service__name">Root partition</dt>
|
||||
<dd class="data-table__service__summary">DISK ERROR - free space : / 673 MB (12% inode = 59%)</dd>
|
||||
</dl>
|
||||
</td>
|
||||
<td class="data-table__duration">1 month, 2 weeks</td>
|
||||
<td class="data-table__lastcheck">0 minutes ago</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
<tr>
|
||||
<td class="data-table__checkbox"><input type="checkbox"></td>
|
||||
<td class="data-table__host state--ok">
|
||||
<a class="data-table__data" href="#">localhost</a>
|
||||
</td>
|
||||
<td class="data-table__service state--warning">
|
||||
<dl class="data-table__data">
|
||||
<dt class="data-table__service__name">Root partition</dt>
|
||||
<dd class="data-table__service__summary">DISK WARNING - free space : / 673 MB (12% inode = 59%)</dd>
|
||||
</dl>
|
||||
</td>
|
||||
<td class="data-table__duration">1 month, 2 weeks</td>
|
||||
<td class="data-table__lastcheck">0 minutes ago</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="data-table__checkbox"><input type="checkbox"></td>
|
||||
<td class="data-table__host state--ok">
|
||||
<a class="data-table__data" href="#">localhost</a>
|
||||
</td>
|
||||
<td class="data-table__service state--warning">
|
||||
<dl class="data-table__data">
|
||||
<dt class="data-table__service__name">Root partition</dt>
|
||||
<dd class="data-table__service__summary">DISK WARNING - free space : / 673 MB (12% inode = 59%)</dd>
|
||||
</dl>
|
||||
</td>
|
||||
<td class="data-table__duration">1 month, 2 weeks</td>
|
||||
<td class="data-table__lastcheck">0 minutes ago</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div role="tabpanel" class="problems tab-pane" id="allProblems">
|
||||
<header class="main__content__header">
|
||||
<h2 class="main__content__title">All service problems</h2>
|
||||
|
||||
<p class="main__content__alert">...</p>
|
||||
</header>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
</article>
|
||||
<div class="panes__pane">
|
||||
<adg-current-health></adg-current-health>
|
||||
</div>
|
||||
|
||||
<div class="panes__pane">
|
||||
<adg-top-alert-producers></adg-top-alert-producers>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -2,15 +2,21 @@
|
||||
|
||||
angular.module('adagios.tactical', ['adagios.tactical.status_overview',
|
||||
'adagios.tactical.current_health',
|
||||
'adagios.tactical.top_alert_producers',
|
||||
'adagios.table'
|
||||
'adagios.tactical.top_alert_producers'
|
||||
])
|
||||
|
||||
.controller('TacticalCtrl', ['$scope', '$http', function ($scope, $http) {
|
||||
|
||||
// Togglable tabs
|
||||
// Don't follow hyperlinks
|
||||
$('a[data-toggle="tab"]').on('click', function(evt) {
|
||||
$('a[data-toggle="tab"]').on('click', function (evt) {
|
||||
evt.preventDefault();
|
||||
});
|
||||
}]);
|
||||
}])
|
||||
|
||||
.directive('adgTactical', function () {
|
||||
return {
|
||||
restrict: 'E',
|
||||
templateUrl: 'components/tactical/tactical.html'
|
||||
};
|
||||
});
|
||||
|
||||
@ -1,23 +1,241 @@
|
||||
<div ng-app="adagios.tactical" ng-controller="DashboardCtrl" id="tactical" class="">
|
||||
<article ng-app="adagios.tactical" ng-controller="TacticalCtrl" id="tactical">
|
||||
<header class="main__overview">
|
||||
<h2 class="main__overview__title">Tactical Overview</h2>
|
||||
|
||||
<adg-tactical></adg-tactical>
|
||||
|
||||
<h2>Tactical Overview</h2>
|
||||
</header>
|
||||
|
||||
<section class="main__content tabpanel">
|
||||
<nav>
|
||||
<ul class="tablist clearfix">
|
||||
<li role="presentation" class="tablist__item active">
|
||||
<a href="#openProblems"
|
||||
class="tabpanel__tab"
|
||||
aria-controls="openProblems"
|
||||
aria-expanded="true"
|
||||
role="tab"
|
||||
data-toggle="tab"
|
||||
data-problems="27">Open problems
|
||||
</a>
|
||||
</li>
|
||||
<li role="presentation" class="tablist__item">
|
||||
<a href="#allProblems"
|
||||
class="tabpanel__tab"
|
||||
aria-controls="allProblems"
|
||||
aria-expanded="false"
|
||||
role="tab"
|
||||
data-toggle="tab"
|
||||
data-problems="38">All problems
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<menu class="filters">
|
||||
<ul class="filters__list clearfix">
|
||||
<li class="filters__item filters__item--problems">
|
||||
<button class="filters__button"
|
||||
type="button"
|
||||
data-toggle="collapse"
|
||||
data-target="#filtersProblems"
|
||||
aria-expanded="false"
|
||||
aria-controls="filtersProblems">
|
||||
<span>All</span>
|
||||
<i class="ico-down-dir"></i>
|
||||
</button>
|
||||
|
||||
<div class="filters__panel collapse" id="filtersProblems">
|
||||
<ul class="filters__sublist">
|
||||
<li class="filters__subitem">
|
||||
<a class="filters__link state--current" href="#">All</a>
|
||||
</li>
|
||||
<li class="filters__subitem">
|
||||
<a class="filters__link" href="#">All OK</a>
|
||||
</li>
|
||||
<li class="filters__subitem">
|
||||
<a class="filters__link" href="#">All Acknowledged</a>
|
||||
</li>
|
||||
<li class="filters__subitem">
|
||||
<a class="filters__link" href="#">All in Downtime</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="filters__item filters__item--recheck">
|
||||
<button class="filters__button" type="button">
|
||||
<span class="visuallyhidden">Recheck</span>
|
||||
<i class="ico-arrows-cw"></i>
|
||||
</button>
|
||||
</li>
|
||||
<li class="filters__item filters__item--acknowledge"
|
||||
data-mover="true">
|
||||
<button class="filters__button" type="button">
|
||||
<span class="visuallyhidden">Acknowledge</span>
|
||||
<i class="ico-thumbs-up"></i>
|
||||
</button>
|
||||
</li>
|
||||
<li class="filters__item filters__item--downtime"
|
||||
data-mover="true">
|
||||
<button class="filters__button" type="button">
|
||||
<span class="visuallyhidden">Downtime</span>
|
||||
<i class="ico-clock"></i>
|
||||
</button>
|
||||
</li>
|
||||
<li class="filters__item filters__item--more clearfix">
|
||||
<button class="filters__button"
|
||||
type="button"
|
||||
data-toggle="collapse"
|
||||
data-target="#filtersMore"
|
||||
aria-expanded="false"
|
||||
aria-controls="filtersMore">
|
||||
<span>More</span>
|
||||
<i class="ico-down-dir"></i>
|
||||
</button>
|
||||
|
||||
<div class="filters__panel collapse" id="filtersMore">
|
||||
<ul class="filters__sublist">
|
||||
<li class="filters__subitem">
|
||||
<a class="filters__link" href="#">More I</a>
|
||||
</li>
|
||||
<li class="filters__subitem">
|
||||
<a class="filters__link" href="#">More II</a>
|
||||
</li>
|
||||
<li class="filters__subitem">
|
||||
<a class="filters__link" href="#">More III</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="filters__item filters__item--settings">
|
||||
<button class="filters__button"
|
||||
type="button"
|
||||
data-toggle="collapse"
|
||||
data-target="#filtersSettings"
|
||||
aria-expanded="false"
|
||||
aria-controls="filtersSettings">
|
||||
<span class="visuallyhidden">Filters Settings</span>
|
||||
<i class="ico-cog"></i>
|
||||
</button>
|
||||
|
||||
<div class="filters__panel collapse" id="filtersSettings">
|
||||
<ul class="filters__sublist">
|
||||
<li>...</li>
|
||||
<li>...</li>
|
||||
<li>...</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</menu>
|
||||
|
||||
<div class="tab-content">
|
||||
<div role="tabpanel" class="problems tab-pane active" id="openProblems">
|
||||
<header class="main__content__header clearfix">
|
||||
<h2 class="main__content__title">Unhandled service problems</h2>
|
||||
<p class="main__content__alert state--error">There are 5 host problems.</p>
|
||||
</header>
|
||||
|
||||
<adg-table cells="{{dashboardCells}}" api-name="{{dashboardApiName}}" filters="{{dashboardFilters}}"></adg-table>
|
||||
|
||||
<table class="data-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="data-table__checkbox"><input type="checkbox"></th>
|
||||
<th class="state--current data-table__host">
|
||||
<span class="data-table__cell__string">Host</span>
|
||||
<i class="ico-up-dir"></i>
|
||||
</th>
|
||||
<th class="data-table__service">Service check</th>
|
||||
<th class="data-table__duration">Duration</th>
|
||||
<th class="data-table__lastcheck">Last check</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tr>
|
||||
<td class="data-table__checkbox"><input type="checkbox"></td>
|
||||
<td class="data-table__host state--ok">
|
||||
<a class="data-table__data" href="#">localhost</a>
|
||||
</td>
|
||||
<td class="data-table__service state--warning">
|
||||
<dl class="data-table__data">
|
||||
<dt class="data-table__service__name">Root partition</dt>
|
||||
<dd class="data-table__service__summary">DISK WARNING - free space : / 673 MB (12% inode = 59%)</dd>
|
||||
</dl>
|
||||
</td>
|
||||
<td class="data-table__duration">1 month, 2 weeks</td>
|
||||
<td class="data-table__lastcheck">0 minutes ago</td>
|
||||
</tr>
|
||||
|
||||
<tr class="state--hasChild">
|
||||
<td class="data-table__checkbox"><input type="checkbox"></td>
|
||||
<td class="data-table__host state--ok">
|
||||
<a class="data-table__data" href="#">srv-apache-01</a>
|
||||
</td>
|
||||
<td class="data-table__service state--warning">
|
||||
<dl class="data-table__data">
|
||||
<dt class="data-table__service__name">Root partition</dt>
|
||||
<dd class="data-table__service__summary">DISK WARNING - free space : / 673 MB (12% inode = 59%)</dd>
|
||||
</dl>
|
||||
</td>
|
||||
<td class="data-table__duration">1 month, 2 weeks</td>
|
||||
<td class="data-table__lastcheck">0 minutes ago</td>
|
||||
</tr>
|
||||
|
||||
<tbody class="state--isChild">
|
||||
<tr>
|
||||
<td class="data-table__checkbox"><input type="checkbox"></td>
|
||||
<td class=""> </td>
|
||||
<td class="data-table__service state--error">
|
||||
<dl class="data-table__data">
|
||||
<dt class="data-table__service__name">Root partition</dt>
|
||||
<dd class="data-table__service__summary">DISK ERROR - free space : / 673 MB (12% inode = 59%)</dd>
|
||||
</dl>
|
||||
</td>
|
||||
<td class="data-table__duration">1 month, 2 weeks</td>
|
||||
<td class="data-table__lastcheck">0 minutes ago</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
<tr>
|
||||
<td class="data-table__checkbox"><input type="checkbox"></td>
|
||||
<td class="data-table__host state--ok">
|
||||
<a class="data-table__data" href="#">localhost</a>
|
||||
</td>
|
||||
<td class="data-table__service state--warning">
|
||||
<dl class="data-table__data">
|
||||
<dt class="data-table__service__name">Root partition</dt>
|
||||
<dd class="data-table__service__summary">DISK WARNING - free space : / 673 MB (12% inode = 59%)</dd>
|
||||
</dl>
|
||||
</td>
|
||||
<td class="data-table__duration">1 month, 2 weeks</td>
|
||||
<td class="data-table__lastcheck">0 minutes ago</td>
|
||||
</tr>
|
||||
|
||||
<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>
|
||||
<tr>
|
||||
<td class="data-table__checkbox"><input type="checkbox"></td>
|
||||
<td class="data-table__host state--ok">
|
||||
<a class="data-table__data" href="#">localhost</a>
|
||||
</td>
|
||||
<td class="data-table__service state--warning">
|
||||
<dl class="data-table__data">
|
||||
<dt class="data-table__service__name">Root partition</dt>
|
||||
<dd class="data-table__service__summary">DISK WARNING - free space : / 673 MB (12% inode = 59%)</dd>
|
||||
</dl>
|
||||
</td>
|
||||
<td class="data-table__duration">1 month, 2 weeks</td>
|
||||
<td class="data-table__lastcheck">0 minutes ago</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div role="tabpanel" class="problems tab-pane" id="allProblems">
|
||||
<header class="main__content__header">
|
||||
<h2 class="main__content__title">All service problems</h2>
|
||||
|
||||
<p class="main__content__alert">...</p>
|
||||
</header>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<adg-table cells="{{dashboardCells}}" api-name="{{dashboardApiName}}" filters="{{dashboardFilters}}"></adg-table>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</article>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user