RepoMirrors/alertmanager
1
0
Fork 0
mirror of https://github.com/prometheus/alertmanager synced 2025-02-27 00:00:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Separate elapsed and active silences

Browse Source
This commit is contained in:
Fabian Reinartz 2015-11-10 11:19:04 +01:00
parent 3cdc3c5359
commit 91db91ef4a
3 changed files with 24 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/app/css/main.css
View File

@ -68,6 +68,10 @@ header #logo {
opacity: 1.0;
}
.active-silences, .elapsed-silences {
margin-bottom: 12px;
}
.alert-item .overview {
background: #f0f0f0;
padding: .8em;

9
ui/app/js/app.js
View File

@ -269,6 +269,15 @@ angular.module('am.controllers').controller('SilencesCtrl',
$scope.refresh();
});
$scope.elapsed = function(elapsed) {
return function(sil) {
if (elapsed) {
return sil.endsAt <= new Date;
}
return sil.endsAt > new Date;
}
};
$scope.refresh();
}
);

13
ui/app/partials/silences.html
View File

@ -27,8 +27,17 @@
<div ng-hide="silences.length == 0" id="silences-list">
<div class="list-item group" ng-repeat="sil in silences | filter:query | orderBy:order:reverse">
<silence sil="sil"></silence>
<div class="active-silences">
<h4 class="thin">Active</h4>
<div class="list-item group" ng-repeat="sil in silences | filter:query | filter:elapsed(false) | orderBy:order">
<silence sil="sil"></silence>
</div>
</div>
<div class="elapsed-silences">
<h4 class="thin">Elapsed</h4>
<div class="list-item group" ng-repeat="sil in silences | filter:query | filter:elapsed(true) | orderBy:order">
<silence sil="sil"></silence>
</div>
</div>
</div>