init

2026-08-27 08:57:14 +02:00
commit dca69c04ad
9 changed files with 1392 additions and 0 deletions
@@ -0,0 +1,49 @@
+<!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>