101 lines
2.9 KiB
Cheetah
101 lines
2.9 KiB
Cheetah
<!DOCTYPE html>
|
|
<html>
|
|
<header>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css">
|
|
<script type="module">
|
|
import * as d3 from "https://cdn.jsdelivr.net/npm/d3@7/+esm";
|
|
</script>
|
|
<style>
|
|
rows {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
}
|
|
columns {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-grow: 1;
|
|
}
|
|
rows, columns { border: 1px solid red; }
|
|
</style>
|
|
</header>
|
|
<body>
|
|
<h1>Report</h1>
|
|
<columns>
|
|
<rows style="width: 10em; flex-shrink: 0;">
|
|
<columns>filter1</columns>
|
|
<columns>filter2</columns>
|
|
</rows>
|
|
<rows>
|
|
<rows>
|
|
<rows>
|
|
<h2>Event Volume by Name</h2>
|
|
<div>DRAW ME</div>
|
|
</rows>
|
|
<columns>
|
|
<rows>
|
|
<h3>by Day</h3>
|
|
<div>DRAW ME</div>
|
|
</rows>
|
|
<rows>
|
|
<h3>by Hour</h3>
|
|
<div>DRAW ME</div>
|
|
</rows>
|
|
</columns>
|
|
<rows>
|
|
<h3>by Asset</h3>
|
|
<div>DRAW ME</div>
|
|
</rows>
|
|
</rows>
|
|
<rows>
|
|
<div>
|
|
<h2>Events</h2>
|
|
<table>
|
|
<tr>
|
|
<th>TS</th>
|
|
<th>Event</th>
|
|
<th>EventName</th>
|
|
<th>LastPlaintext</th>
|
|
<th>Source</th>
|
|
</tr>
|
|
{{ $messages := .messages }}
|
|
{{ range .events }}
|
|
{{ $event := . }}
|
|
{{ $event_messages := null }}
|
|
{{ $event_message := null }}
|
|
{{ range $messages }}
|
|
{{ if eq .Event $event }}
|
|
{{ $event_message = . }}
|
|
{{ $event_messages = append $event_messages . }}
|
|
{{ end }}
|
|
{{ end }}
|
|
<div>
|
|
<br>messages={{ $messages }}
|
|
<br>event ={{ $event }}
|
|
<br>event_messages ={{ $event_messages }}
|
|
</div>
|
|
<tr>
|
|
<td>{{ time "Unix" $event_message.TS | time "Time.Format" "Mon Jan 2" }}</td>
|
|
<td><a href="https://TODO">{{ $event_message.Event }}</a></td>
|
|
<td>{{ $event_message.EventName }}</td>
|
|
<td>
|
|
{{ $last_message := null }}
|
|
{{ range $event_messages }}
|
|
{{ $last_message = . }}
|
|
{{ end }}
|
|
{{ $last_message.Plaintext }}
|
|
</td>
|
|
<td><a href="{{ $event_message.Source }}">link</a></td>
|
|
</tr>
|
|
{{ end }}
|
|
</table>
|
|
</div>
|
|
</rows>
|
|
</rows>
|
|
</columns>
|
|
</body>
|
|
<footer>
|
|
</footer>
|
|
</html>
|