CINXE.COM
Welcome to Cisco Cloudlock
<!DOCTYPE html> <html> <head> <title>Welcome to Cisco Cloudlock</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Favicons for all browsers http://realfavicongenerator.net --> <link rel="apple-touch-icon" sizes="180x180" href="/gate/static/img/favicons/apple-touch-icon.png?t=1729571202"> <link rel="icon" type="image/png" href="/gate/static/img/favicons/favicon-32x32.png?t=1729571202" sizes="32x32"> <link rel="icon" type="image/png" href="/gate/static/img/favicons/favicon-16x16.png?t=1729571202" sizes="16x16"> <link rel="manifest" href="/gate/static/img/favicons/manifest.json?t=1729571202"> <link rel="mask-icon" href="/gate/static/img/favicons/safari-pinned-tab.svg?t=1729571202" color="#5bbad5"> <link rel="shortcut icon" type="image/x-icon" href="/gate/static/img/favicons/favicon.ico%3Fnew?t=1729571202"> <link rel="shortcut icon" href="/gate/static/img/favicons/favicon.ico?t=1729571202"> <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="/gate/static/css/font-awesome.min.css?t=1729571202"> <link rel="stylesheet" href="/gate/static/css/select2.min.css?t=1729571202" type="text/css" media="screen" /> <link rel="stylesheet" href="/gate/static/css/signin.css?t=1729571202" type="text/css" media="screen" /> <!--[if lt IE 9]> <style type="text/css"> select { background: none !important; padding-right: 3px !important; } </style> <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <!--[if gte IE 9]> <style type="text/css"> .select-wrapper:before { margin: 0px; height: 40px; } </style> <![endif]--> <style type="text/css"> @-moz-document url-prefix() { .select-wrapper:before { margin: 0px; height: 40px; } } </style> <!-- Clickjacking Defense: Start --> <!-- Instructions from: https://www.owasp.org/index.php/Clickjacking_Defense_Cheat_Sheet --> <style id="antiClickjack">body{display:none !important;}</style> <script type="text/javascript"> (function(doc){ if (self === top) { var antiClickjack = doc.getElementById("antiClickjack"); antiClickjack.parentNode.removeChild(antiClickjack); } else { top.location = self.location; } })(document); </script> <!-- Clickjacking Defense: End --> </head> <body class="login-bg"> <div class="background-image"></div> <div class="login-box"> <div class="logo"> <img src="/gate/static/img/cisco-logo-blue.svg?t=1729571202"> <span>Cisco Cloudlock</span> </div> <div class="header">Sign in with</div> <form id="login-form" method="post"> <div class="select-wrapper"> <select id="login-select" class="platform-select select-large"> <option value="">Sign in with</option> <option value="cisco-sso">Cisco Security Cloud Sign-On</option> <option value="saml">SAML</option> <option value="google">Google</option> <option value="dropbox">Dropbox</option> <option value="salesforce">Salesforce</option> <option value="salesforce_sandbox">Salesforce Sandbox</option> <option value="office365">Office 365</option> <option value="box">Box</option> <option value="spark">Webex Teams</option> </select> </div> <input id="sandbox" type="hidden" name="sandbox" value=""/> <div id="login-message"></div> <div id="saml-login" class="hidden"> <input id="saml-email" class="input-large-no-icon" type="email" name="email" placeholder="Enter Email"> </div> <button id="go-bttn" class="btn btn-flat">Log In</button> </form> </div> <!-- Dependencies --> <script src="/gate/static/js/jquery.min.js?t=1729571202"></script> <script src="/gate/static/js/select2.min.js?t=1729571202"></script> <script type="text/javascript"> var gatekeeper = { LAST_LOGIN_METHOD: "last_login_method" }; $(function() { var selectedLoginMethod = ''; var selectMenu = $('.platform-select'), loginMessage = $("#login-message"), samlLogin = $('#saml-login'), samlEmail = $('#saml-email'); // Error messages var msg = { chooseOption: 'Please select a login method.', validEmail: 'Please enter a valid email address.', samlConfig: 'SAML configuration is missing for this email address.' }; // Map platforms to url requests var providerToUrlMap = { google: "https://login.cloudlock.com/gate/login/google", box: "https://login.cloudlock.com/gate/login/box", salesforce: "https://login.cloudlock.com/gate/login/salesforce", salesforce_sandbox: "https://login.cloudlock.com/gate/login/salesforce", office365: "https://login.cloudlock.com/gate/login/office365", dropbox: "https://login.cloudlock.com/gate/login/dropbox", spark: "https://login.cloudlock.com/gate/login/spark" }; // Local storage supported function _isLocalStorageSupported() { var test = 'test'; try { localStorage.setItem(test, test); localStorage.removeItem(test); return true; } catch(e) { return false; } } // Set some things when selecting a platform function _loginPartnerSelected(selectedValue) { selectedLoginMethod = selectedValue; loginMessage.text(''); if (selectedLoginMethod === 'saml' || selectedLoginMethod === 'cisco-sso') { samlLogin.removeClass("hidden"); } else { samlLogin.addClass("hidden"); } // Set localStorage if (_isLocalStorageSupported()) { localStorage.setItem(gatekeeper.LAST_LOGIN_METHOD, selectedLoginMethod); } } // Validate email address function _validateEmail(value) { var regex = /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,6}$/; return regex.test(value); } /** * Make the platform selection menu select2. */ selectMenu.select2({ minimumResultsForSearch: Infinity }); selectMenu.on('select2:select', function(e) { _loginPartnerSelected(e.currentTarget.value); }); samlEmail.on('keyup', function(e) { loginMessage.text(''); }); // Get last login method if exists and set selection and show saml input if it was saml if (_isLocalStorageSupported()) { var lastLoginMethod = localStorage.getItem(gatekeeper.LAST_LOGIN_METHOD); if (lastLoginMethod) { selectedLoginMethod = lastLoginMethod; // Set the selected value from localStorage selectMenu.val(lastLoginMethod).trigger('change'); if (lastLoginMethod === 'saml' || lastLoginMethod === 'cisco-sso') { samlLogin.removeClass('hidden'); } } } /** * Click handler for submit button */ $('#go-bttn').on('click', function(e) { e.preventDefault(); loginMessage.text(''); // If an option was selected if (selectedLoginMethod !== '') { // Google analytics event reporting if (typeof ga === 'function') { ga('send', { hitType: 'event', eventCategory: 'Login Page', eventAction: 'Login', eventLabel: selectedLoginMethod }); } // If SAML login if (selectedLoginMethod === 'saml' || selectedLoginMethod === 'cisco-sso') { var email = samlEmail.val(); if (email !== undefined && email !== '') { // Validate saml email if (email.indexOf('@') > -1) { $.ajax({ url: "/gate/saml/login?email=" + email, success: function(result) { var resultObj = JSON.parse(result); if (resultObj["enabled"] === true || resultObj["cisco_sso"] === true) { window.location.assign(resultObj["redirect_url"]); } else { loginMessage.text(msg.samlConfig); } } }); } else { loginMessage.text(msg.validEmail); } } else { loginMessage.text(msg.validEmail); } } // If salesforce sandbox login else if (selectedLoginMethod === 'salesforce_sandbox') { // Set the sandbox hidden input $('#sandbox').attr('value', 1); $('#login-form') .attr('action', providerToUrlMap[selectedLoginMethod]) .submit(); } // All other login forms else { $("#login-form") .attr('action', providerToUrlMap[selectedLoginMethod]) .submit(); } } else { loginMessage.text(msg.chooseOption); } }); }); </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-46774606-1', 'auto'); ga('send', 'pageview'); </script> </body> <footer> <span> Copyright © <script type="text/javascript">document.write(new Date().getFullYear());</script> Cisco Cloudlock </span> </footer> </html>