|
|
|
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
<title>Card access manager</title>
|
|
|
|
<link rel="stylesheet" type="text/css" href="static/style.css">
|
|
|
|
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400" rel="stylesheet">
|
|
|
|
<script
|
|
|
|
src="http://code.jquery.com/jquery-3.1.1.js"
|
|
|
|
integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA="
|
|
|
|
crossorigin="anonymous"></script>
|
|
|
|
<script type="text/javascript" src="static/script.js"></script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="recent">
|
|
|
|
<div class="history-header">History</div>
|
|
|
|
{% for event in events %}
|
|
|
|
<div class="event" card-id="{{event.cardID}}">
|
|
|
|
<div class="time">{{event.time}}</div>
|
|
|
|
<div class="name">
|
|
|
|
{% if event.name == "" %}
|
|
|
|
<span class="unknown_card">{{event.cardID}}</span>
|
|
|
|
{% else %}
|
|
|
|
{{event.name}}
|
|
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{% endfor %}
|
|
|
|
</div>
|
|
|
|
<div class="everything-else">
|
|
|
|
<h1>Card access manager</h1>
|
|
|
|
<br>
|
|
|
|
<a href="/users"><div class="big-button">Users list</div></a>
|
|
|
|
<br>
|
|
|
|
<a href="/history"><div class="big-button">Full history</div></a>
|
|
|
|
</div>
|
|
|
|
<div class="shadow" onclick="overlay_out()"></div>
|
|
|
|
<div class="overlay">
|
|
|
|
<h2 class="card-id"></h2>
|
|
|
|
<input type="text" name="name" placeholder="Name" id="name"><br><br>
|
|
|
|
 <input type="checkbox" name="fridge" value="Fridge" id="fridge"> Fridge <br>
|
|
|
|
 <input type="checkbox" name="tools" value="Tools" id="tools"> Secret tools
|
|
|
|
<input type="button" class="button" value="Cancel" id="cancel" onclick="overlay_out()">
|
|
|
|
<input type="button" class="button" value="Save" id="save" onclick="save()">
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|