diff options
author | Elijah Moore <elimoor@siue.edu> | 2022-03-13 11:09:13 -0500 |
---|---|---|
committer | Elijah Moore <elimoor@siue.edu> | 2022-03-13 11:09:13 -0500 |
commit | 286297494c51a95441b72f2bbde7063c0e782a49 (patch) | |
tree | 1e4609fe04a76518de34ecd681ae6128d724ef70 /adminPage.html | |
parent | 6af67bc4b3fd547e495226a673b1bffdbfc9d20a (diff) |
Fixed the Terminal
Diffstat (limited to 'adminPage.html')
-rw-r--r-- | adminPage.html | 88 |
1 files changed, 0 insertions, 88 deletions
diff --git a/adminPage.html b/adminPage.html deleted file mode 100644 index b8470e6..0000000 --- a/adminPage.html +++ /dev/null @@ -1,88 +0,0 @@ -<!--adminPage.html--> -<!DOCTYPE html> -<html lang="en"> - <head> - <meta - charset="utf-8" - name="viewport" - content="width=device-width, initial-scale=1" - /> - <title>SIUE Zone Container Manager - Admin</title> - - <link rel="stylesheet" href="ZoneStyle.css" /> - <link rel="stylesheet" href="node_modules/xterm/css/xterm.css" /> - <script src="node_modules/xterm/lib/xterm.js"></script> - --> - <!-- <script type="module" src="./node_modules/xterm/lib/xterm.js"></script> --> - <!-- <script src="functions.js"></script> --> - </head> - - <body> - <!-- sidebar on the left --> - <div class="sidenav" id="sidebar"> - <ul> - <li><a href="#">Create Template</a></li> - <li><a href="#" onclick="toStudentView()">View as Student</a></li> - <li><a href="#" onclick="logOut()">Log Out</a></li> - </ul> - </div> - <!-- sidebar on the left ends --> - <!-- main container --> - <div class="terminalContainer" id="terminal"></div> - <!-- main container ends--> - <!-- topology summary --> - <div class="topolSumContainer"> - <h2>Topology Summary</h2> - <p>Topology summary will go here</p> - </div> - <!-- topology summary ends--> - <!-- container summary --> - <div class="containSumContainer"> - <h2>Container Summary</h2> - <p>Container summary will go here</p> - </div> - <!-- <script> - var term = new Terminal({rows: 48, cols: 140}); - term.open(document.getElementById('terminal')); - term.write('Hello from \x1B[1;3;31mxterm.js\x1B[0m $ ') - </script> --> - <!-- <script type="module" src="./functions.js"></script> --> - <script> - //create a terminal which users can type into - var term = new Terminal({ - rows: 48, - cols: 140, - cursorBlink: true, - useStyle: true, - theme: { - foreground: "#fff", - background: "#000", - cursor: "#fff", - cursorAccent: "#000", - selection: "#fff", - }, - }); - var termPrompt = "$ "; - var command = ""; - term.open(document.getElementById("terminal")); - term.write("Hello from \x1B[1;3;31mxterm.js\x1B[0m $ "); - term.onKey(function (key, ev) { - if (key.keyCode == 8) { - //backspace - if (command.length > 0) { - command = command.substring(0, command.length - 1); - term.write("\b \b"); - } - } else if (key.keyCode == 13) { - //enter - term.write("\n" + termPrompt + command); - command = ""; - } else { - //any other key - command += key.key; - term.write(key.key); - } - }); - </script> - </body> -</html> |