227 lines
11 KiB
Handlebars
227 lines
11 KiB
Handlebars
|
<!DOCTYPE html>
|
||
|
|
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
|
||
|
|
<head>
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
|
|
<meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
|
||
|
|
<meta name="viewport" content="user-scalable=1.0,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0" />
|
||
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||
|
|
<meta name="format-detection" content="telephone=no" />
|
||
|
|
<link type="text/css" href="styles/style.css" media="screen" rel="stylesheet" title="CSS" />
|
||
|
|
<link type="text/css" href="styles/xterm.css" media="screen" rel="stylesheet" title="CSS" />
|
||
|
|
<script type="text/javascript" src="scripts/common-0.0.1.js"></script>
|
||
|
|
<script type="text/javascript" src="scripts/meshcentral.js"></script>
|
||
|
|
<script type="text/javascript" src="scripts/agent-redir-ws-0.1.1.js"></script>
|
||
|
|
<script type="text/javascript" src="scripts/agent-redir-rtc-0.1.0.js"></script>
|
||
|
|
<script type="text/javascript" src="scripts/xterm.js"></script>
|
||
|
|
<script type="text/javascript" src="scripts/xterm-addon-fit.js"></script>
|
||
|
|
<title>{{{name}}}</title>
|
||
|
|
</head>
|
||
|
|
<body style="overflow:hidden;background-color:black">
|
||
|
|
<div id=p11 class="noselect" style="overflow:hidden">
|
||
|
|
<div id=deskarea0>
|
||
|
|
<div id=deskarea1 class="areaHead">
|
||
|
|
<div class="toright2">
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<input id="ConnectButton" style="display:none" type=button value="Connect" onclick="connectButton()">
|
||
|
|
<input id="DisconnectButton" type=button value="Disconnect" onclick="connectButton()">
|
||
|
|
<span><b>{{{name}}}</b></span> - <span id="termstatus"></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id=deskarea2 style="">
|
||
|
|
<div class="areaProgress"><div id="progressbar" style=""></div></div>
|
||
|
|
</div>
|
||
|
|
<div id=deskarea3x style="max-height:calc(100vh - 54px);height:calc(100vh - 54px);">
|
||
|
|
<div id="bigok" style="display:none;left:calc((100vh / 2))"><b>✓</b></div>
|
||
|
|
<div id="bigfail" style="display:none;left:calc((100vh / 2))"><b>✗</b></div>
|
||
|
|
<div id="metadatadiv" style="padding:20px;color:lightgrey;text-align:left;display:none"></div>
|
||
|
|
<div id=terminal style="max-height:calc(100vh - 54px);height:calc(100vh - 54px);"></div>
|
||
|
|
<div id=p11DeskConsoleMsg style="display:none;cursor:pointer;position:absolute;left:30px;top:17px;color:yellow;background-color:rgba(0,0,0,0.6);padding:10px;border-radius:5px" onclick=clearConsoleMsg()></div>
|
||
|
|
</div>
|
||
|
|
<div id=deskarea4 class="areaHead">
|
||
|
|
<div class="toright2">
|
||
|
|
</div>
|
||
|
|
<div style="height:21px;max-height:21px">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id=dialog class="noselect" style="display:none">
|
||
|
|
<div id=dialogHeader>
|
||
|
|
<div tabindex=0 id=id_dialogclose onclick=setDialogMode() onkeypress="if (event.key == 'Enter') setDialogMode()">✖</div>
|
||
|
|
<div id=id_dialogtitle></div>
|
||
|
|
</div>
|
||
|
|
<div id=dialogBody>
|
||
|
|
<div id=dialog1>
|
||
|
|
<div id=id_dialogMessage style=""></div>
|
||
|
|
</div>
|
||
|
|
<div id=dialog2 style="">
|
||
|
|
<div id=id_dialogOptions></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="idx_dlgButtonBar">
|
||
|
|
<input id="idx_dlgCancelButton" type="button" value="Cancel" style="" onclick="dialogclose(0)">
|
||
|
|
<input id="idx_dlgOkButton" type="button" value="OK" style="" onclick="dialogclose(1)">
|
||
|
|
<div><input id="idx_dlgDeleteButton" type="button" value="Delete" style="display:none" onclick="dialogclose(2)"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script>
|
||
|
|
var term = null;
|
||
|
|
var termfit = null;
|
||
|
|
var tunnel = null;
|
||
|
|
var domain = '{{{domain}}}';
|
||
|
|
var domainUrl = '{{{domainurl}}}';
|
||
|
|
var authCookie = '{{{authCookie}}}';
|
||
|
|
var authRelayCookie = '{{{authRelayCookie}}}';
|
||
|
|
var serverPublicNamePort = '{{{serverDnsName}}}:{{{serverPublicPort}}}';
|
||
|
|
var StatusStrs = ["Disconnected", "Connecting...", "Setup...", "Connected", "Intel® AMT Connected"];
|
||
|
|
|
||
|
|
function start() {
|
||
|
|
// Parse any URL arguments
|
||
|
|
args = parseUriArgs();
|
||
|
|
|
||
|
|
// Connect to the mesh server
|
||
|
|
meshserver = MeshServerCreateControl(domainUrl, authCookie);
|
||
|
|
meshserver.onStateChanged = onStateChanged;
|
||
|
|
meshserver.onMessage = onMessage;
|
||
|
|
meshserver.trace = (args.trace == 1);
|
||
|
|
meshserver.Start();
|
||
|
|
|
||
|
|
// When the user resizes the window, re-fit
|
||
|
|
window.onresize = function () { if (termfit != null) { termfit.fit(); } }
|
||
|
|
|
||
|
|
// Update the terminal status and buttons
|
||
|
|
QH('termstatus', StatusStrs[0]);
|
||
|
|
updateButtons();
|
||
|
|
}
|
||
|
|
|
||
|
|
// Show the correct button state
|
||
|
|
function updateButtons() {
|
||
|
|
var tunnelState = ((tunnel != null) && (tunnel.state != 0) && (meshserver.State == 2));
|
||
|
|
QE('ConnectButton', meshserver.State == 2);
|
||
|
|
QV('ConnectButton', !tunnelState);
|
||
|
|
QV('DisconnectButton', tunnelState);
|
||
|
|
}
|
||
|
|
|
||
|
|
// MeshServer - Change State
|
||
|
|
function onStateChanged(server, state, prevState, errorCode) {
|
||
|
|
QE('ConnectButton', (state == 2));
|
||
|
|
if ((state == 2) && (args.auto == 1)) { delete args.auto; connectButton(); }
|
||
|
|
updateButtons();
|
||
|
|
}
|
||
|
|
|
||
|
|
// MeshServer - Handle messages
|
||
|
|
function onMessage(server, message) { }
|
||
|
|
|
||
|
|
// Handles a tunnel to a remote shell
|
||
|
|
function CreateRemoteTunnel(onTunnelUpdate) {
|
||
|
|
var obj = { protocol: 1 };
|
||
|
|
obj.onTunnelUpdate = onTunnelUpdate;
|
||
|
|
obj.xxStateChange = function (state) { }
|
||
|
|
obj.ProcessBinaryData = function (data) { obj.onTunnelUpdate(data); }
|
||
|
|
obj.ProcessData = function (data) { obj.onTunnelUpdate(data); }
|
||
|
|
return obj;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Called when the connect/disconnect button is pressed
|
||
|
|
function connectButton() {
|
||
|
|
if (!tunnel) {
|
||
|
|
// Setup the terminal with auto-fit
|
||
|
|
if (term != null) { term.dispose(); }
|
||
|
|
if (args.fixsize != 1) { termfit = new FitAddon.FitAddon(); }
|
||
|
|
term = new Terminal();
|
||
|
|
if (termfit) { term.loadAddon(termfit); }
|
||
|
|
term.open(Q('terminal'));
|
||
|
|
term.onData(function (data) { if (tunnel != null) { tunnel.sendText(data); } })
|
||
|
|
term.onResize(function (size) {
|
||
|
|
//console.log('Resize', size);
|
||
|
|
//term.resize(size.cols, size.rows);
|
||
|
|
//if (tunnel != null) { tunnel.send(String.fromCharCode(27) + '[8;' + size.cols + ';' + size.rows + 't') }
|
||
|
|
});
|
||
|
|
if (termfit) { termfit.fit(); }
|
||
|
|
|
||
|
|
// Setup a terminal tunnel to the agent
|
||
|
|
tunnel = CreateAgentRedirect(meshserver, CreateRemoteTunnel(tunnelUpdate), serverPublicNamePort, authCookie, authRelayCookie, domainUrl);
|
||
|
|
tunnel.Start(args.nodeid);
|
||
|
|
tunnel.onStateChanged = onTunnelStateChange;
|
||
|
|
} else {
|
||
|
|
tunnel.Stop();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function tunnelUpdate(data) { if (typeof data == 'string') { term.writeUtf8(data); } else { term.writeUtf8(new Uint8Array(data)); } }
|
||
|
|
|
||
|
|
// Called when the terminal state changes
|
||
|
|
function onTunnelStateChange(xterminal, state) {
|
||
|
|
var xstate = state;
|
||
|
|
if ((xstate == 3) && (xterminal.contype == 2)) { xstate++; }
|
||
|
|
var str = StatusStrs[xstate];
|
||
|
|
if (tunnel.webRtcActive == true) { str += ", WebRTC"; }
|
||
|
|
QH('termstatus', str);
|
||
|
|
switch (state) {
|
||
|
|
case 0:
|
||
|
|
// Disconnected, clear the terminal
|
||
|
|
term.dispose();
|
||
|
|
term = null;
|
||
|
|
termfit = null;
|
||
|
|
tunnel = null;
|
||
|
|
break;
|
||
|
|
case 3:
|
||
|
|
// Connected
|
||
|
|
term.focus();
|
||
|
|
break;
|
||
|
|
default:
|
||
|
|
// Other
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
updateButtons();
|
||
|
|
}
|
||
|
|
|
||
|
|
//
|
||
|
|
// POPUP DIALOG
|
||
|
|
//
|
||
|
|
|
||
|
|
// null = Hidden, 1 = Generic Message
|
||
|
|
var xxdialogMode;
|
||
|
|
var xxdialogFunc;
|
||
|
|
var xxdialogButtons;
|
||
|
|
var xxdialogTag;
|
||
|
|
var xxcurrentView = -1;
|
||
|
|
|
||
|
|
// Display a dialog box
|
||
|
|
// Parameters: Dialog Mode (0 = none), Dialog Title, Buttons (1 = OK, 2 = Cancel, 3 = OK & Cancel), Call back function(0 = Cancel, 1 = OK), Dialog Content (Mode 2 only)
|
||
|
|
function setDialogMode(x, y, b, f, c, tag) {
|
||
|
|
xxdialogMode = x;
|
||
|
|
xxdialogFunc = f;
|
||
|
|
xxdialogButtons = b;
|
||
|
|
xxdialogTag = tag;
|
||
|
|
QE('idx_dlgOkButton', true);
|
||
|
|
QV('idx_dlgOkButton', b & 1);
|
||
|
|
QV('idx_dlgCancelButton', b & 2);
|
||
|
|
QV('id_dialogclose', (b & 2) || (b & 8));
|
||
|
|
QV('idx_dlgDeleteButton', b & 4);
|
||
|
|
QV('idx_dlgButtonBar', b & 7);
|
||
|
|
if (y) QH('id_dialogtitle', y);
|
||
|
|
for (var i = 1; i < 3; i++) { QV('dialog' + i, i == x); } // Edit this line when more dialogs are added
|
||
|
|
QV('dialog', x);
|
||
|
|
if (c) { if (x == 2) { QH('id_dialogOptions', c); } else { QH('id_dialogMessage', c); } }
|
||
|
|
}
|
||
|
|
|
||
|
|
// Called when the dialog box must be closed
|
||
|
|
function dialogclose(x) {
|
||
|
|
var f = xxdialogFunc, b = xxdialogButtons, t = xxdialogTag;
|
||
|
|
setDialogMode();
|
||
|
|
if (((b & 8) || x) && f) f(x, t);
|
||
|
|
}
|
||
|
|
|
||
|
|
function messagebox(t, m) { setSessionActivity(); QH('id_dialogMessage', m); setDialogMode(1, t, 1); }
|
||
|
|
function statusbox(t, m) { setSessionActivity(); QH('id_dialogMessage', m); setDialogMode(1, t); }
|
||
|
|
function haltEvent(e) { if (e.preventDefault) e.preventDefault(); if (e.stopPropagation) e.stopPropagation(); return false; }
|
||
|
|
function pad2(num) { var s = '00' + num; return s.substr(s.length - 2); }
|
||
|
|
function format(format) { var args = Array.prototype.slice.call(arguments, 1); return format.replace(/{(\d+)}/g, function (match, number) { return typeof args[number] != 'undefined' ? args[number] : match; }); };
|
||
|
|
function parseUriArgs() { var name, r = {}, parsedUri = window.document.location.href.split(/[\?&|\=]/); parsedUri.splice(0, 1); for (x in parsedUri) { switch (x % 2) { case 0: { name = decodeURIComponent(parsedUri[x]); break; } case 1: { r[name] = decodeURIComponent(parsedUri[x]); var x = parseInt(r[name]); if (x == r[name]) { r[name] = x; } break; } default: { break; } } } return r; }
|
||
|
|
|
||
|
|
start();
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|