summaryrefslogtreecommitdiffstats
path: root/server/dashboard.html
blob: 93e02a8d08f65afd824d9b2b0528cd7488be6b75 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html>
	<head>
		<title>HVAC Dashboard</title>
		<style>
hr { margin-top: 1.5em; }
table { border-collapse: collapse; }
th, td {
	padding: 0.25em;
	border-bottom-style: solid;
	border-width: thin;
}
		</style>
	</head>
	<body>
		<p>Target humidity: {{ printf "%.1f%%" .Target }}</p>
		<p>Average measured humidity:
			{{/* A value less than 0 means no data. */}}
			{{- if ge .Average 0.0 -}}
				{{ printf "%.1f%%" .Average }}
			{{- else -}}
				unknown
			{{- end -}}
		</p>
		<p>Duty cycle:
			{{/* A value less than 0 means no data. */}}
			{{- if ge .DutyCycle 0.0 -}}
				{{ printf "%.1f%%" .DutyCycle }}
			{{- else -}}
				unknown
			{{- end -}}
		</p>

		<table>
			<tr><th>Room</th><th>Humidity</th></tr>
			{{ range $id, $humidity := .Rooms }}
				<tr>
					<td>{{ $id }}</td>
					<td>
						{{/* A value less than 0 means no data. */}}
						{{- if ge $humidity 0.0 -}}
							{{ printf "%.1f%%" $humidity }}
						{{- else -}}
							unknown
						{{- end -}}
					</td>
				</tr>
			{{ end }}
		</table>
		<hr/>
		<img src="/humidity_chart.png" alt="chart of humidity vs time"/>
		<hr/>
		<img src="/duty_cycle_chart.png" alt="chart of duty cycle vs time"/>
	</body>
</html>