50 lines
1.8 KiB
HTML
50 lines
1.8 KiB
HTML
<!doctype html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>CEC-Tool</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<h1>📺 CEC-Tool</h1>
|
|
<p class="subtitle">HDMI-CEC-Befehle speichern und über <code>cec-client</code> senden.</p>
|
|
|
|
<form id="command-form">
|
|
<fieldset>
|
|
<legend>Neuen Befehl anlegen</legend>
|
|
<div class="field">
|
|
<label for="name">Name</label>
|
|
<input type="text" id="name" name="name" required maxlength="60"
|
|
placeholder="z. B. TV einschalten" autocomplete="off">
|
|
</div>
|
|
<div class="field">
|
|
<label for="command">Command</label>
|
|
<input type="text" id="command" name="command" required maxlength="200"
|
|
placeholder="z. B. echo 'on 0' | cec-client -s -d 1" autocomplete="off" aria-describedby="command-help">
|
|
<span id="command-help" class="hint">
|
|
Vollständiger Shell-Befehl, z. B. <code>echo 'on 0' | cec-client -s -d 1</code> oder <code>echo 'scan' | cec-client -s -d 1</code>
|
|
</span>
|
|
</div>
|
|
<button type="submit">Speichern</button>
|
|
</fieldset>
|
|
</form>
|
|
|
|
<section aria-labelledby="list-heading">
|
|
<h2 id="list-heading">Gespeicherte Befehle</h2>
|
|
<ul id="command-list" class="command-list"></ul>
|
|
<p id="empty-note" class="hint" hidden>Noch keine Befehle gespeichert.</p>
|
|
</section>
|
|
|
|
<section aria-labelledby="output-heading">
|
|
<h2 id="output-heading">Ausgabe</h2>
|
|
<p id="status" class="status" role="status" aria-live="polite"></p>
|
|
<pre id="output" class="output" hidden></pre>
|
|
</section>
|
|
</main>
|
|
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|