60 lines
1.6 KiB
HTML
60 lines
1.6 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<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>
|
||
|
|
</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>
|
||
|
|
</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>
|