<!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> <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>Welcome</h1> <p> This is a portal for computer remote management and support. </p> <table style="text-align:center;margin-top:60px;width:100%"> <tr> <td style="width:33%"></td> <td style="font-size:20px;background-color:#DDD;padding:12px;border-radius:16px"> <div style="margin-bottom:10px">Invitation Code</div> <form method=post> <div><input id="inviteCode" name="inviteCode" style="font-size:26px;text-align:center;border-radius:6px" maxlength="20" /></div> <div><input type="submit" style="margin-top:10px" value="Submit" /></div> </form> <div id="message" style="margin-top:8px;font-size:16px;display:none"></div> </td> <td style="width:33%"></td> </tr> </table> </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 urlargs = parseUriArgs(); if (urlargs.key && (isAlphaNumeric(urlargs.key) == false)) { delete urlargs.key; } var uiMode = parseInt(getstore('uiMode', 1)); var webPageStackMenu = false; var webPageFullScreen = true; var nightMode = (getstore('_nightMode', '0') == '1'); userInterfaceSelectMenu(); Q('inviteCode').focus(); start(); document.onclick = function (e) { Q('inviteCode').focus(); } function start() { if (urlargs.c != null) { Q('inviteCode').value = urlargs.c; } var messageid = parseInt('{{{messageid}}}'); var okmessages = ['']; var failmessages = ["Invalid invitation code."]; if (messageid > 0) { var msg = ''; if ((messageid < 100) && (messageid < okmessages.length)) { msg = okmessages[messageid]; } else if ((messageid >= 100) && ((messageid - 100) < failmessages.length)) { msg = failmessages[messageid - 100]; } if (msg != '') { if (messageid >= 100) { msg = ('<span class="msg error"><b style=color:#8C001A>' + msg + '<b></span>'); } else { msg = ('<span class="msg success"><b>' + msg + '</b></span>'); } QH('message', msg); QV('message', true); } } } // 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 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; }); }; </script> </body> </html>