{{ template "head" . }}

{{ template "prom_right_table_head" }}

<th>Blackbox</th>

<th>{{ template "prom_query_drilldown" (args "sum(up{job='blackbox'})") }} / {{ template "prom_query_drilldown" (args "count(up{job='blackbox'})") }}</th>

<th colspan=2>Currently</th>

{{ range query "probe_success{job='blackbox'}" | sortByLabel "instance" }}

<td>

<a href="http://{{ .Labels.instance }}/">{{ .Labels.instance }}</a></td>

<td {{ if eq (. | value) 1.0 }}>Up{{ else }} class="alert-danger">Down{{ end }}</td>

{{ end }}

<th colspan=2>Past Day %</th>

{{ range query "avg_over_time(probe_success{job='blackbox'}[1d]) * 100" | sortByLabel "instance" }}

<td>{{ .Labels.instance }}</td>

<td {{ if gt (. | value) 90.0 }}{{ else }} class="alert-danger"{{ end }}>

{{ (. | value | printf "%.2f") }}%</td>

{{ end }}

{{ template "prom_right_table_tail" }}

{{ template "prom_content_head" .}}

<h1>Blackbox</h1>

<h3>Response times</h3>

<div id="responseGraph"></div>

new PromConsole.Graph({

node: document.querySelector("#responseGraph"),

expr: "probe_duration_seconds{job='blackbox'}",

name: "[[instance]]",

yAxisFormatter: PromConsole.NumberFormatter.humanizeNoSmallPrefix,

yHoverFormatter: PromConsole.NumberFormatter.humanizeNoSmallPrefix,

yUnits: "s",

yTitle: "response time"

{{ template "prom_content_tail" . }}

{{ template "tail" }}