|
|
|
|
<!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="https://code.jquery.com/jquery-3.1.1.js"
|
|
|
|
|
integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA="
|
|
|
|
|
crossorigin="anonymous"></script>
|
|
|
|
|
<script src="https://use.fontawesome.com/5c9d51f09a.js"></script>
|
|
|
|
|
<script type="text/javascript" src="static/script.js"></script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="recent">
|
|
|
|
|
<div class="history-header">History</div><br>
|
|
|
|
|
<input type="text" name="search-bar" class="search-bar" placeholder="Search">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="everything-else">
|
|
|
|
|
<h1>Card access manager</h1>
|
|
|
|
|
<br>
|
|
|
|
|
<a href="/open/fridge"><div class="big-button">Open fridge</div></a>
|
|
|
|
|
<br>
|
|
|
|
|
<a href="/open/tools"><div class="big-button">Open tools</div></a>
|
|
|
|
|
<br>
|
|
|
|
|
<div class="disable-lock">
|
|
|
|
|
<a href="{% if locked %}/unlock-fridge{% else %}#{% endif %}" {% if locked %}class="locked"{% endif %}><div class="big-button" {% if not locked %}onclick="lock_fridge()"{% endif %}>{% if locked %}Unlock{% else %}Lock{% endif %}</div></a>
|
|
|
|
|
<input type="text" name="period" placeholder="Duration (h)" id="period" class="duration-input">
|
|
|
|
|
{% if locked %}<p class="locked_till">The fridge will be locked until {{ timestring }}</p>{% endif %}
|
|
|
|
|
</div>
|
|
|
|
|
</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>
|
|
|
|
|
<div class="checkbox-wrapper">
|
|
|
|
|
 <input type="checkbox" name="fridge" value="Fridge" id="fridge"> Fridge <br>
|
|
|
|
|
 <input type="checkbox" name="tools" value="Tools" id="tools"> Secret tools
|
|
|
|
|
</div>
|
|
|
|
|
<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>
|
