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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
|
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;
};
function measureChar(term) {
var span = document.createElement('span');
var fontFamily = 'courier-new';
var fontSize = 15;
var rect;
span.textContent = 'W';
try {
fontFamily = term.getOption('fontFamily');
fontSize = term.getOption('fontSize');
} catch (err) {
console.log('get option failure');
}
span.style.fontFamily = fontFamily;
span.style.fontSize = fontSize + 'px';
document.body.appendChild(span);
rect = span.getBoundingClientRect();
document.body.removeChild(span);
return rect;
}
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 border = 10;
var term = new Terminal();
var terminal = document.getElementById('terminal');
var customConsole;
var charSize;
var termContainer;
term.open(terminal);
customConsole = configJSON.customConsoleDisplaySize;
if (customConsole != null) {
charSize = measureChar(term);
termContainer = document.getElementById('term-container');
if (termContainer != null) {
if (customConsole.width) {
termContainer.style.width =
(charSize.width * customConsole.width + border) + 'px';
}
if (customConsole.height) {
terminal.style.height =
(charSize.height * customConsole.height + border) + 'px';
}
}
}
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);
|
