87 lines
4.5 KiB
HTML
87 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<title>Schlüsseltracker</title>
|
|
|
|
<link rel="stylesheet" href="assets/spectre.min.css">
|
|
<link rel="stylesheet" href="assets/spectre-icons.min.css">
|
|
<link rel="stylesheet" href="assets/main.css">
|
|
</head>
|
|
<body>
|
|
<div class="container grid-xs">
|
|
<div class="hide-xs" style="height: 70px"></div>
|
|
<div class="card" id="tracker">
|
|
<div class="card-header">
|
|
<div class="card-title h5">Schlüsseltracker</div>
|
|
<div class="card-subtitle text-gray">für: <span id="tracker-key-name">...</span></div>
|
|
</div>
|
|
<div class="card-body">
|
|
<span id="has-key" style="display: none"><i class="icon icon-check"></i> Der Schlüssel ist aktuell auf dich eingetragen</span>
|
|
<div class="form-group" id="tracker-formgroup">
|
|
<label class="form-label" for="input-name">Name</label>
|
|
<input class="form-input" type="text" id="input-name" placeholder="Name">
|
|
<label class="form-label" for="input-contact">Kontaktmöglichkeit</label>
|
|
<input class="form-input" type="text" id="input-contact" placeholder="Handynummer oder E-Mail">
|
|
<label class="form-checkbox">
|
|
<input type="checkbox" id="input-tracker-save" checked>
|
|
<i class="form-icon"></i> Daten im Browser speichern
|
|
</label>
|
|
<span id="tracker-error" class="text-error" style="display: none">Fehler</span>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer">
|
|
<button id="btn-tracker" class="btn btn-primary" onclick="tracker_onsend()">Senden</button>
|
|
<a href="#keyholder" onclick="keyholder_onload()">Wer hat den Schlüssel <i class="icon icon-arrow-right"></i></a>
|
|
</div>
|
|
</div>
|
|
<div class="card" id="keyholder">
|
|
<div class="card-header">
|
|
<div class="card-title h5">Wer hat den Schlüssel</div>
|
|
<span id="keyholder-error" class="text-error" style="display: none">Fehler</span>
|
|
</div>
|
|
<div class="card-body">
|
|
<div id="keyholder-loading" class="loading loading-lg"></div>
|
|
<div class="form-group" id="pass-formgroup">
|
|
<label class="form-label" for="input-pass">Passwort</label>
|
|
<input class="form-input" type="password" id="input-pass">
|
|
<p id= "input-hint-pass" class="form-input-hint">Passwort falsch</p>
|
|
<label class="form-checkbox">
|
|
<input type="checkbox" id="input-pass-save" checked>
|
|
<i class="form-icon"></i> Im Browser speichern
|
|
</label>
|
|
</div>
|
|
<div id="keyholder-table-container" style="display: none">
|
|
<p>
|
|
Folgende Personen hatten zuletzt den Schlüssel für:
|
|
<span id="keyholder-key-name">...</span>
|
|
</p>
|
|
<table class="table table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th>Name</th>
|
|
<th>Kontaktmöglichkeit</th>
|
|
<th>ab</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="keyholder-tbody">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer">
|
|
<a href="#tracker"><i class="icon icon-arrow-left"></i> Schlüsseltracker</a>
|
|
<button id="btn-send-pw" class="btn btn-primary" onclick="password_submit()">Senden</button>
|
|
<button id="btn-update" class="btn btn-primary" onclick="keyholder_onload()">Aktualisieren</button>
|
|
</div>
|
|
</div>
|
|
<p class="text-gray" id="made-by-footer">Made by HACC</p>
|
|
</div>
|
|
|
|
<script src="assets/main.js" onload="oninit();"></script>
|
|
</body>
|
|
</html>
|