mirror of
https://github.com/prometheus/alertmanager
synced 2025-01-10 07:49:36 +00:00
98 lines
3.2 KiB
HTML
98 lines
3.2 KiB
HTML
<div ng-controller="SilenceCreateCtrl">
|
||
<form novalidate class="forms">
|
||
<fieldset id="silence-create">
|
||
<legend>Create <span class="desc">Define a new silence.</span></legend>
|
||
|
||
<row>
|
||
<column cols="2">
|
||
<label>Start</label>
|
||
<input ng-model="silence.startsAt" type="datetime-local">
|
||
</column>
|
||
<column cols="3">
|
||
<label>End</label>
|
||
<input ng-model="silence.endsAt" type="datetime-local">
|
||
</column>
|
||
<column cols="2">
|
||
<label>Creator</label>
|
||
<input ng-model="silence.createdBy" type="email">
|
||
</column>
|
||
<column cols="3">
|
||
<label>Comment</label>
|
||
<input ng-model="silence.comment" type="text">
|
||
</column>
|
||
</row>
|
||
|
||
<label>Matchers <span class="desc">Alerts affected by this silence.</span></label>
|
||
<row class="silence-matchers" ng-repeat="m in silence.matchers">
|
||
<column cols="2">
|
||
<input class="input-small" type="text" placeholder="name" ng-model="m.name">
|
||
</column>
|
||
<column cols="2">
|
||
<input class="input-small" type="text" placeholder="value" ng-model="m.value">
|
||
</column>
|
||
<column>
|
||
<label class="checkbox is-regex"><input type="checkbox" ng-model="m.isRegex"> /re/</label>
|
||
</column>
|
||
|
||
<column cols="1">
|
||
<button type="secondary" ng-hide="$first" ng-click="delMatcher($index)" small>-</button>
|
||
<button type="secondary" ng-show="$last" ng-click="newMatcher()" small>+</button>
|
||
</column>
|
||
</row>
|
||
|
||
</fieldset>
|
||
|
||
<div ng-show="error != null"><span class="error">{{ error }}</span></div>
|
||
|
||
<div class="btn-group">
|
||
<button type="primary" ng-disabled="silence.matchers.length == 0" ng-click="create()" small>Create</button>
|
||
<button type="seconday" ng-click="reset()" small>Reset</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
<hr>
|
||
|
||
<div id="silences-query" class="forms">
|
||
<row>
|
||
<column cols="5">
|
||
<input type="search" placeholder="search" ng-model="query">
|
||
</column>
|
||
<column cols="2">
|
||
<select class="select" ng-model="order">
|
||
<option value="startsAt">start</option>
|
||
<option value="endsAt">end</option>
|
||
<option value="createdAt">created</option>
|
||
</select>
|
||
</column>
|
||
</row>
|
||
</div>
|
||
|
||
<div ng-show="silences.length == 0">No silences configured</div>
|
||
|
||
<div ng-hide="silences.length == 0" id="silences-list">
|
||
|
||
<div class="list-item group" ng-repeat="sil in silences | filter:query | orderBy:order">
|
||
<div class="container-left">
|
||
<div class="active-interval">
|
||
<span class="date">{{ sil.startsAt | date:'yyyy-MM-dd' }},</span> <span class="time">{{ sil.startsAt | date:'HH:mm' }}</span>
|
||
–
|
||
<span class="date">{{ sil.endsAt | date:'yyyy-MM-dd' }},</span> <span class="time">{{ sil.endsAt | date:'HH:mm' }}</span>
|
||
</div>
|
||
<span class="lbl label label-white" outline ng-repeat="m in sil.matchers | orderBy:name">
|
||
{{ m.name }} =<span ng-show="m.isRegex">~</span> '{{ m.value }}'
|
||
</span>
|
||
</div>
|
||
<div class="container-right group">
|
||
<blockquote class="left silence-created">
|
||
<div ng-show="sil.comment">{{ sil.comment }}</div>
|
||
<cite>created <span ng-show="sil.createdBy">by <strong>{{ sil.createdBy }}</strong></span> at {{ sil.createdAt | date:'medium' }}</cite>
|
||
</blockquote>
|
||
|
||
<div class="right">
|
||
<button type="secondary" ng-click="delete(sil)" small>Delete</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div> |