ssh

Sleeping

BG5 commited on Nov 4, 2024

Commit

e44d5f8

verified ·

1 Parent(s): b4d6160

Update templates/index.html

Files changed (1) hide show

templates/index.html CHANGED Viewed

@@ -3,28 +3,30 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Interactive WebShell</title>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.js"></script>
 </head>
 <body>
-    <h1>Interactive Web</h1>
-    <input type="text" id="command" placeholder="Enter command" style="width: 80%;">
-    <button onclick="executeCommand()">Execute</button>
-    <h2>Output:</h2>
-    <pre id="output"></pre>
     <script>
-        var socket = io();
-        function executeCommand() {
-            var command = document.getElementById('command').value;
-            socket.emit('execute_command', command);
-        }
-        socket.on('command_output', function(data) {
-            var output = document.getElementById('output');
-            output.innerHTML += data.output + '\n';
         });
     </script>
 </body>
-</html>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Bash Shell</title>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.0/socket.io.js"></script>
+    <style>
+        body { font-family: monospace; }
+        #output { white-space: pre; }
+    </style>
 </head>
 <body>
+    <div id="output"></div>
+    <input id="input" autofocus />
     <script>
+        const socket = io();
+        socket.on('output', function(data) {
+            document.getElementById('output').innerText += data;
+        });
+        document.getElementById('input').addEventListener('keydown', function(event) {
+            if (event.key === 'Enter') {
+                const input = this.value;
+                socket.emit('input', input);
+                this.value = '';
+            }
         });
     </script>
 </body>
+</html>