295 lines
17 KiB
Handlebars
295 lines
17 KiB
Handlebars
<!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>
|
||
<title>{{{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">{{{titlehtml}}}</div>
|
||
<div style="float:left; height: 66px; color:#c8c8c8; padding-left:20px; padding-top:8px">
|
||
<strong><font style="font-size:46px; font-family: Arial, Helvetica, sans-serif;">{{{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;">{{{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="ユーザーインターフェイスの選択" onclick="showUserInterfaceSelectMenu()">
|
||
♦
|
||
<div id="uiMenu" style="display:none">
|
||
<div id="uiViewButton1" class="uiSelector" onclick="userInterfaceSelectMenu(1)" title="左バーインターフェイス"><div class="uiSelector1"></div></div>
|
||
<div id="uiViewButton2" class="uiSelector" onclick="userInterfaceSelectMenu(2)" title="トップバーインターフェース"><div class="uiSelector2"></div></div>
|
||
<div id="uiViewButton3" class="uiSelector" onclick="userInterfaceSelectMenu(3)" title="固定幅インターフェイス"><div class="uiSelector3"></div></div>
|
||
<div id="uiViewButton4" class="uiSelector" onclick="toggleNightMode()" title="ナイトモードを切り替える"><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"></span></h1>
|
||
<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 64ビット</button>
|
||
<button id="twintab32" class="tablinks" onclick="openTab(event, 'wintab32')">Windows 32ビット</button>
|
||
<button id="tlinuxtab" class="tablinks" onclick="openTab(event, 'linuxtab')">Linux</button>
|
||
<button id="tmacostab" class="tablinks" onclick="openTab(event, 'macostab')">マックOS</button>
|
||
</div>
|
||
|
||
<div id="wintab64" class="tabcontent" style="background-color:white;color:black">
|
||
<h3>Microsoft™Windows 64ビット</h3>
|
||
<p><a id="win64url">ここからソフトウェアをダウンロードしてください</a>、実行して「インストール」または「接続」を押します。</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 32ビット</h3>
|
||
<p><a id="win32url">ここからソフトウェアをダウンロードしてください</a>、実行して「インストール」または「接続」を押します。</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>インストールするには、ルートターミナルで次のコマンドをカットアンドペーストします。</p>
|
||
<div id="linuxinstall" style="font-family:courier,'courier new',monospace;margin-left:30px"></div>
|
||
<input type="button" value="クリップボードにコピー" style="margin-left:30px;margin-top:4px" onclick="copyToClipLinuxInstall()">
|
||
<p>アンインストールするには、次のコマンドをルートとしてカットアンドペーストします。</p>
|
||
<div id="unlinuxinstall" style="font-family:courier,'courier new',monospace;margin-left:30px"></div>
|
||
<input type="button" value="クリップボードにコピー" 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">ここからインストーラーをダウンロードしてください</a>、それを右クリックするか、「control」を押してファイルをクリックします。次に、「開く」を選択し、指示に従います。</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');
|
||
var domain = '{{{domain}}}';
|
||
var domainUrl = '{{{domainurl}}}';
|
||
var meshid = '{{{meshid}}}';
|
||
var serverPort = '{{{serverport}}}';
|
||
var serverHttps = '{{{serverhttps}}}';
|
||
var serverNoProxy = '{{{servernoproxy}}}';
|
||
var installFlags = '{{{installflags}}}';
|
||
var groupName = decodeURIComponent('{{{meshname}}}');
|
||
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) {
|
||
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 { 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> |