334 lines
20 KiB
Handlebars
334 lines
20 KiB
Handlebars
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html lang="en">
|
|
<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" />
|
|
<meta name="robots" content="noindex,nofollow" />
|
|
<link type="text/css" href="styles/style.css" media="screen" rel="stylesheet" title="CSS" />
|
|
<link rel="apple-touch-icon" href="/favicon-303x303.png" />
|
|
<script type="text/javascript" src="scripts/common-0.0.1{{min}}.js"></script>
|
|
<script type="text/javascript" src="scripts/qrcode.min.js"></script>
|
|
<title>Agent Installation</title>
|
|
<style>
|
|
.tab {
|
|
overflow: hidden;
|
|
border: 1px solid #ccc;
|
|
background-color: #f1f1f1;
|
|
}
|
|
|
|
.tab button {
|
|
background-color: inherit;
|
|
float: left;
|
|
border: none;
|
|
outline: none;
|
|
cursor: pointer;
|
|
padding: 14px 16px;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
.tab button:hover {
|
|
background-color: #ddd;
|
|
}
|
|
|
|
.tab button.active {
|
|
background-color: #8f8;
|
|
}
|
|
|
|
.tabcontent {
|
|
display: none;
|
|
padding: 6px 12px;
|
|
border: 1px solid #ccc;
|
|
border-top: none;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body id="body" onload="if (typeof(startup) !== 'undefined') startup();" style="display:none;overflow:hidden">
|
|
<div id="container">
|
|
<!-- Begin Masthead -->
|
|
<div id="masthead" class=noselect style="background:url(logo.png) 0px 0px;background-color:#036;background-repeat:no-repeat;height:66px;width:100%;overflow:hidden;">
|
|
<div style="float:left;text-shadow: 1px 1px 2px #000">{{{titlehtml}}}</div>
|
|
<div style="float:left; height: 66px; color:#c8c8c8; padding-left:14px; padding-top:7px">
|
|
<strong><font style="font-size:46px; font-family: Arial, Helvetica, sans-serif;text-shadow: 1px 1px 2px #000">{{{title1}}}</font></strong>
|
|
</div>
|
|
<div style="float:left; height: 66px; color:#c8c8c8; padding-left:5px; padding-top:14px">
|
|
<strong><font style="font-size:14px; font-family: Arial, Helvetica, sans-serif;text-shadow: 1px 1px 2px #000">{{{title2}}}</font></strong>
|
|
</div>
|
|
<p id="logoutControl" style="color:white;font-size:11px;margin: 10px 10px 0;">{{{logoutControl}}}</p>
|
|
</div>
|
|
<div id="page_leftbar">
|
|
<div style="height:16px"></div>
|
|
</div>
|
|
<div id=topbar class="noselect style3" style="height:24px;position:relative">
|
|
<div id=uiMenuButton title="User interface selection" onclick="showUserInterfaceSelectMenu()">
|
|
♦
|
|
<div id=uiMenu style="display:none">
|
|
<div id=uiViewButton1 class=uiSelector onclick=userInterfaceSelectMenu(1) title="Left bar interface"><div class="uiSelector1"></div></div>
|
|
<div id=uiViewButton2 class=uiSelector onclick=userInterfaceSelectMenu(2) title="Top bar interface"><div class="uiSelector2"></div></div>
|
|
<div id=uiViewButton3 class=uiSelector onclick=userInterfaceSelectMenu(3) title="Fixed width interface"><div class="uiSelector3"></div></div>
|
|
<div id=uiViewButton4 class=uiSelector onclick=toggleNightMode() title="Toggle night mode"><div class="uiSelector4"></div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="column_l" style="max-height:calc(100vh - 135px);overflow-y:auto">
|
|
<h1><span id="groupname">Remote Agent Installation</span></h1>
|
|
<p>
|
|
You have been invited to install an application that will allow a remote operator to securely access your computer including the desktop and files. Only follow the instructions below if this invitation was expected and you know who will be accessing your computer. Select your operating system and follow the instructions below for installation.
|
|
</p>
|
|
<div>
|
|
<div class="tab">
|
|
<button id="twintab64" class="tablinks" onclick="openTab(event, 'wintab64')">Windows 64bit</button>
|
|
<button id="twintab32" class="tablinks" onclick="openTab(event, 'wintab32')">Windows 32bit</button>
|
|
<button id="tlinuxtab" class="tablinks" onclick="openTab(event, 'linuxtab')">Linux</button>
|
|
<button id="tmacostab" class="tablinks" onclick="openTab(event, 'macostab')">MacOS</button>
|
|
<button id="tandrotab" class="tablinks" onclick="openTab(event, 'androtab')">Android</button>
|
|
</div>
|
|
|
|
<div id="wintab64" class="tabcontent" style="background-color:white;color:black">
|
|
<h3>Microsoft™ Windows 64bit</h3>
|
|
<p><a id="win64url">Download the software here</a>, run it and press "Install" or "Connect".</p>
|
|
<div style="text-align:center">
|
|
<img class="winagent-img" src="images/winagent.png" />
|
|
</div>
|
|
</div>
|
|
|
|
<div id="wintab32" class="tabcontent" style="background-color:white;color:black">
|
|
<h3>Microsoft™ Windows 32bit</h3>
|
|
<p><a id="win32url">Download the software here</a>, run it and press "Install" or "Connect".</p>
|
|
<div style="text-align:center">
|
|
<img class="winagent-img" src="images/winagent.png" />
|
|
</div>
|
|
</div>
|
|
|
|
<div id="linuxtab" class="tabcontent" style="background-color:white;color:black">
|
|
<h3>Linux</h3>
|
|
<p>To install, cut and paste the following command in a root terminal.</p>
|
|
<div id="linuxinstall" style="font-family:courier,'courier new',monospace;margin-left:30px"></div>
|
|
<input type="button" value="Copy to clipboard" style="margin-left:30px;margin-top:4px" onclick="copyToClipLinuxInstall()" />
|
|
<p>To uninstall, cut and paste the following command as root.</p>
|
|
<div id="unlinuxinstall" style="font-family:courier,'courier new',monospace;margin-left:30px"></div>
|
|
<input type="button" value="Copy to clipboard" style="margin-left:30px;margin-top:4px" onclick="copyToClipLinuxUnInstall()" />
|
|
<br /><br />
|
|
</div>
|
|
|
|
<div id="macostab" class="tabcontent" style="background-color:white;color:black">
|
|
<h3>Apple™ MacOS</h3>
|
|
<p><a id="macosurl">Download the installer here</a>, right click on it or press "control" and click on the file. Then select "Open" and follow the instructions.</p>
|
|
<div style="text-align:center">
|
|
<img src="images/macosagent.png" />
|
|
</div>
|
|
</div>
|
|
|
|
<div id="androtab" class="tabcontent" style="background-color:white;color:black">
|
|
<h3>Android</h3>
|
|
<div id=agins_qrcode style=min-height:220px;min-width:220px;float:right>
|
|
<a id=android_qrimage2 href="{{{magenturl}}}" rel="noreferrer noopener" target=_blank>
|
|
<div id=android_qrimage style=float:right;margin-left:10px;width:220px;height:220px;cursor:pointer;margin-left:25px></div>
|
|
</a>
|
|
</div>
|
|
<div style="min-height:220px">
|
|
<p>Download the agent software using the Google Play store or APK file, install it and use the QR code on the right or the pairing link below to setup your device on this server.</p>
|
|
<p>
|
|
<a rel="noreferrer noopener" target=_blank href="https://play.google.com/store/apps/details?id=com.meshcentral.agent2">Google Play Store</a>
|
|
</p>
|
|
<p>
|
|
<a rel="noreferrer noopener" target=_blank href="https://info.meshcentral.com/downloads/MeshCentral2/meshcentral-agent.apk">Android APK Download</a>
|
|
</p>
|
|
<p>
|
|
<a rel="noreferrer noopener" target=_blank href="{{{magenturl}}}">Server Pairing Link</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="footer">
|
|
<table cellpadding="0" cellspacing="10" style="width: 100%">
|
|
<tr>
|
|
<td style="text-align:left"></td>
|
|
<td style="text-align:right"></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
'use strict';
|
|
var uiMode = parseInt(getstore('uiMode', 1));
|
|
var webPageStackMenu = false;
|
|
var webPageFullScreen = true;
|
|
var nightMode = (getstore('_nightMode', '0') == '1');
|
|
var domain = '{{{domain}}}';
|
|
var domainUrl = '{{{domainurl}}}';
|
|
var meshid = '{{{meshid}}}';
|
|
var title = '{{{title}}}';
|
|
var serverPort = '{{{serverport}}}';
|
|
var serverHttps = '{{{serverhttps}}}';
|
|
var serverNoProxy = '{{{servernoproxy}}}';
|
|
var installFlags = '{{{installflags}}}';
|
|
var magenturl = '{{{magenturl}}}';
|
|
var groupName = decodeURIComponent('{{{meshname}}}');
|
|
if (groupName != '') {
|
|
QH('groupname', format("Remote Agent Installation for {0}", escapeHtml(groupName)));
|
|
document.title = format("{0} - Agent Installation", groupName);
|
|
} else {
|
|
document.title = "Agent Installation";
|
|
}
|
|
userInterfaceSelectMenu();
|
|
setup();
|
|
|
|
// Create the QR code
|
|
new QRCode(Q('android_qrimage'), { text: magenturl, width: 220, height: 220, colorDark: '#000000', colorLight: '#FFF', correctLevel: QRCode.CorrectLevel.M });
|
|
Q('android_qrimage2').setAttribute('href', magenturl)
|
|
|
|
// Toggle user interface menu
|
|
function showUserInterfaceSelectMenu() {
|
|
Q('uiViewButton1').classList.remove('uiSelectorSel');
|
|
Q('uiViewButton2').classList.remove('uiSelectorSel');
|
|
Q('uiViewButton3').classList.remove('uiSelectorSel');
|
|
Q('uiViewButton4').classList.remove('uiSelectorSel');
|
|
try { Q('uiViewButton' + uiMode).classList.add('uiSelectorSel'); } catch (ex) { }
|
|
QV('uiMenu', (QS('uiMenu').display == 'none'));
|
|
if (nightMode) { Q('uiViewButton4').classList.add('uiSelectorSel'); }
|
|
}
|
|
|
|
function userInterfaceSelectMenu(s) {
|
|
if (s) { uiMode = s; putstore('uiMode', uiMode); }
|
|
webPageFullScreen = (uiMode < 3);
|
|
webPageStackMenu = true;//(uiMode > 1);
|
|
toggleFullScreen(0);
|
|
toggleStackMenu(0);
|
|
QC('column_l').add('room4submenu');
|
|
}
|
|
|
|
function toggleNightMode() {
|
|
nightMode = !nightMode;
|
|
if (nightMode) { QC('body').add('night'); } else { QC('body').remove('night'); }
|
|
putstore('_nightMode', nightMode ? '1' : '0');
|
|
}
|
|
|
|
// Toggle the web page to full screen
|
|
function toggleFullScreen(toggle) {
|
|
if (toggle === 1) { webPageFullScreen = !webPageFullScreen; putstore('webPageFullScreen', webPageFullScreen); }
|
|
var hide = 0;
|
|
//if (args.hide) { hide = parseInt(args.hide); }
|
|
if (webPageFullScreen == false) {
|
|
QC('body').remove('menu_stack');
|
|
QC('body').remove('fullscreen');
|
|
QC('body').remove('arg_hide');
|
|
//if (xxcurrentView >= 10) QC('column_l').add('room4submenu');
|
|
//QV('UserDummyMenuSpan', false);
|
|
//QV('page_leftbar', false);
|
|
} else {
|
|
QC('body').add('fullscreen');
|
|
if (hide & 16) QC('body').add('arg_hide'); // This is replacement for QV('page_leftbar', !(hide & 16));
|
|
//QV('UserDummyMenuSpan', (xxcurrentView < 10) && webPageFullScreen);
|
|
//QV('page_leftbar', true);
|
|
}
|
|
QV('body', true);
|
|
}
|
|
|
|
// If FullScreen, toggle menu to be horisontal or vertical
|
|
function toggleStackMenu(toggle) {
|
|
if (webPageFullScreen == true) {
|
|
if (toggle === 1) {
|
|
webPageStackMenu = !webPageStackMenu;
|
|
putstore('webPageStackMenu', webPageStackMenu);
|
|
}
|
|
if (webPageStackMenu == false) {
|
|
QC('body').remove('menu_stack');
|
|
} else {
|
|
QC('body').add('menu_stack');
|
|
//if (xxcurrentView >= 10) QC('column_l').remove('room4submenu');
|
|
}
|
|
}
|
|
}
|
|
|
|
function putstore(name, val) { try { if (typeof (localStorage) === 'undefined') return; localStorage.setItem(name, val); } catch (e) { } }
|
|
function getstore(name, val) { try { if (typeof (localStorage) === 'undefined') return val; var v = localStorage.getItem(name); if ((v == null) || (v == null)) return val; return v; } catch (e) { return val; } }
|
|
|
|
function openTab(evt, tabname) {
|
|
// Declare all variables
|
|
var i, tabcontent, tablinks;
|
|
|
|
// Get all elements with class="tabcontent" and hide them
|
|
tabcontent = document.getElementsByClassName('tabcontent');
|
|
for (i = 0; i < tabcontent.length; i++) {
|
|
tabcontent[i].style.display = 'none';
|
|
}
|
|
|
|
// Get all elements with class="tablinks" and remove the class "active"
|
|
tablinks = document.getElementsByClassName('tablinks');
|
|
for (i = 0; i < tablinks.length; i++) {
|
|
tablinks[i].className = tablinks[i].className.replace(' active', '');
|
|
}
|
|
|
|
// Show the current tab, and add an "active" class to the button that opened the tab
|
|
document.getElementById(tabname).style.display = 'block';
|
|
if (evt != null) { evt.currentTarget.className += ' active'; } else { document.getElementById('t' + tabname).className += ' active'; }
|
|
}
|
|
|
|
var linuxInstall, linuxUnInstall;
|
|
function setup() {
|
|
var servername = window.location.hostname;
|
|
var domainUrlNoSlash = domainUrl.substring(0, domainUrl.length - 1);
|
|
|
|
// Windows 64bit Setup
|
|
var url = 'meshagents?id=4&meshid=' + meshid;
|
|
if (installFlags != 0) { url += ('&installflags=' + installFlags); }
|
|
Q('win64url').href = url;
|
|
|
|
// Windows 32bit Setup
|
|
url = 'meshagents?id=3&meshid=' + meshid;
|
|
if (installFlags != 0) { url += ('&installflags=' + installFlags); }
|
|
Q('win32url').href = url;
|
|
|
|
// MacOS Setup
|
|
url = 'meshosxagent?id=16&meshid=' + meshid;
|
|
Q('macosurl').href = url;
|
|
|
|
// Linux Setup
|
|
if (serverHttps == 1) {
|
|
var portStr = (serverPort == 443) ? '' : (':' + serverPort);
|
|
if (serverNoProxy == 0) {
|
|
linuxInstall = '(wget "https://' + servername + portStr + domainUrl + 'meshagents?script=1" --no-check-certificate -O ./meshinstall.sh || wget "https://' + servername + portStr + domainUrl + 'meshagents?script=1" --no-proxy --no-check-certificate -O ./meshinstall.sh) && chmod 755 ./meshinstall.sh && sudo ./meshinstall.sh https://' + servername + portStr + domainUrlNoSlash + ' \'' + meshid + '\'\r\n';
|
|
linuxUnInstall = '(wget "https://' + servername + portStr + domainUrl + 'meshagents?script=1" --no-check-certificate -O ./meshinstall.sh || wget "https://' + servername + portStr + domainUrl + 'meshagents?script=1" --no-proxy --no-check-certificate -O ./meshinstall.sh) && chmod 755 ./meshinstall.sh && sudo ./meshinstall.sh uninstall\r\n';
|
|
} else {
|
|
// Server asked that agent be installed to preferably not use a HTTP proxy.
|
|
linuxInstall = 'wget "https://' + servername + portStr + domainUrl + 'meshagents?script=1" --no-proxy --no-check-certificate -O ./meshinstall.sh && chmod 755 ./meshinstall.sh && sudo ./meshinstall.sh https://' + servername + portStr + domainUrlNoSlash + ' \'' + meshid + '\'\r\n';
|
|
linuxUnInstall = 'wget "https://' + servername + portStr + domainUrl + 'meshagents?script=1" --no-proxy --no-check-certificate -O ./meshinstall.sh && chmod 755 ./meshinstall.sh && sudo ./meshinstall.sh uninstall\r\n';
|
|
}
|
|
} else {
|
|
var portStr = (serverPort == 80) ? '' : (':' + serverPort);
|
|
if (serverNoProxy == 0) {
|
|
linuxInstall = '(wget "http://' + servername + portStr + domainUrl + 'meshagents?script=1" -O ./meshinstall.sh || wget "http://' + servername + portStr + domainUrl + 'meshagents?script=1" --no-proxy -O ./meshinstall.sh) && chmod 755 ./meshinstall.sh && sudo ./meshinstall.sh http://' + servername + portStr + domainUrlNoSlash + ' \'' + meshid + '\'\r\n';
|
|
linuxUnInstall = '(wget "http://' + servername + portStr + domainUrl + 'meshagents?script=1" -O ./meshinstall.sh || wget "http://' + servername + portStr + domainUrl + 'meshagents?script=1" --no-proxy -O ./meshinstall.sh) && chmod 755 ./meshinstall.sh && sudo ./meshinstall.sh uninstall\r\n';
|
|
} else {
|
|
// Server asked that agent be installed to preferably not use a HTTP proxy.
|
|
linuxInstall = 'wget "http://' + servername + portStr + domainUrl + 'meshagents?script=1" --no-proxy -O ./meshinstall.sh && chmod 755 ./meshinstall.sh && sudo ./meshinstall.sh http://' + servername + portStr + domainUrlNoSlash + ' \'' + meshid + '\'\r\n';
|
|
linuxUnInstall = 'wget "http://' + servername + portStr + domainUrl + 'meshagents?script=1" --no-proxy -O ./meshinstall.sh && chmod 755 ./meshinstall.sh && sudo ./meshinstall.sh uninstall\r\n';
|
|
}
|
|
}
|
|
QH('linuxinstall', linuxInstall);
|
|
QH('unlinuxinstall', linuxUnInstall);
|
|
|
|
// Attempt to detect the most likely operating system for this browser
|
|
if (navigator.userAgent.indexOf('Win64') >= 0) { openTab(null, 'wintab64'); }
|
|
else if (navigator.userAgent.indexOf('Windows') >= 0) { openTab(null, 'wintab32'); }
|
|
else if (navigator.userAgent.indexOf('Linux') >= 0) { openTab(null, 'linuxtab'); }
|
|
else if (navigator.userAgent.indexOf('Macintosh') >= 0) { openTab(null, 'macostab'); }
|
|
else if (navigator.userAgent.indexOf('Android') >= 0) { openTab(null, 'mobiltab'); }
|
|
else { openTab(null, 'wintab64'); }
|
|
}
|
|
|
|
function copyToClipLinuxInstall() { copyTextToClip(linuxInstall); }
|
|
function copyToClipLinuxUnInstall() { copyTextToClip(linuxUnInstall); }
|
|
function copyTextToClip(txt) { function selectElementText(e) { if (document.selection) { var range = document.body.createTextRange(); range.moveToElementText(e); range.select(); } else if (window.getSelection) { var range = document.createRange(); range.selectNode(e); window.getSelection().removeAllRanges(); window.getSelection().addRange(range); } } var e = document.createElement('DIV'); e.textContent = txt; document.body.appendChild(e); selectElementText(e); document.execCommand('copy'); e.remove(); }
|
|
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 escapeHtml(string) { return String(string).replace(/[&<>"'`=\/]/g, function (s) { return { '&': '&', '<': '<', '>': '>', '"': '"', "'": ''', '/': '/', '`': '`', '=': '=' }[s]; }); };
|
|
function escapeHtmlBreaks(string) { return String(string).replace(/[&<>"'`=\/]/g, function (s) { return { '&': '&', '<': '<', '>': '>', '"': '"', "'": ''', '/': '/', '`': '`', '=': '=', '\r': '<br />', '\n': '' }[s]; }); };
|
|
</script>
|
|
</body>
|
|
</html>
|