74 lines
2.2 KiB
HTML
74 lines
2.2 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="hiddenLabels.indexOf(name) >= 0" class="lbl {{ name == 'alertname' ? 'lbl-highlight' : '' }}" outline>
|
||
{{ name }} = '{{ value }}'
|
||
</span>
|
||
</span>
|
||
</div>
|
||
|
||
<div class="right">
|
||
<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 class="container-right group">
|
||
<div class="right">
|
||
<button type="secondary" ng-click="toggleSilenceForm()" small>Silence</button>
|
||
</div>
|
||
|
||
<div class="left">
|
||
<silence-form ng-show="showSilenceForm" silence="silence"></silence-form>
|
||
|
||
Details: <input class="collapse" ng-class="{open:collapse}" type="checkbox" ng-model="collapse"></input>
|
||
<div class="left" ng-show="collapse">
|
||
<table class="table-flat">
|
||
<tbody>
|
||
<tr ng-repeat="(name, val) in a.annotations | orderBy:name">
|
||
<td style="padding-right: 3em"><em>{{ name }}</em></td>
|
||
<td style="white-space: pre-line;">{{ val }}</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div> -->
|
||
</div> |