2019-07-03 07:50:59 +00:00
|
|
|
let command = '';
|
|
|
|
Terminal.applyAddon(fit);
|
|
|
|
Terminal.applyAddon(attach);
|
|
|
|
Terminal.applyAddon(fullscreen);
|
|
|
|
var term = new Terminal({
|
|
|
|
experimentalCharAtlas: 'dynamic',
|
|
|
|
cursorBlink: false,
|
|
|
|
});
|
|
|
|
term.open(document.getElementById('terminal'));
|
|
|
|
term.toggleFullScreen();
|
|
|
|
term.fit();
|
|
|
|
|
|
|
|
window.onresize = function() {
|
|
|
|
term.fit();
|
|
|
|
}
|
|
|
|
|
|
|
|
let query = {}
|
|
|
|
location.search.substring(1).split("&").forEach(q => {
|
|
|
|
let qy = q.split("=", 2);
|
|
|
|
query[qy[0]] = qy[1]
|
|
|
|
})
|
|
|
|
|
|
|
|
console.log(query);
|
|
|
|
|
|
|
|
var socket = io('/container', {
|
|
|
|
path: '/ws',
|
|
|
|
transports: ['websocket']
|
|
|
|
});
|
|
|
|
socket.on('connect', () => {
|
|
|
|
term.writeln('connect')
|
|
|
|
if (query.action) {
|
|
|
|
term.writeln(`Recover Action: ${query.action} Data: ${query.data}`)
|
|
|
|
switch (query.action) {
|
|
|
|
case "container":
|
|
|
|
socket.emit('logs', {
|
|
|
|
id: query.data,
|
2019-07-05 08:04:05 +00:00
|
|
|
// since: Date.now() / 1000 - 60 * 15,
|
|
|
|
// until: Date.now() / 1000,
|
|
|
|
// stderr: false,
|
|
|
|
tail: "200"
|
2019-07-03 07:50:59 +00:00
|
|
|
})
|
|
|
|
break;
|
|
|
|
default:
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
term.on('data', async data => {
|
|
|
|
if (data == '\t') {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
term.write(data);
|
|
|
|
if (data == '\r') {
|
|
|
|
term.write('\n');
|
|
|
|
socket.emit('logs', {
|
|
|
|
id: command
|
|
|
|
})
|
|
|
|
command = '';
|
|
|
|
} else {
|
|
|
|
command += data;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
socket.on('message', data => {
|
|
|
|
term.write(data.toString() + '\r\n');
|
|
|
|
});
|
|
|
|
socket.on('disconnect', () => {
|
|
|
|
term.reset();
|
|
|
|
term.writeln('disconnect');
|
|
|
|
});
|