48 lines
1.5 KiB
HTML
48 lines
1.5 KiB
HTML
<!doctype html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>LabLinks</title>
|
|
<link rel="stylesheet" href="popup.css">
|
|
</head>
|
|
<body>
|
|
<div class="crt">
|
|
<header>
|
|
<h1>LAB<span>LINKS</span><i class="cursor"></i></h1>
|
|
<div class="actions">
|
|
<button id="syncBtn" hidden title="Mit WebDAV synchronisieren">[⟳]</button>
|
|
<button id="settings" title="Sync-Einstellungen">[⚙]</button>
|
|
<button id="editToggle" title="Bearbeiten">[EDIT]</button>
|
|
</div>
|
|
</header>
|
|
|
|
<input id="search" type="text" placeholder="> suche…" autocomplete="off" spellcheck="false">
|
|
|
|
<ul id="list"></ul>
|
|
<p id="empty" hidden>// noch keine links.<br>// klicke [EDIT] → [+ NEU]</p>
|
|
|
|
<form id="form" hidden>
|
|
<div class="row">
|
|
<input id="fIcon" maxlength="2" placeholder="🖥" title="Emoji / Kürzel">
|
|
<input id="fName" placeholder="Name (z.B. Proxmox)" required>
|
|
</div>
|
|
<input id="fUrl" placeholder="https://192.168.1.10:8006" required>
|
|
<div class="row">
|
|
<button type="submit" class="primary">[SPEICHERN]</button>
|
|
<button type="button" id="cancel">[ABBRUCH]</button>
|
|
</div>
|
|
</form>
|
|
|
|
<footer>
|
|
<button id="add" hidden>[+ NEU]</button>
|
|
<button id="export" hidden>[EXPORT]</button>
|
|
<button id="import" hidden>[IMPORT]</button>
|
|
<input id="file" type="file" accept="application/json" hidden>
|
|
<span id="count"></span>
|
|
</footer>
|
|
</div>
|
|
<script src="sync.js"></script>
|
|
<script src="popup.js"></script>
|
|
</body>
|
|
</html>
|