mirror of
https://github.com/prometheus/alertmanager
synced 2024-12-14 10:25:21 +00:00
53 lines
1.6 KiB
HTML
53 lines
1.6 KiB
HTML
<div class="alert-item" ng-controller="AlertCtrl">
|
||
<div class="overview group">
|
||
<div class="labels left" ng-click="toggleDetails()">
|
||
<span ng-repeat="(name, value) in alert.labels | orderBy:name">
|
||
<span ng-hide="group[name]" class="lbl {{ name == 'alertname' ? 'lbl-highlight' : 'lbl-outline' }}">
|
||
{{ name }} = '{{ value }}'
|
||
</span>
|
||
</span>
|
||
</div>
|
||
|
||
<div class="right">
|
||
<button type="black" disabled small>Since {{ alert.startsAt | amCalendar }}</button>
|
||
<button class="silence-button" type="secondary" ng-click="toggleSilenceForm()" small upper>Silence</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="silence-alert" ng-show="showSilenceForm">
|
||
<silence-form silence="silence"></silence-form>
|
||
</div>
|
||
|
||
<div class="detail group" ng-show="showDetails">
|
||
<table class="table-flat">
|
||
<tbody>
|
||
<tr>
|
||
<td>active</td>
|
||
<td>
|
||
<span>{{ alert.startsAt | date:'yyyy-MM-dd HH:mm' }}</span>
|
||
–
|
||
<span ng-hide="a.endsAt == '0001-01-01T00:00:00Z'">
|
||
<span class="date">{{ alert.endsAt | date:'yyyy-MM-dd' }},</span> <span class="time">{{ alert.endsAt | date:'HH:mm' }}</span>
|
||
</span>
|
||
<span ng-show="alert.endsAt == '0001-01-01T00:00:00Z'">
|
||
<span class="time">now</span>
|
||
</span>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>annotations</td>
|
||
<td>
|
||
<table class="table-flat">
|
||
<tbody>
|
||
<tr ng-repeat="(name, val) in alert.annotations | orderBy:name">
|
||
<td style="padding-right: 3em"><em>{{ name }}</em></td>
|
||
<td style="white-space: pre-line;">{{ val }}</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div> |