1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
|
import {Terminal} from 'xterm';
import style from 'xterm/dist/xterm.css';
import * as attach from 'xterm/lib/addons/attach/attach';
import * as fit from 'xterm/lib/addons/fit/fit';
var configJSON = require('../../../config.json');
if (configJSON.keyType == 'VT100+') {
var vt100PlusKey = require('./vt100plus');
}
var customKeyHandlers = function(ev) {
if (configJSON.keyType == 'VT100+') {
return vt100PlusKey.customVT100PlusKey(ev, this);
}
return true;
};
window.angular && (function(angular) {
'use strict';
angular.module('app.common.directives').directive('serialConsole', [
function() {
return {
'restrict': 'E',
'template': require('./serial-console.html'),
'scope': {'path': '=', 'showTabBtn': '=?'},
'controller': [
'$scope', '$window', 'dataService',
function($scope, $window, dataService) {
$scope.dataService = dataService;
// See https://github.com/xtermjs/xterm.js/ for available xterm
// options
Terminal.applyAddon(attach); // Apply the `attach` addon
Terminal.applyAddon(fit); // Apply the `fit` addon
var term = new Terminal();
term.open(document.getElementById('terminal'));
term.fit();
if (configJSON.customKeyEnable == true) {
term.attachCustomKeyEventHandler(customKeyHandlers);
}
var SOL_THEME = {
background: '#19273c',
cursor: 'rgba(83, 146, 255, .5)',
scrollbar: 'rgba(83, 146, 255, .5)'
};
term.setOption('theme', SOL_THEME);
var hostname = dataService.getHost().replace('https://', '');
var host = 'wss://' + hostname + '/console0';
var ws = new WebSocket(host);
term.attach(ws);
ws.onopen = function() {
console.log('websocket opened');
};
ws.onclose = function(event) {
console.log(
'websocket closed. code: ' + event.code +
' reason: ' + event.reason);
};
$scope.openTerminalWindow = function() {
$window.open(
'#/server-control/remote-console-window',
'Remote Console Window',
'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=yes,width=600,height=550');
};
}
]
};
}
]);
})(window.angular);
|