Torge/TeaShell
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Dateien nach "src/templates" hochladen

Browse Source
This commit is contained in:
Torge
2025-06-04 06:55:28 +00:00
parent 8feb0de362
commit 597e4094cc
1 changed files with 53 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
src/templates/terminal.html Normal file
View File

@ -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>