Control Panel 3.1

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> Control Panel 3.1 | Login</title> <link rel="apple-touch-icon" sizes="180x180" href="/assets/img/icons/hexonet/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/assets/img/icons/hexonet/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/assets/img/icons/hexonet/favicon-16x16.png"> <link rel="shortcut icon" href="/assets/img/icons/hexonet/favicon.ico"> <link rel="manifest" href="/assets/img/icons/hexonet/manifest.json"> <link rel="mask-icon" href="/assets/img/icons/hexonet/safari-pinned-tab.svg" color="#5bbad5"> <meta name="theme-color" content="#ffffff"> <link href="/assets/plugins/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" /> <link href="/assets/css/animate.css" rel="stylesheet" /> <link href="/assets/css/cp3.min.css" rel="stylesheet" /> </head> <body> <style> .lang { display: none; } .en .en.lang, .ja .ja.lang, .de .de.lang, .es .es.lang { display: inherit; } @media (min-width: 550px), (min-height: 580px) { #select-language { position: absolute; height: 30px; width: 82px; right: 5px; bottom: 5px; } } @media (max-width: 550px) { #select-language { margin: 20px 10px; height: 30px; width: 82px; float: right; } } </style> <script> var $buoop = { vs: { i: 10, f: -4, o: -4, s: 8, c: -4 }, unsecure: true, api: 4 }; /* This is the old browser detection function */ function $buo_f() { var e = document.createElement("script"); e.src = "//browser-update.org/update.min.js"; document.body.appendChild(e); }; try { document.addEventListener("DOMContentLoaded", $buo_f, false) } catch (e) { window.attachEvent("onload", $buo_f) } </script> <div class="middle-box text-center loginscreen animated fadeIn"> <div> <div> <img src="/assets/img/login-brands/hexonet.svg" onerror="this.style.display='none'" class="login-brand" /> <h1 class="logo-name lang en">ACCOUNT</h1> <h1 class="logo-name lang de">ACCOUNT</h1> <h1 class="logo-name lang ja">アカウント</h1> <h1 class="logo-name lang es">CUENTA</h1>  </div>  <div class="form-group"> <p class="alert alert-danger lang en" style="padding:10px;text-align:left;">One-Time Password will be required from April 1, 2024. Further information can be found <a href="/2fa/2FA_TOU.pdf" target="_blank">here</a>.</p> <p class="alert alert-danger lang de" style="padding:10px;text-align:left;">Ab 01. April 2024 wird das One-Time Password Pflicht für jeden Login. Weitere Information finden Sie <a href="/2fa/2FA_TOU.pdf" target="_blank">hier</a>.</p> <p class="alert alert-danger lang ja" style="padding:10px;text-align:left;">One-Time Password will be required from April 1, 2024. Further information can be found <a href="/2fa/2FA_TOU.pdf" target="_blank">here</a>.</p> <p class="alert alert-danger lang es" style="padding:10px;text-align:left;">One-Time Password will be required from April 1, 2024. Further information can be found <a href="/2fa/2FA_TOU.pdf" target="_blank">here</a>.</p> </div> <p id="session-expired" style="display:none" class="alert alert-danger" style="padding:10px">You have been logged out because your session has expired.</p> <form class="m-t" id="socketform" method="POST" action="/auth/login"> <input id="selected-language" type="hidden" name="language" value="en"> <input type="hidden" name="requri" value="" /> <input type="hidden" name="subuser" value="" /> <div class="form-group"> <input data-cy="username" class="form-control lang en" type="text" placeholder="User ID" id="user" name="user" required /> <input data-cy="username" class="form-control lang de" type="text" placeholder="Benutzername" id="user" name="user" required /> <input data-cy="username" class="form-control lang ja" type="text" placeholder="ユーザーID" id="user" name="user" required /> <input data-cy="username" class="form-control lang es" type="text" placeholder="ID de Usuario" id="user" name="user" required /> </div> <div class="form-group"> <input data-cy="password" class="form-control lang en" type="password" placeholder="Password" id="pw" name="pw" required /> <input data-cy="password" class="form-control lang de" type="password" placeholder="Passwort" id="pw" name="pw" required /> <input data-cy="password" class="form-control lang ja" type="password" placeholder="パスワード" id="pw" name="pw" required /> <input data-cy="password" class="form-control lang es" type="password" placeholder="Contraseña" id="pw" name="pw" required /> </div> <div class="form-group"> <input class="form-control lang en" type="text" placeholder="One-Time Password *" id="otp" name="otp" /> <input class="form-control lang de" type="text" placeholder="Einmalkennwort *" id="otp" name="otp" /> <input class="form-control lang ja" type="text" placeholder="ワンタイムパスワード *" id="otp" name="otp" /> <input class="form-control lang es" type="text" placeholder="Contraseña de un solo uso *" id="otp" name="otp" /> </div> <div class="form-group" style="text-align:left">  <small class="lang en">* Complete this field if you have 2FA enabled. Read <a href="/2fa/2FA_TOU.pdf">here</a> for more details. <i class="fa fa-copyright" style="position: fixed;left: -10px;"></i></small> <small class="lang de">* Füllen Sie bitte dieses Feld aus, sofern Sie 2FA aktiviert haben. <a href="/2fa/2FA_TOU.pdf">Hier</a> finden Sie weitere Informationen.<i class="fa fa-copyright" style="position: fixed;left: -10px;"></i></small> <small class="lang ja">* 2FAが有効な場合はこちらに入力してください。詳しくは <a href="/2fa/2FA_TOU_JPN.pdf">こちら</a>をご覧ください。<i class="fa fa-copyright" style="position: fixed;left: -10px;"></i></small> <small class="lang es">* Complete este campo si tiene habilitado 2FA (Autenticación de dos factores). Leer <a href="/2fa/2FA_TOU.pdf">aquí</a> para mas detalles. <i class="fa fa-copyright" style="position: fixed;left: -10px;"></i></small> </div> <div class="form-group"> <input class="btn btn-primary full-width m-b lang en" data-cy="login-btn" type="submit" value="Log in" /> <input class="btn btn-primary full-width m-b lang de" data-cy="login-btn" type="submit" value="Anmelden" /> <input class="btn btn-primary full-width m-b lang ja" data-cy="login-btn" type="submit" value="ログイン" /> <input class="btn btn-primary full-width m-b lang es" data-cy="login-btn" type="submit" value="Iniciar Sesión" /> </div> </form> <a href="/pw/request" id="forgetpasswordlink"> <small class="lang en">Forgot password?</small> <small class="lang de">Passwort vergessen?</small> <small class="lang ja">パスワードを忘れた方?</small> <small class="lang es">¿Olvidaste tu contraseña?</small> </a> </div> </div> <select id="select-language" name="form" onchange="location = this.value;location.reload()"> <option value="#en">English</option> <option value="#de">German</option> <option value="#ja">日本語</option> <option value="#es">Español</option> </select> <script type="text/javascript"> (function() { var body = document.querySelector('body'); var otherLanguages = ['en', 'de', 'ja', 'es']; // We will later remove the language we keep var selectedLanguage = 'en'; selectedLanguage = 'en'; // This is after there was a POST request that failed so we keep language var hash = window.location.hash.substring(1); // Removing '#' var search = location.search.substring(1); var uri = window.location.pathname.replace(/^.*\/auth\/login\/?/, '') + (window.location.search || ''); // --------------------------- Re-direct shared Url ------------------------------ if (/^\//.test(hash)) { //if it is url, reconstruct params, and refresh var hasParams = hash.indexOf('?') !== -1; var params = (hasParams) ? window.location.search.replace('?', '&') : window.location.search; window.location.href = window.location.origin + window.location.pathname + hash + params; } // -------------------------------- Find Current language ------------------------------------- if (hash && otherLanguages.indexOf(hash) !== -1) selectedLanguage = hash; // --------------------- Show Session Experied Alert --------------------- try { if (search) { search = JSON.parse('{"' + decodeURI(search).replace(/&$/, '').replace(/"/g, '\\"').replace(/&/g, '","').replace(/=/g, '":"') + '"}'); if (search.sessionExpired) document.getElementById('session-expired').style.display = 'block'; } } catch (error) { console.log(error); } // --------------- Hide other Language ----------------- // Remove elements from dom that don't belong to selected language. This is because input elements have ID and must be unique body.className = selectedLanguage; var index = otherLanguages.indexOf(selectedLanguage); otherLanguages.splice(index, 1); otherLanguages.forEach(function(language) { var domElements = document.querySelectorAll('.' + language + ''); for (index = 0; index < domElements.length; index++) domElements[index].parentNode.removeChild(domElements[index]); }); // --------------- END Hide other Language ------------------- document.getElementById('select-language').value = '#' + selectedLanguage; // language switch if we have a select language document.getElementById('forgetpasswordlink').href = document.getElementById('forgetpasswordlink').href + '/#' + selectedLanguage; // href update to forget password document.getElementById('socketform').requri.value = (uri ? '/#/' + uri : ""); document.getElementById('socketform').action = window.location.pathname + window.location.search + window.location.hash; }()); // self executing function here (function() { /* your page initialization code here, the DOM will be available here, Set Time out to wait for font request to fired first before any other ones that are actually not in used */ setTimeout(function() { var font = document.createElement("link"); font.rel = "stylesheet"; font.type = "text/css"; font.href = "/assets/plugins/font-awesome/css/font-awesome.min.css"; document.getElementsByTagName("head")[0].appendChild(font); }, 200); })(); </script> </body> </html>

CINXE.COM

Control Panel 3.1 | Login