prometheus/web/blob/templates/alerts.html

54 lines
1.8 KiB
HTML
Raw Normal View History

{{define "head"}}
<link type="text/css" rel="stylesheet" href="{{ pathPrefix }}/static/css/alerts.css">
<script src="{{ pathPrefix }}/static/js/alerts.js"></script>
{{end}}
{{define "content"}}
2013-07-23 18:14:40 -07:00
<div class="container-fluid">
<h2>Alerts</h2>
<table class="table table-bordered table-collapsed">
<tbody>
{{$alertStateToRowClass := .AlertStateToRowClass}}
{{range .AlertingRules}}
{{$activeAlerts := .ActiveAlerts}}
2013-07-23 18:14:40 -07:00
<tr class="{{index $alertStateToRowClass .State}} alert_header">
<td><i class="icon-chevron-down"></i> <b>{{.Name}}</b> ({{len $activeAlerts}} active)</td>
</tr>
<tr class="alert_details">
<td>
<div>
<pre><code>{{.HTMLSnippet pathPrefix}}</code></pre>
<a href="#" class="silence_children_link">Silence all instances of this alert&hellip;</a>
</div>
{{if $activeAlerts}}
2013-07-23 18:14:40 -07:00
<table class="table table-bordered table-hover table-condensed alert_elements_table">
<tr class="">
<th>Labels</th>
<th>State</th>
<th>Active Since</th>
<th>Value</th>
2013-07-24 03:23:35 -07:00
<th>Silence</th>
</tr>
{{range $activeAlerts}}
<tr>
<td>
{{range $label, $value := .Labels}}
<span class="label label-primary">{{$label}}="{{$value}}"</span>
{{end}}
</td>
<td><span class="alert alert-{{ .State | alertStateToClass }} state_indicator">{{.State}}</span></td>
<td>{{.ActiveSince.Time}}</td>
<td>{{.Value}}</td>
<td><a href="#" class="silence_alert_link">Silence&hellip;</a></td>
</tr>
{{end}}
</table>
{{end}}
2013-07-23 18:14:40 -07:00
</td>
</tr>
{{end}}
</tbody>
</table>
</div>
{{end}}