69 lines
2.0 KiB
HTML
69 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Juice - Manage</title>
|
|
<link rel="stylesheet" type="text/css" href="/static/juice.css">
|
|
<script type="text/javascript" src="/static/juice.js"></script>
|
|
<script>url_prefix = '{{ url_prefix }}';</script>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="An IOT hub.">
|
|
<link rel="icon" href="/static/orange-juice.svg">
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<div id="devices">
|
|
<div class="device">
|
|
<h2>Security Keys</h2>
|
|
<table id="credentials" class="manage-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Nick</th>
|
|
<th>Delete</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for credential in credentials %}
|
|
<tr id="key_{{ credential.id }}">
|
|
<td>{{ credential.nick }}</td>
|
|
<td><span class="delete font-awesome" onclick="delete_key({{ credential.id }})"></span></td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<td><span title="Add a new security key" class="add font-awesome" onclick="window.location=url_prefix+'/add_key'"></span></td>
|
|
<td>New key</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
<h2 class="sub-table">Tokens</h2>
|
|
<table id="tokens" class="manage-table">
|
|
<thead>
|
|
<tr>
|
|
<th>OS</th>
|
|
<th>Browser</th>
|
|
<th>Ip Address</th>
|
|
<th>Date Issued</th>
|
|
<th>Date Expires</th>
|
|
<th>Delete</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for token in tokens_pretty %}
|
|
<tr id="token_{{ token.id }}">
|
|
<td>{{ token.user_agent.platform }}</td>
|
|
<td>{{ token.user_agent.browser }} {{token.user_agent.version }}</td>
|
|
<td>{{ token.ip_address }}</td>
|
|
<td>{{ token.date_issued }}</td>
|
|
<td>{{ token.date_expired }}</td>
|
|
<td><span class="delete font-awesome" onclick="delete_token({{ token.id }})"></span></td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</body>
|
|
</html>
|