Zeotap

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="https://content.zeotap.com/okta/favicon.ico" type="image/x-icon"/> <meta name="robots" content="none" /> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous"></script> <title>Zeotap</title>  <script type="text/javascript" src="https://ok9static.oktacdn.com/assets/js/sdk/okta-signin-widget/5.16.1/js/okta-sign-in.min.js" integrity="sha384-a2yCLiNNwZ2BjqZF19qFKM2XWAuGKREPL8S3FckTr8+S4JDdpNqPehJUjVfNHf5a" crossorigin="anonymous"></script> <link rel="stylesheet" type="text/css" href="https://ok9static.oktacdn.com/assets/js/sdk/okta-signin-widget/5.16.1/css/okta-sign-in.min.css" integrity="sha384-zUHc/FFDFFmykbNkto+EZAzC503JijLI36H4ZzE1I0xMWpAiLBN67BcdwmLv1DJ8" crossorigin="anonymous">  <link rel="stylesheet" type="text/css" href="" integrity="" crossorigin="anonymous">  <link rel="stylesheet" type="text/css" href="https://ok9static.oktacdn.com/assets/loginpage/css/custom-signin.a91af2abfd04662e499bd3e151150dbf.css" integrity="sha384-BhMidK4jYIQaVFKNVHUvbfdgrt4NVlnlTZMsOMWLdWkme3j1JcshKDNQiMssd7sN" crossorigin="anonymous"> <style> #okta-sign-in .o-form-head { text-transform: uppercase; } #okta-sign-in { margin: 0 !important; } #okta-login-container { height: 100%; width: 100%; display: flex; justify-content: space-evenly; } #okta-sign-in .o-form-theme { padding: 0 0 0px !important; } #okta-sign-in .o-form-button-bar { padding: 0 0 0px !important; } a#restart-flow { display: flex; flex-direction: row-reverse; } .okta-form-label label { display: none; } #okta-sign-in .auth-content .help-links li { margin-top: 0; font-size: 0.87rem; } .auth-footer ul { display: block !important; } .auth-footer .js-help { display: none !important; visibility: hidden !important; } .auth-footer .js-help-link { display: none !important; visibility: hidden !important; } .auth-footer a { color: #0074ff !important; font-size: 0.87rem; } .auth-footer .js-unlock { display: none !important; } #okta-sign-in.auth-container .button-primary{ background: #0074ff; border: none; text-transform: uppercase; margin-bottom: 10px; } #okta-sign-in .auth-header { padding: 30px 90px 0px; } okta-sign-in .auth-content { padding: 30px 42px 20px; } #okta-sign-in .beacon-container { display: none; } #okta-sign-in.auth-container .button-primary:active, #okta-sign-in.auth-container .button-primary:focus, #okta-sign-in.auth-container .button-primary:hover { background-color: #0074ff; background: -o-linear-gradient(top,#0087d0 0,#007dc1 100%); background: -ms-linear-gradient(top,#0087d0 0,#007dc1 100%); background-image: -webkit-gradient(linear,left top,left bottom,from(#0087d0),to(#007dc1)); background-image: -webkit-linear-gradient(#0087d0,#007dc1); background-image: linear-gradient(#0087d0,#0074ff); border-color: transparent; box-shadow: 0px 0.125rem 0.625rem #0074ffa3; } #okta-sign-in .auth-header { border-bottom: 0; } #okta-sign-in.auth-container input[type=button], #okta-sign-in.auth-container input[type=submit] { background: #0074ff; border: none; text-transform: uppercase; } .auth .footer { display: none; } #okta-sign-in .auth-footer { font-size: 0.87rem !important; } #okta-sign-in .o-form-button-bar .links-primary .link { color: #0074ff !important; font-size: 0.87rem; } /* Changed 16/10 */ #zeo-navbar { height: 80px; display: flex; padding: 0px 32px; justify-content: space-between; align-items: center; } #zeo-navbar-gradient { height: 4px; background: -webkit-linear-gradient(45deg, #12DA9C, #00C5E5, #1065DB, #B526EB); } #okta-sign-in.auth-container.main-container { border: none; box-shadow: none; padding-top: 8%; } #image-1 { width: 550px; height: 450px; } #okta-sign-in .auth-org-logo { max-height: 100px !important; max-width: 250px !important; } .zeo-button { font-size: 18px; font-weight: 600; text-decoration: none; color: #FFFFFF; background-color: #0074ff; border-radius: 4px; padding: 12px 20px; font-family: proxima nova,montserrat-okta,Arial,Helvetica,sans-serif; cursor: pointer; } </style> </head> <body class="login-bg-image" style="background-image: url('https://ok9static.oktacdn.com/fs/bco/7/fs09iwtwjzEPpcIf4417'); height: 100%; width: 100%; background-position: initial !important; z-index: 0 !important;"> <div id="zeo-navbar"> <img src="https://content.zeotap.com/img/zeotap_logo.svg" style="width: 180px; height: 40px;" alt="Zeotap Logo"> <div class="zeo-button" onclick="demoButtonClick()">Get a Demo</div> </div> <div id="zeo-navbar-gradient"></div> <div id="okta-login-container"> <div style="display: flex; flex-direction: column; gap: 12px; padding-top: 6%;"> <img src="https://content.zeotap.com/img/zeotap-login-image1.svg" id="image-1" alt="CDP image"> </div> </div>  <div id="okta-sign-in" class="auth-container main-container unsupported-message-container" style="display:none"> <div id="unsupported-cookie" class="unsupported-message" style="display:none"> <h2 class="o-form-head">Cookies are required</h2> <p>Cookies are disabled on your browser. Please enable Cookies and refresh this page.</p> <a class="button button-primary" target="_blank" href="."> Refresh </a> </div> </div> <script type="text/javascript" nonce="JnS3q7rw2g5UoV05PX4tNw"> var signInSuccessCallBackFunction; var oktaData = {"redirectUri":"https\x3A\x2F\x2Flogin.zeotap.com","isMobileSso":false,"fromUri":"","isMobileClientLogin":false,"countryIso":"SG","inactiveTab":{"elementId":"inactive\x2Dtab\x2Dmain\x2Ddiv","avoidPageRefresh":true,"enabled":false},"signIn":{"logoText":"Unity\x20logo","features":{"emailRecovery":true,"deviceFingerprinting":true,"consent":true,"useDeviceFingerprintForSecurityImage":true,"customExpiredPassword":true,"router":true,"showPasswordToggleOnSignInPage":false,"securityImage":false,"autoPush":true,"smsRecovery":false,"idpDiscovery":true,"selfServiceUnlock":true,"webauthn":true,"showPasswordRequirementsAsHtmlList":true,"registration":false,"rememberMe":false,"callRecovery":false,"multiOptionalFactorEnroll":true},"baseUrl":"https\x3A\x2F\x2Flogin.zeotap.com","brandName":"Unity","assets":{"baseUrl":"https\x3A\x2F\x2Fok9static.oktacdn.com\x2Fassets\x2Fjs\x2Fsdk\x2Fokta\x2Dsignin\x2Dwidget\x2F5.16.1"},"customButtons":[],"idpDiscovery":{"requestContext":""},"logo":"https\x3A\x2F\x2Fok9static.oktacdn.com\x2Ffs\x2Fbco\x2F1\x2Ffs09iwu6lm0q0LUfL417","language":"en","helpLinks":{"help":"","forgotPassword":"https\x3A\x2F\x2Fapp.zeotap.com\x2Fapp\x2Fforgot\x2Dpassword","unlock":"","custom":[]},"piv":{},"i18n":{"en":{"mfa.challenge.password.placeholder":"Password","help":"Help","password.forgot.email.or.username.tooltip":"Email\x20or\x20Username","needhelp":"Need\x20help\x20signing\x20in\x3F","primaryauth.username.placeholder":"Username","password.forgot.email.or.username.placeholder":"Email\x20or\x20Username","account.unlock.email.or.username.tooltip":"Email\x20or\x20Username","unlockaccount":"Unlock\x20account\x3F","account.unlock.email.or.username.placeholder":"Email\x20or\x20Username","primaryauth.password.placeholder":"Password","primaryauth.title":"Sign\x20In","forgotpassword":"Forgot\x20password\x3F"}}},"accountChooserDiscoveryUrl":"https\x3A\x2F\x2Flogin.okta.com\x2Fdiscovery\x2Fiframe.html"}; var runLoginPage = function(fn) { var mainScript = document.createElement('script'); mainScript.src = "https://ok9static.oktacdn.com/assets/js/mvc/loginpage/initLoginPage.pack.58de3be0c9b511a0fdfd7ea4f69b56fc.js"; mainScript.integrity = "sha384-cJ4LGViZBmIttMPH+ao2RyPuN5BztKWYWIa4smbm56r1cUhkU/Dr6vTS3UoPbKTI"; mainScript.crossOrigin = "anonymous"; document.getElementsByTagName('head')[0].appendChild(mainScript); fn && mainScript.addEventListener('load', function () { setTimeout(fn, 1) }); }; var OktaUtil = { _addClass: function(el, className) { if(el) { var elementClasses = el.className.split(" "); if (elementClasses.indexOf(className) == -1) { el.className += " " + className; } } }, _removeElement: function(el) { if(el) { el.parentNode.removeChild(el); } }, _hideElement: function(el) { if(el) { el.style.display = 'none'; } }, _isDocumentVisible: function() { return document.visibilityState === 'visible'; }, addLoginContainerClass: function () { this._addClass(document.getElementById('okta-login-container'), 'login-container'); }, showUnsupportedCookieWarning: function () { document.getElementById('okta-sign-in').removeAttribute('style'); document.getElementById('unsupported-cookie').removeAttribute('style'); }, removeUnsupportedCookieWarning: function () { this._removeElement(document.getElementById('okta-sign-in')); }, hideOktaLoginContainer: function () { this._hideElement(document.getElementById('okta-login-container')); }, isChromeOs: function () { return /\bCrOS\b/.test(navigator.userAgent); }, addChromeOSScript: function() { var chromeOSScript = document.createElement('script'); chromeOSScript.src = "/js/google/users-1.0.js"; document.getElementsByTagName('head')[0].appendChild(chromeOSScript); }, getSignInWidgetConfig: function () { if (oktaData.inactiveTab && oktaData.inactiveTab.enabled && !this._isDocumentVisible() && !oktaData.inactiveTab.avoidPageRefresh) { // Show a loading state and wait for the visibility event this.hideOktaLoginContainer(); // remove stateToken so SIW does not attempt a login flow oktaData.signIn.stateToken = undefined; } return oktaData.signIn; }, completeLogin: function (res) { signInSuccessCallBackFunction(res); }, getRequestContext: function () { return oktaData.requestContext; }, setRedirectUri: function (uri) { oktaData.redirectUri = uri; }, init: function () { if (!navigator.cookieEnabled) { this.showUnsupportedCookieWarning(); this.hideOktaLoginContainer(); } else { this.removeUnsupportedCookieWarning(); // add class if app login banner is present if (oktaData.isAppBannerVisible) { this.addLoginContainerClass(); } oktaData.isCustomSignIn = true; oktaData.hasChromeOSFeature = this.isChromeOs(); if (oktaData.hasChromeOSFeature) { this.addChromeOSScript(); } runLoginPage(function () { var res = OktaLogin.initLoginPage(oktaData); oktaData.signIn = res.signIn; signInSuccessCallBackFunction = res.signInSuccessCallbackFn; }); } } }; OktaUtil.init(); //# sourceURL=OktaUtil.js </script> <script type="text/javascript"> // "config" object contains default widget configuration // with any custom overrides defined in your admin settings. var config = OktaUtil.getSignInWidgetConfig(); config.idpDisplay = 'PRIMARY'; config.idps = [{type: 'GOOGLE', id: '0oa10j0q31n68EyYu417'}]; config.i18n.en = { 'primaryauth.submit': 'SIGN IN', 'oform.next': 'CONTINUE', 'password.forgot.sendEmail': 'SEND EMAIL', 'goback': 'Already have an account?', 'error.username.required': 'Please enter a email address', 'model.validation.field.blank': 'Please enter a valid username to proceed', 'oform.errorbanner.title': 'Please review the form and make corrections', }; // Render the Okta Sign-In Widget var oktaSignIn = new OktaSignIn(config); var blockSubmit = false; function demoButtonClick() { window.open('https://zeotap.com/request-a-demo/', '_blank'); return false; } oktaSignIn.on('afterRender', function (context) { //get DOM elements var isForgotPassword = document.getElementsByClassName("js-forgot-password")[0]; var signInHeader = document.getElementsByClassName('primary-auth-container')[0]; var oldPassword = document.getElementsByName("oldPassword")[0]; var newPassword = document.getElementsByName("newPassword")[0]; var confirmPassword = document.getElementsByName("confirmPassword")[0]; var idpDiscoveryUsername = document.getElementById("idp-discovery-username"); var accountRecoveryUsername = document.getElementById("account-recovery-username"); if(!!signInHeader) { signInHeader.getElementsByClassName('okta-form-title')[0].style.display ="none"; } if (context.controller === 'primary-auth') { //update username & password Placeholder document.getElementById("okta-signin-username").placeholder="Your email address" document.getElementById("okta-signin-password").placeholder="Password"; //show forgot password if(!!isForgotPassword) { isForgotPassword.style.display = "block"; } //show Change Email Button //const item = $('input#okta-signin-username')[0]; const back = $('a#restart-flow'); if (!back.length) { const link = $('<a id="restart-flow" />Change</a>'); link.attr('href', '#'); link.attr('onclick', 'window.history.go(-1); return false;'); var label = $("label[for='okta-signin-username']") link.insertAfter(label); } } else { //update username Placeholder if(!!idpDiscoveryUsername) { idpDiscoveryUsername.placeholder="Your email address"; } if(!!accountRecoveryUsername) { accountRecoveryUsername.placeholder="Your email address"; } //update Old & New Password Placeholder if(!!oldPassword) { oldPassword.placeholder="Old password"; } if(!!newPassword) { newPassword.placeholder="New password"; } if(!!confirmPassword) { confirmPassword.placeholder="Confirm password"; } //hide forgot password if(!!isForgotPassword) { isForgotPassword.style.display = "none"; } //remove the change link from DOM on any other screen $('a#restart-flow').remove(); } if (context.controller === 'idp-discovery') { $('input#idp-discovery-username').on('change', getChangeHandler('#idp-discovery-username', 'input#idp-discovery-submit')); $('input#idp-discovery-username').on('blur', getChangeHandler('#idp-discovery-username', 'input#idp-discovery-submit')); $('input#idp-discovery-username').on('input', getInputHandler('#idp-discovery-username', 'input#idp-discovery-submit')); } if (context.controller === 'forgot-password') { $('input#account-recovery-username').on('change', getChangeHandler('#account-recovery-username', 'a.button-primary')); $('input#account-recovery-username').on('blur', getChangeHandler('#account-recovery-username', 'a.button-primary')); $('input#account-recovery-username').on('input', getInputHandler('#account-recovery-username', 'a.button-primary')); } $("form").on("keypress", function (event) { var keyPressed = event.keyCode || event.which; if (keyPressed === 13 && blockSubmit) { event.preventDefault(); $('p#input-container-error-custom').remove(); const parentInput = $('#account-recovery-username').parent(); if (parentInput) { parentInput.addClass('o-form-has-errors'); parentInput.parent().addClass('o-form-has-errors'); $('<p id="input-container-error-custom" class="okta-form-input-error o-form-input-error o-form-explain" role="alert"><span class="icon icon-16 error-16-small" role="img" aria-label="Error"></span>Please provide a valid email address.</p>').insertAfter(parentInput); } return false; } }); }); oktaSignIn.renderEl({ el: '#okta-login-container' }, OktaUtil.completeLogin, function(error) { // Logs errors that occur when configuring the widget. // Remove or replace this with your own custom error handler. console.log(error.message, error); } ); function getChangeHandler(fieldId, submitId) { return function(e) { const userNameRegex = new RegExp(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,10})+$/); const submit = $(submitId); const validEmail = userNameRegex.test(this.value); const directParent = $(fieldId).parent() const secondParent = $(fieldId).parent().parent() $('p#input-container-error-custom').remove(); $('#button-clone').remove(); $('span#input-clone').remove(); submit.show(); if (this.value === '') return; directParent.removeClass('o-form-has-errors'); secondParent.removeClass('o-form-has-errors'); if (validEmail) { $(fieldId).parent() submit.attr('disabled', false); if (submit.prop('tagName') === 'A') { submit.show(); } blockSubmit = false; } else { blockSubmit = true; directParent.addClass('o-form-has-errors'); secondParent.addClass('o-form-has-errors'); const submit = $(submitId); submit.attr('disabled', true); if (submit.prop('tagName') === 'A') { submit.hide(); const fakeButton = $('<span id="input-clone" class="button button-primary button-wide email-button link-button"/>'); fakeButton.text(submit.text()); fakeButton.insertAfter(submit); } $('p#input-container-error-custom').remove(); $('<p id="input-container-error-custom" class="okta-form-input-error o-form-input-error o-form-explain" role="alert"><span class="icon icon-16 error-16-small" role="img" aria-label="Error"></span>Please provide a valid email address.</p>').insertAfter(directParent); } } } function getInputHandler(fieldId, submitId) { return function(e) { const userNameRegex = new RegExp(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/); const validEmail = userNameRegex.test(this.value); const directParent = $(fieldId).parent() const secondParent = $(fieldId).parent().parent() if (validEmail || this.value === '') { const submit = $(submitId); blockSubmit = false; if (submit.prop('tagName') === 'A') { $('span#input-clone').remove(); submit.show(); } else { submit.attr('disabled', false); } $('p#input-container-error-custom').remove(); directParent.removeClass('o-form-has-errors'); secondParent.removeClass('o-form-has-errors'); } else { blockSubmit = true } } } </script> </body> </html>

CINXE.COM

Zeotap