netboot/pixiecore/ui/index.html
David Anderson 8e5c0d0793 pixiecore: Add a basic HTTP status UI.
The UI is optional and need to be explicitly activated, since I
don't want existing users to suddenly have an information-spewing
thing show up on their network.
2016-09-19 03:43:57 -07:00

35 lines
1.1 KiB
HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<title>Pixiecore</title>
<link rel="stylesheet" href="/_/assets/style.css">
<script defer src="/_/assets/ui.js"></script>
</head>
<body>
<h1>Pixiecore</h1>
<px-machine-list>
{{- range $mac, $events := . }}
<px-machine id="{{ $mac }}">
<div class="overview">
<p class="mac-address">{{ $mac }}</p>
<div class="progress">
<div style="width: {{ (index $events (dec (len $events))).State.Progress }}"></div>
</div>
<p class="status">{{ (index $events (dec (len $events))).State }}</p>
</div>
<div class="events">
{{- range $event := $events }}
<p timestamp="{{ timestamp_millis $event.Timestamp }}">
<span class="timestamp">{{ $event.Timestamp.UTC.Format "2006-01-02 15:04:05 MST" }}</span>
{{ $event.Message }}
</p>
{{- end }}
</div>
</px-machine>
{{- end }}
</px-machine-list>
</body>
</html>