waveterm/xterm.js
0
0
Fork 0
mirror of https://github.com/wavetermdev/xterm.js.git synced 2026-08-05 13:43:48 -07:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #122 from Tyriar/demo_options

Browse Source 
Add basic options selection to demo
This commit is contained in:
Paris Kasidiaris
2016-06-13 15:03:10 +03:00
committed by GitHub
parent f3dd0a4ec8 e0c0fb6917
commit 9d34ed8781
2 changed files with 37 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
demo/index.html
+5 -1
View File
@@ -9,12 +9,16 @@
<script src="../addons/attach/attach.js" ></script>
<script src="../addons/fit/fit.js" ></script>
<script src="../addons/fullscreen/fullscreen.js" ></script>
<script src="main.js" defer ></script>
</head>
<body>
<h1>
xterm.js: xterm, in the browser
</h1>
<div id="terminal-container"></div>
<div>
<h2>Options</h2>
<label><input type="checkbox" id="option-cursor-blink"> cursorBlink</label>
</div>
<script src="main.js" defer ></script>
</body>
</html>
demo/main.js
+32 -11
View File
@@ -1,11 +1,36 @@
var terminalContainer = document.getElementById('terminal-container'),
term = new Terminal(),
protocol = (location.protocol === 'https:') ? 'wss://' : 'ws://',
socketURL = protocol + location.hostname + ((location.port) ? (':' + location.port) : '') + '/bash',
socket = new WebSocket(socketURL);
var term,
protocol,
socketURL,
socket;
var terminalContainer = document.getElementById('terminal-container');
var optionElements = {
cursorBlink: document.querySelector('#option-cursor-blink')
};
optionElements.cursorBlink.addEventListener('change', createTerminal);
createTerminal();
function createTerminal() {
while (terminalContainer.children.length) {
terminalContainer.removeChild(terminalContainer.children[0]);
}
term = new Terminal({
cursorBlink: optionElements.cursorBlink.checked
});
protocol = (location.protocol === 'https:') ? 'wss://' : 'ws://';
socketURL = protocol + location.hostname + ((location.port) ? (':' + location.port) : '') + '/bash';
socket = new WebSocket(socketURL);
term.open(terminalContainer);
term.fit();
socket.onopen = runRealTerminal;
socket.onclose = runFakeTerminal;
socket.onerror = runFakeTerminal;
}
term.open(terminalContainer);
term.fit();
function runRealTerminal() {
term.attach(socket);
@@ -54,7 +79,3 @@ function runFakeTerminal() {
term.write(data);
});
}
socket.onopen = runRealTerminal;
socket.onclose = runFakeTerminal;
socket.onerror = runFakeTerminal;