2019-10-21 18:59:20 -04:00
<!DOCTYPE html><html><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">
<script type="text/javascript" src="scripts/common-0.0.1.js"></script>
2019-12-16 14:21:07 -05:00
<title> {{{ title }}} - Agent Installation</title>
2019-10-21 18:59:20 -04:00
<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;">
2019-12-16 14:21:07 -05:00
<div style="float:left"> {{{ titlehtml }}} </div>
2019-10-21 18:59:20 -04:00
<div style="float:left; height: 66px; color:#c8c8c8; padding-left:20px; padding-top:8px">
2019-12-16 14:21:07 -05:00
<strong><font style="font-size:46px; font-family: Arial, Helvetica, sans-serif;"> {{{ title1 }}} </font></strong>
2019-10-21 18:59:20 -04:00
</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;"> {{{ title2 }}} </font></strong>
</div>
<p id="logoutControl" style="color:white;font-size:11px;margin: 10px 10px 0;"> {{{ log outControl }}} </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>
2019-12-01 18:21:33 -05:00
<div id="uiViewButton3" class="uiSelector" onclick="userInterfaceSelectMenu(3)" title="Interface à largeur fixe"><div class="uiSelector3"></div></div>
2019-10-21 18:59:20 -04:00
<div id="uiViewButton4" class="uiSelector" onclick="toggleNightMode()" title="Basculer mode nuit"><div class="uiSelector4"></div></div>
</div>
</div>
</div>
<div id="column_l" style="max-height:calc(100vh - 135px);overflow-y:auto">
2019-12-01 18:21:33 -05:00
<h1>Installation de l'agent<span id="groupname"></span></h1>
2019-10-21 18:59:20 -04:00
<p>
You have been invited to install a software that will allow a remote operator to fully access your computer remotely including the desktop and files.
Only follow the instructions below if this invitation was expected and you know who will be accessing your computer.
Selecting your operation system and follow the instructions below.
</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>
</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>
</div>
<div id="footer">
<table cellpadding="0" cellspacing="10" style="width: 100%">
<tbody><tr>
<td style="text-align:left"></td>
<td style="text-align:right"></td>
</tr>
</tbody></table>
</div>
</div>
<script>
'use strict';
var uiMode = parseInt(getstore('uiMode', 1));
var webPageStackMenu = false;
var webPageFullScreen = true;
var nightMode = (getstore('_nightMode', '0') == '1');
2019-12-01 18:21:33 -05:00
var domain = ' {{{ domain }}} ';
var domainUrl = ' {{{ domainurl }}} ';
var meshid = ' {{{ meshid }}} ';
var serverPort = ' {{{ serverport }}} ';
var serverHttps = ' {{{ serverhttps }}} ';
var serverNoProxy = ' {{{ servernoproxy }}} ';
var installFlags = ' {{{ in stallflags }}} ';
var groupName = decodeURIComponent(' {{{ meshname }}} ');
2019-10-21 18:59:20 -04:00
if (groupName != '') { QH('groupname', ' for ' + groupName); }
userInterfaceSelectMenu();
setup();
// 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) {
2019-12-01 18:21:33 -05:00
QC('body').remove('menu_stack');
QC('body').remove('fullscreen');
QC('body').remove('arg_hide');
2019-10-21 18:59:20 -04:00
//if (xxcurrentView >= 10) QC('column_l').add('room4submenu');
//QV('UserDummyMenuSpan', false);
//QV('page_leftbar', false);
} else {
2019-12-01 18:21:33 -05:00
QC('body').add('fullscreen');
if (hide & 16) QC('body').add('arg_hide'); // This is replacement for QV('page_leftbar', !(hide & 16));
2019-10-21 18:59:20 -04:00
//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) {
2019-12-01 18:21:33 -05:00
QC('body').remove('menu_stack');
2019-10-21 18:59:20 -04:00
} else {
2019-12-01 18:21:33 -05:00
QC('body').add('menu_stack');
2019-10-21 18:59:20 -04:00
//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
2019-12-01 18:21:33 -05:00
tabcontent = document.getElementsByClassName('tabcontent');
2019-10-21 18:59:20 -04:00
for (i = 0; i < tabcontent.length; i++) {
2019-12-01 18:21:33 -05:00
tabcontent[i].style.display = 'none';
2019-10-21 18:59:20 -04:00
}
// Get all elements with class="tablinks" and remove the class "active"
2019-12-01 18:21:33 -05:00
tablinks = document.getElementsByClassName('tablinks');
2019-10-21 18:59:20 -04:00
for (i = 0; i < tablinks.length; i++) {
2019-12-01 18:21:33 -05:00
tablinks[i].className = tablinks[i].className.replace(' active', '');
2019-10-21 18:59:20 -04:00
}
// Show the current tab, and add an "active" class to the button that opened the tab
2019-12-01 18:21:33 -05:00
document.getElementById(tabname).style.display = 'block';
if (evt != null) { evt.currentTarget.className += ' active'; } else { document.getElementById('t' + tabname).className += ' active'; }
2019-10-21 18:59:20 -04:00
}
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) {
2019-12-01 18:21:33 -05:00
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';
2019-10-21 18:59:20 -04:00
} else {
// Server asked that agent be installed to preferably not use a HTTP proxy.
2019-12-01 18:21:33 -05:00
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';
2019-10-21 18:59:20 -04:00
}
} else {
2019-12-01 18:21:33 -05:00
var portStr = (serverPort == 80) ? '' : (':' + serverPort);
2019-10-21 18:59:20 -04:00
if (serverNoProxy == 0) {
2019-12-01 18:21:33 -05:00
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';
2019-10-21 18:59:20 -04:00
} else {
// Server asked that agent be installed to preferably not use a HTTP proxy.
2019-12-01 18:21:33 -05:00
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';
2019-10-21 18:59:20 -04:00
}
}
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 { 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(); }
</script>
</body></html>