reformat (w/ prettier?)
This commit is contained in:
parent
93e86fbe04
commit
4c4c9b654b
1 changed files with 98 additions and 97 deletions
|
|
@ -1,129 +1,130 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>ANABASIS CLIENTS</title>
|
||||
<meta http-equiv="refresh" content="60">
|
||||
<meta http-equiv="refresh" content="60" />
|
||||
<style>
|
||||
body {
|
||||
font-family: "Courier New", "Courier", monospace;
|
||||
color: white;
|
||||
background: black;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
body {
|
||||
font-family: "Courier New", "Courier", monospace;
|
||||
color: white;
|
||||
background: black;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
h1,
|
||||
h2 {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.status {
|
||||
font-size: 24pt;
|
||||
font-weight: bold;
|
||||
border: 2px solid;
|
||||
padding: .25rem .5rem;
|
||||
}
|
||||
.status {
|
||||
font-size: 24pt;
|
||||
font-weight: bold;
|
||||
border: 2px solid;
|
||||
padding: 0.25rem 0.5rem;
|
||||
}
|
||||
|
||||
.status-container {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
.status-container {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.status-empty {
|
||||
border-color: red;
|
||||
}
|
||||
.status-empty {
|
||||
border-color: red;
|
||||
}
|
||||
|
||||
.status-populated {
|
||||
border-color: green;
|
||||
}
|
||||
.status-populated {
|
||||
border-color: green;
|
||||
}
|
||||
|
||||
.log {
|
||||
padding: 1em 0;
|
||||
}
|
||||
.log {
|
||||
padding: 1em 0;
|
||||
}
|
||||
|
||||
.log-out {
|
||||
color: red;
|
||||
}
|
||||
.log-out {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.log-in {
|
||||
color: green;
|
||||
}
|
||||
.log-in {
|
||||
color: green;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
font-weight: bold;
|
||||
margin: 1em 0;
|
||||
}
|
||||
.datetime {
|
||||
font-weight: bold;
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
.level {
|
||||
display: none;
|
||||
}
|
||||
.level {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="https://necolas.github.io/normalize.css/8.0.1/normalize.css"
|
||||
integrity="sha384-M86HUGbBFILBBZ9ykMAbT3nVb0+2C7yZlF8X2CiKNpDOQjKroMJqIeGZ/Le8N2Qp" crossorigin="anonymous">
|
||||
</head>
|
||||
<body>
|
||||
<h1>/|\ Anabasis Clients</h1>
|
||||
<h2>STATUS</h2>
|
||||
<div class="status-container">
|
||||
<div class="status status-{{'populated' if status.level > 0 else 'empty'}}">
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://necolas.github.io/normalize.css/8.0.1/normalize.css"
|
||||
integrity="sha384-M86HUGbBFILBBZ9ykMAbT3nVb0+2C7yZlF8X2CiKNpDOQjKroMJqIeGZ/Le8N2Qp"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<h1>/|\ Anabasis Clients</h1>
|
||||
<h2>STATUS</h2>
|
||||
<div class="status-container">
|
||||
<div
|
||||
class="status status-{{'populated' if status.level > 0 else 'empty'}}"
|
||||
>
|
||||
{{status.description}}
|
||||
</div>
|
||||
<div class="status-explanation">{{status.text}}</div>
|
||||
<div class="level">{{status.level}}</div>
|
||||
</div>
|
||||
<div class="status-explanation">{{status.text}}</div>
|
||||
<div class="level">{{status.level}}</div>
|
||||
</div>
|
||||
<div>
|
||||
Since:
|
||||
{% if last_change %}
|
||||
{{last_change['ts'].strftime("%c")}}
|
||||
{% if status.level == 0 %}({{last_change.leases | map(attribute='display') | join(', ')}}){% endif %}
|
||||
{% else %}
|
||||
forever?
|
||||
{% endif %}
|
||||
</div>
|
||||
<h2>Current clients</h2>
|
||||
<div class="datetime">{{now.strftime("%c")}}</div>
|
||||
<table>
|
||||
<tr>
|
||||
<div>
|
||||
Since: {% if last_change %} {{last_change['ts'].strftime("%c")}} {% if
|
||||
status.level == 0 %}({{last_change.leases | map(attribute='display') |
|
||||
join(', ')}}){% endif %} {% else %} forever? {% endif %}
|
||||
</div>
|
||||
<h2>Current clients</h2>
|
||||
<div class="datetime">{{now.strftime("%c")}}</div>
|
||||
<table>
|
||||
<tr>
|
||||
<th>MAC</th>
|
||||
<th>hostname</th>
|
||||
<th>IP address</th>
|
||||
</tr>
|
||||
{% for lease in leases %}
|
||||
<tr class="current-lease">
|
||||
</tr>
|
||||
{% for lease in leases %}
|
||||
<tr class="current-lease">
|
||||
<td>{{lease.mac}}</td>
|
||||
<td>{{lease.hostname or "???"}}</td>
|
||||
<td>{{lease.ip}}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
|
||||
{%if internal %}
|
||||
{%if internal %}
|
||||
<h2>Log</h2>
|
||||
<table class="log">
|
||||
{% for entry in log %}
|
||||
<tr>
|
||||
<td>{{entry.ts.strftime("%c")}}</td>
|
||||
<td>
|
||||
{% if entry.state %}
|
||||
<span class="log-in">IN</span>
|
||||
{% else %}
|
||||
<span class="log-out">OUT</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td>
|
||||
{{entry.lease.display}}
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
{% for entry in log %}
|
||||
<tr>
|
||||
<td>{{entry.ts.strftime("%c")}}</td>
|
||||
<td>
|
||||
{% if entry.state %}
|
||||
<span class="log-in">IN</span>
|
||||
{% else %}
|
||||
<span class="log-out">OUT</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td>{{entry.lease.display}}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
|
||||
<h2>Leaderboard</h2>
|
||||
<ol>
|
||||
{% for entry in leaderboard %}
|
||||
<li>{{entry.name}} ({{entry.total}})</li>
|
||||
{% endfor %}
|
||||
{% for entry in leaderboard %}
|
||||
<li>{{entry.name}} ({{entry.total}})</li>
|
||||
{% endfor %}
|
||||
</ol>
|
||||
{% endif %}
|
||||
</body>
|
||||
{% endif %}
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in a new issue