CINXE.COM
Sign in to SPE
<!DOCTYPE html> <html class="login-pf"> <head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="robots" content="noindex, nofollow"> <meta name="viewport" content="width=device-width,initial-scale=1"/> <title>Sign in to SPE</title> <link rel="icon" href="/auth/resources/pzgv0/login/spe/img/favicon.ico" /> <link href="/auth/resources/pzgv0/common/keycloak/web_modules/@patternfly/react-core/dist/styles/base.css" rel="stylesheet" /> <link href="/auth/resources/pzgv0/common/keycloak/web_modules/@patternfly/react-core/dist/styles/app.css" rel="stylesheet" /> <link href="/auth/resources/pzgv0/common/keycloak/node_modules/patternfly/dist/css/patternfly.min.css" rel="stylesheet" /> <link href="/auth/resources/pzgv0/common/keycloak/node_modules/patternfly/dist/css/patternfly-additions.min.css" rel="stylesheet" /> <link href="/auth/resources/pzgv0/common/keycloak/lib/pficon/pficon.css" rel="stylesheet" /> <link href="/auth/resources/pzgv0/common/keycloak/node_modules/rcue/dist/css/rcue.min.css" rel="stylesheet" /> <link href="/auth/resources/pzgv0/common/keycloak/node_modules/rcue/dist/css/rcue-additions.min.css" rel="stylesheet" /> <link href="/auth/resources/pzgv0/login/spe/css/login.css" rel="stylesheet" /> <link href="/auth/resources/pzgv0/login/spe/css/tile.css" rel="stylesheet" /> <link href="/auth/resources/pzgv0/login/spe/css/login-rhsso.css" rel="stylesheet" /> </head> <body class=""> <div class="login-pf-page"> <div id="kc-header" class="login-pf-page-header"> <div id="kc-header-wrapper" class=""><img src="https://www.spe.org/static/www/img/spe_vert_white.svg" alt="spe-logo" style="width:8em;height:4em" /></div> </div> <div class="card-pf"> <header class="login-pf-header"> <h1 id="kc-page-title"> Sign in to your account </h1> </header> <div id="kc-content"> <div id="kc-content-wrapper"> <div id="kc-form"> <div id="kc-form-wrapper"> <form id="kc-form-login" onsubmit="login.disabled = true; return true;" action="https://www.spe.org/auth/realms/SPE/login-actions/authenticate?session_code=rBSbN_-kEj6jas87DY7skjHabDxHh54iF780arK57kI&execution=fff195c0-87ab-4ec2-b727-41dbb80cc390&client_id=https%3A%2F%2Fstreaming.spe.org%2Fsimplesamlphp%2Fpublic%2Fmodule.php%2Fsaml%2Fsp%2Fmetadata%2Fdefault-sp&tab_id=S4qcMCDeTxo" method="post"> <div class="form-group"> <label for="username" class="pf-c-form__label pf-c-form__label-text">Email</label> <input tabindex="1" id="username" class="pf-c-form-control" name="username" value="" type="text" autofocus autocomplete="off" aria-invalid="" /> </div> <div class="form-group"> <label for="password" class="pf-c-form__label pf-c-form__label-text">Password</label> <input tabindex="2" id="password" class="pf-c-form-control" name="password" type="password" autocomplete="off" aria-invalid="" /> </div> <div class="form-group login-pf-settings"> <div id="kc-form-options"> <div class="checkbox"> <label> <input tabindex="3" id="rememberMe" name="rememberMe" type="checkbox"> Remember me </label> </div> </div> <div class=""> <span><a tabindex="5" href="javascript:setPasswordResetUrl()">Forgot Password?</a></span> </div> </div> <div id="kc-form-buttons" class="form-group"> <input type="hidden" id="id-hidden-input" name="credentialId" /> <input tabindex="4" class="pf-c-button pf-m-primary pf-m-block btn-lg" name="login" id="kc-login" type="submit" value="Sign In"/> </div> </form> </div> </div> <div id="kc-info" class="login-pf-signup"> <div id="kc-info-wrapper" class=""> <div id="kc-registration-container"> <div id="kc-registration"> <span>New user? <a tabindex="6" href="javascript:setUserRegistrationUrl()">Register</a></span> </div> </div> </div> </div> </div> </div> </div> </div> </body> </html> <script> function setPasswordResetUrl(){ // var currentLoginUrl = window.location.href; window.location.href = 'https://www.spe.org/appsaccess/login/jsp/pwdAssistance.jsp'; } </script> <script> function setUserRegistrationUrl(){ var currentLoginUrl = window.location.href; window.location.href = 'https://www.spe.org/appsaccess/login/jsp/siteRegistration.jsp?ERIGHTS_TARGET=' + currentLoginUrl; } </script> <!-- script to show/hide password --> <script> setTimeout(() => { var fToggle = function($password, e) { e.preventDefault(); const type = $password.getAttribute('type') === 'password' ? 'text' : 'password'; $password.setAttribute('type', type); this.classList.toggle('fa-eye-slash'); }; var createReveal = function(passwordId, toggleId) { var password = document.getElementById(passwordId); if ((password) && (password.style) && (password.style.display !== 'none')){ var icon = document.createElement("i"); icon.id = toggleId; icon.classList.add('password-reveal', 'fa','fa-eye', 'fa-eye-slash'); icon.addEventListener('click', fToggle.bind(icon, password)); // uncomment to place password viewer below instead of right after label // password.parentNode.insertBefore(icon, password.nextSibling); password.parentNode.insertBefore(icon, password); } }; createReveal('password', 'togglePassword'); createReveal('password-new', 'togglePasswordNew'); createReveal('password-confirm', 'togglePasswordConfirm'); }, 5); </script>