mirror of
https://github.com/prometheus/prometheus
synced 2024-12-26 16:43:21 +00:00
c3f4f2204f
* Added only healthy to Targets This adds a "Only heathly" button to supplement the "Only unhealthy" button. The two are mutually exclusive. I've also added a red/green text color to the buttons. Arguably this could be a toggle instead if folks think this is worthwhile... Happy to modify it. * Moved functions above init * Simplifed code and made prettier * Appeased codeacy * Made buttons square
80 lines
3.0 KiB
HTML
80 lines
3.0 KiB
HTML
{{define "head"}}
|
|
<link type="text/css" rel="stylesheet" href="{{ pathPrefix }}/static/css/targets.css?v={{ buildVersion }}">
|
|
<script src="{{ pathPrefix }}/static/js/targets.js?v={{ buildVersion }}"></script>
|
|
{{end}}
|
|
|
|
|
|
{{define "content"}}
|
|
<div class="container-fluid">
|
|
<h1>Targets</h1>
|
|
<div id="showTargets" class="btn-group" data-toggle="buttons">
|
|
<label class="btn btn-primary active">
|
|
<input type="radio" name="targets" id="all-targets" autocomplete="off" checked> All
|
|
</label>
|
|
<label class="btn btn-primary">
|
|
<input type="radio" name="targets" id="unhealthy-targets" autocomplete="off"> Unhealthy
|
|
</label>
|
|
</div>
|
|
|
|
{{range $job, $pool := .TargetPools}}
|
|
{{$healthy := numHealthy $pool}}
|
|
{{$total := len $pool}}
|
|
|
|
<div class="table-container">
|
|
<h2 class="job_header{{if lt $healthy $total}} danger{{end}}">
|
|
<a id="job-{{$job}}" href="#job-{{$job}}">{{$job}} ({{$healthy}}/{{$total}} up)</a>
|
|
<button type="button" class="targets expanded-table btn btn-primary">show less</button>
|
|
</h2>
|
|
<table class="table table-condensed table-bordered table-striped table-hover">
|
|
<thead class="job_details">
|
|
<tr>
|
|
<th>Endpoint</th>
|
|
<th>State</th>
|
|
<th>Labels</th>
|
|
<th>Last Scrape</th>
|
|
<th>Error</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{range $pool}}
|
|
<tr>
|
|
<td class="endpoint">
|
|
<a href="{{.URL | globalURL}}">{{.URL.Scheme}}://{{.URL.Host}}{{.URL.Path}}</a><br>
|
|
{{range $label, $values := .URL.Query }}
|
|
{{range $i, $value := $values}}
|
|
<span class="label label-primary">{{$label}}="{{$value}}"</span>
|
|
{{end}}
|
|
{{end}}
|
|
</td>
|
|
<td class="state">
|
|
<span class="alert alert-{{ .Health | healthToClass }} state_indicator text-uppercase">
|
|
{{.Health}}
|
|
</span>
|
|
</td>
|
|
<td class="labels">
|
|
<span class="cursor-pointer" data-toggle="tooltip" title="" data-html=true data-original-title="<b>Before relabeling:</b>{{range $k, $v := .DiscoveredLabels.Map}}<br>{{$ev := $v | html}}{{$k}}="{{$ev}}"{{end}}">
|
|
{{$labels := stripLabels .Labels.Map "job"}}
|
|
{{range $label, $value := $labels}}
|
|
<span class="label label-primary">{{$label}}="{{$value}}"</span>
|
|
{{else}}
|
|
<span class="label label-default">none</span>
|
|
{{end}}
|
|
</span>
|
|
</td>
|
|
<td class="last-scrape">
|
|
{{if .LastScrape.IsZero}}Never{{else}}{{since .LastScrape}} ago{{end}}
|
|
</td>
|
|
<td class="errors">
|
|
{{if .LastError}}
|
|
<span class="alert alert-danger state_indicator">{{.LastError}}</span>
|
|
{{end}}
|
|
</td>
|
|
</tr>
|
|
{{end}}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
{{end}}
|