{{/* vim: set ft=html: */}}

{{ define "menu" }}
foobar
{{ end }}

{{ template "head" . }}

{{ template "prom_right_table_head" . }}
<tr>
	<th colspan="2">S6 - inazuma</th>
</tr>
<tr>
	<td>default</td>
	<td>{{ template "prom_query_drilldown" (args (printf "s6_rc_services_count{job='node-exporter',instance='inazuma',bundle='default'}")) }}</td>
</tr>
<tr>
	<td>containers</td>
	<td>{{ template "prom_query_drilldown" (args (printf "s6_rc_services_count{job='node-exporter',instance='inazuma',bundle='containers'}")) }}</td>
</tr>
<tr>
	<td>www</td>
	<td>{{ template "prom_query_drilldown" (args (printf "s6_rc_services_count{job='node-exporter',instance='inazuma',bundle='www'}")) }}</td>
</tr>
<tr>
	<td>services</td>
	<td>{{ template "prom_query_drilldown" (args (printf "s6_rc_services_count{job='node-exporter',instance='inazuma',bundle='services'}")) }}</td>
</tr>
<tr>
	<th colspan="2">S6 - shimakaze</th>
</tr>
<tr>
	<td>default</td>
	<td>{{ template "prom_query_drilldown" (args (printf "s6_rc_services_count{job='node-exporter',instance='shimakaze',bundle='default'}")) }}</td>
</tr>
<tr>
	<td>containers</td>
	<td>{{ template "prom_query_drilldown" (args (printf "s6_rc_services_count{job='node-exporter',instance='shimakaze',bundle='containers'}")) }}</td>
</tr>
<tr>
	<td>www</td>
	<td>{{ template "prom_query_drilldown" (args (printf "s6_rc_services_count{job='node-exporter',instance='shimakaze',bundle='www'}")) }}</td>
</tr>
<tr>
	<td>services</td>
	<td>{{ template "prom_query_drilldown" (args (printf "s6_rc_services_count{job='node-exporter',instance='shimakaze',bundle='services'}")) }}</td>
</tr>
{{ template "prom_right_table_tail" . }}

{{ template "prom_content_head" . }}
<div class="prom_content_div">
	<h1>Overview</h1>
	<h3>Traefik Requests OK - inazuma</h3>
	<div id="traefikGraph"></div>
	<script>
		new PromConsole.Graph({
			node: document.querySelector("#traefikGraph"),
			expr: "irate(traefik_service_request_duration_seconds_count{job='traefik',instance='inazuma',code='200'}[5m])",
			name: '[[service]]',
			yAxisFormatter: PromConsole.NumberFormatter.humanizeNoSmallPrefix,
			yHoverFormatter: PromConsole.NumberFormatter.humanizeNoSmallPrefix,
			yTitle: "Requests",
			yUnits: "/s",
		})
	</script>
	<h3>Jellyfin HTTP Requests - shimakaze</h3>
	<div id="jellyfinGraph"></div>
	<script>
		new PromConsole.Graph({
			node: document.querySelector("#jellyfinGraph"),
			expr: "irate(http_request_duration_seconds_count{job='jellyfin',instance='shimakaze'}[5m])",
			name: '[[action]]',
			yAxisFormatter: PromConsole.NumberFormatter.humanizeNoSmallPrefix,
			yHoverFormatter: PromConsole.NumberFormatter.humanizeNoSmallPrefix,
			yTitle: "Requests",
			yUnits: "/s",
		})
	</script>
</div>
{{ template "prom_content_tail" . }}

{{ template "tail" . }}