server-manager/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

test

Browse Source
This commit is contained in:
ACoolName 2024-06-02 22:23:42 +03:00
parent 16f7aefb82
commit e45936b53f
1 changed files with 47 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
src/common.tsx
View File

@ -280,11 +280,57 @@ export function ActionItem(p: { action: ActionInfo, identifierSubstring?: string
content="A site to manage game servers built with react and go using docker" content="A site to manage game servers built with react and go using docker"
/> />
<title>Server Manager</title> <title>Server Manager</title>
<script src="xterm/lib/xterm.js"></script> <script src="xterm/lib/xterm.js"></script>
<script src="xterm-addon-fit/lib/xterm-addon-fit.js"></script>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
<script>
window.onload = function() {
const Terminal = window.Terminal;
const FitAddon = window.FitAddon;
const terminalContainer = document.getElementById('terminal-container');
const terminal = new Terminal();
const fitAddon = new FitAddon();
terminal.loadAddon(fitAddon);
terminal.open(terminalContainer);
fitAddon.fit();
if (websocket) {
const socket = new WebSocket("`+websocket+`");
socket.onerror = (ev) => {
console.log(ev);
};
socket.addEventListener('open', () => {
socket.send(JSON.stringify({ CommandType: 'resize', Arguments: \`\${terminal.cols}x\`\${terminal.rows} }));
});
terminal.onResize(({ cols, rows }) => {
socket.send(JSON.stringify({ CommandType: 'resize', Arguments: \`\${cols}x\`\${rows} }));
});
socket.addEventListener('message', (event) => {
terminal.write(JSON.parse(event.data));
});
terminal.onData((data) => {
socket.send(JSON.stringify({ CommandType: 'insert', Arguments: data }));
});
window.addEventListener('beforeunload', () => {
socket.close();
});
}
window.addEventListener('resize', () => {
fitAddon.fit();
});
};
</script>
</body> </body>
</html> </html>
`) `)