72 lines
3.2 KiB
HTML
72 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="cs">
|
|
<head>
|
|
<title>Parental Control</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
|
|
<link rel="stylesheet" href="static/style.css" type="text/css" media="all">
|
|
<script type="text/javascript" src="static/script.js"></script>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<h2>Stav</h2>
|
|
<div id="status"> </div>
|
|
<input class="fast-action" data-mins="15" type="button" value="+15 min">
|
|
<input class="fast-action" data-mins="30" type="button" value="+30 min">
|
|
<input class="fast-action" data-mins="60" type="button" value="+1 hod">
|
|
<input class="fast-action" data-mins="0" type="button" value="Vypnout hned">
|
|
</div>
|
|
<div>
|
|
<h2>Výjimky</h2>
|
|
<div id="overrides"></div>
|
|
<form id="add-override">
|
|
<label for="override-action">Akce:</label>
|
|
<select id="override-action">
|
|
<option value="allow">Povolit</option>
|
|
<option value="deny">Zakázat</option>
|
|
</select><br>
|
|
<label for="override-start">Od:</label>
|
|
<input id="override-start" type="datetime-local"><br>
|
|
<label for="override-end">Do:</label>
|
|
<input id="override-end" type="datetime-local"><br>
|
|
<input type="submit" value="Přidat">
|
|
</form>
|
|
</div>
|
|
<div>
|
|
<h2>Plán</h2>
|
|
<div id="schedules">
|
|
<span>Pondělí:</span><span id="schedule-0"></span>
|
|
<span>Úterý:</span><span id="schedule-1"></span>
|
|
<span>Středa:</span><span id="schedule-2"></span>
|
|
<span>Čtvrtek:</span><span id="schedule-3"></span>
|
|
<span>Pátek:</span><span id="schedule-4"></span>
|
|
<span>Sobota:</span><span id="schedule-5"></span>
|
|
<span>Neděle:</span><span id="schedule-6"></span>
|
|
</div>
|
|
<form id="update-schedule">
|
|
<label for="schedule-action">Akce:</label>
|
|
<select id="schedule-action">
|
|
<option value="allow">Povolit</option>
|
|
<option value="deny">Zakázat</option>
|
|
</select>
|
|
<label for="schedule-days">Den:</label>
|
|
<select id="schedule-days" size="7" multiple>
|
|
<option value="0">Pondělí</option>
|
|
<option value="1">Úterý</option>
|
|
<option value="2">Středa</option>
|
|
<option value="3">Čtvrtek</option>
|
|
<option value="4">Pátek</option>
|
|
<option value="5">Sobota</option>
|
|
<option value="6">Neděle</option>
|
|
</select>
|
|
<label for="schedule-start">Od:</label>
|
|
<input id="schedule-start" type="time">
|
|
<label for="schedule-end">Do:</label>
|
|
<input id="schedule-end" type="time">
|
|
<input type="submit" value="Přidat">
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html>
|