Dateien nach "src/templates" hochladen

2025-06-04 06:55:28 +00:00
parent 8feb0de362
commit 597e4094cc
1 changed files with 53 additions and 0 deletions
--- a/src/templates/terminal.html
+++ b/src/templates/terminal.html
@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8">
+  <title>Web Terminal</title>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/xterm/css/xterm.css">
+  <style>
+    body {
+      margin: 0;
+      height: 100vh;
+      background: #1e1e1e;
+    }
+    #terminal {
+      width: 100vw;
+      height: 100vh;
+    }
+  </style>
+</head>
+<body>
+  <div id="terminal"></div>
+  <script src="https://cdn.jsdelivr.net/npm/xterm/lib/xterm.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/xterm-addon-fit/lib/xterm-addon-fit.js"></script>
+  <script src="https://cdn.socket.io/4.5.4/socket.io.min.js"></script>
+  <script>
+    const term = new Terminal({
+      cursorBlink: true,
+      theme: { background: '#1e1e1e' }
+    });
+    const fitAddon = new FitAddon.FitAddon();
+    term.loadAddon(fitAddon);
+    term.open(document.getElementById('terminal'));
+    fitAddon.fit();
+
+    const socket = io('/terminal', {
+      auth: {
+        vault_id: '{{ vault_id }}'
+      }
+    });
+
+    socket.on('output', data => {
+      term.write(data);
+    });
+
+    term.onData(data => {
+      socket.emit('input', data);
+    });
+
+    window.addEventListener('resize', () => {
+      fitAddon.fit();
+    });
+  </script>
+</body>
+</html>