Chemical Compliance Index Login

<!DOCTYPE html>   <html dir="ltr" lang="en" ng-app="login"> <head> <title>Chemical Compliance Index Login</title> <base href="https://sso.cas.org/"/> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/> <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport"> <meta content="IE=edge" http-equiv="x-ua-compatible"/>  <link rel="shortcut icon" href="/assets/images/favicons/cas.ico" type="image/x-icon"> <link href="assets/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> <link href="assets/open-sans-fontface/open-sans.css" rel="stylesheet"> <link href="assets/themes/cas.cas.css" rel="stylesheet" type="text/css"/> <script src="assets/angular/angular.min.js"></script> <script src="assets/angular-cookies/angular-cookies.min.js"></script> <script type="text/javascript" src="/assets/sf/sf-app.js"></script>  <script type="text/javascript"> // startTime is used in rendered Javascript on login page form submission to determine amount of time the user spent on the page var startTime = Date.now(); var script = document.createElement("script"); script.type = "application/javascript"; if (typeof window.atob === "function") script.src = window.atob('aHR0cHM6Ly9vc24tY2lycnVzLmNhcy5vcmcvZnAvdGFncy5qcz9vcmdfaWQ9NTQ5M3RibGMmc2Vzc2lvbl9pZD0zN2U5MDg1YS0xNjU3LTQxOGUtOWIyMS1mMzA0ODQyZGNjMWI='); else script.src = 'https://osn-cirrus.cas.org/fp/tags.js?org_id=5493tblc&session_id=37e9085a-1657-418e-9b21-f304842dcc1b'; document.head.appendChild(script); </script> </head> <body>  <noscript> <iframe style="width: 100px; height: 100px; border: 0; position: absolute; top: -5000px;" src="https://osn-cirrus.cas.org/fp/tags?org_id=5493tblc&session_id=37e9085a-1657-418e-9b21-f304842dcc1b"></iframe> </noscript>    <div class="sign-in-form container-fluid"> <div class="row"> <div class="sign-in-form-header"> <div class="header-bar col-xs-12"></div> </div> <div class="sign-in-form-content col-xs-8 col-xs-offset-2 col-sm-8 col-sm-offset-2"> <div class="col-xs-12 ping-content-container"> <div class="row no-margin"> <div class="col-xs-offset-2 col-xs-8 justify-content-center ping-logo-container"> <div class="ping-header-logo row"> <div class="col-xs-12 logo-container"> <img class="cas-pillar-logo img-responsive" alt="Chemical Compliance Index" src="assets/images/logos/nciglobal-logo.svg"/> </div> </div> </div> </div> <div class="ping-header-container"> <div class="ping-header-title usernameGroup"> <h3 class="title-text">  Log in to Chemical Compliance Index </h3> </div> <div class="usernameGroup spacer"></div> <div class="ping-header-title hidden passwordGroup" id="welcomeHeader"> <h3 class="title-text">  Log in to Chemical Compliance Index </h3> <div class="passwordAnimationGroup"> <div class="welcome-text" id="welcomeText">Welcome, <span id="welcomeUsername"></span> </div> <button class="btn btn-link btn-sm not-you-link btn-link-border btn-link-margin"> Not You? </button> </div> </div> <div class="ping-header-title hidden federationGroup" id="welcomeheader-federation"> <h3 class="title-text">  Log in to Chemical Compliance Index </h3> <div class="federationAnimationGroup"> <div class="welcome-text" id="welcomeFedText">Welcome, <span id="welcomeFedUsername"></span> </div> <button class="btn btn-link btn-sm not-you-link-federation"> Not You? </button> </div> </div> </div> <div class="ping-body-container"> <form id="loginForm" method="POST" action="/as/zzuDt/resume/as/authorization.ping"> <div class="form-group usernameGroup username-control-container"> <div class="ping-input-container"> <label for="username" class="text-left"> Username or Email Address </label>  <input id="username" type="text" class="form-control" size="36" name="pf.username" value="" autocapitalize="off" autocomplete="username" maxlength="241"/> </div> </div> <div class="form-group hidden passwordGroup password-control-container"> <div class="ping-input-container password-control"> <label for="password"> Password </label> <div id="password-container" class="password-container"> <input id="password" type="password" class="form-control" size="36" name="pf.pass" autocomplete="current-password"/> <span id="caps-lock-alert" class="hidden caps-lock-alert-icon" data-toggle="popover" data-placement="right" data-container="#password-container" data-trigger="manual" data-content="Caps Lock On"> </span> </div> </div> </div> <div class="form-group hidden federationGroup federation-control-container"> <div class="ping-input-container password-control"> <div id="federation-container" class="federation-container"> <a id="federationButton" type="button" class="btn btn-primary col-xs-12" href=""> <img id="entity-image" src="assets/images/logos/icon_seamlessaccess.svg"/> <div id="vertical-bar"></div> <div class="federation-btn-text" id="access-label">Access through...</div> <div class="federation-btn-text" id="entity-name"></div> </a> <a id="password-display">Log in with your CAS ID.</a> </div> </div> </div> <div class="form-group usernameGroup button-control-container"> <div class="ping-input-container"> <button id="continueButton" type="button" class="ping-button btn btn-primary col-xs-12" onclick="submitUsername()" title="Next" disabled> Next </button> </div> </div> <div class="form-group hidden passwordGroup button-control-container" id="submitGroup"> <div class="ping-input-container"> <input type="hidden" name="pf.ok" value=""/> <input type="hidden" name="pf.cancel" value=""/> <button id="loginButton" type="button" class="ping-button btn btn-primary col-xs-12" onclick="submitForm()" title="Log In" disabled> Log In </button> </div> </div>   <div class="form-group hidden passwordGroup button-control-container" id="submitgroup-secondary"> <div class="password-action-container">  <div class="form-group ping-input-container"> <div class="remember-username-container"> <label class="remember-username custom-control custom-checkbox"> <input type="checkbox" id="rememberUsername" class="custom-control-input" name="pf.rememberUsername" > <span class="custom-control-indicator"></span> <span class="custom-control-description">Keep me signed in</span> </label> </div> </div> </div> </div> <input type="hidden" name="pf.adapterId" id="pf.adapterId" value="IDFFORM"/> <input type="hidden" name="displaycode" id="displaycode" value=""/> </form> <div ng-controller="RegistrationLinkController" class="account-actions-container"> <div class="account-actions usernameGroup">   <div class="account-actions-anchors"> <div class="col-xs-12 centered-account-actions"> <a href="https://accounts.cas.org/password" class="forgot-link" rel="noopener noreferrer" target="_blank"> Can't log in? </a> </div> </div> </div> <div class="hidden account-actions passwordGroup federationGroup">   <div class="account-actions-anchors"> <div class="col-xs-12 centered-account-actions"> <a href="https://accounts.cas.org/password" class="forgot-link" rel="noopener noreferrer" target="_blank"> Can't log in? </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-xs-12 terms-and-conditions"> By using CAS Chemical Compliance Index, you agree to the <a href="https://www.cas.org/legal" class="help-link" rel="noopener noreferrer" target="_blank">License Agreements and Policies,</a> </div> <div class="col-xs-12 eula-links-conditions"> including but not limited to the <a id="eula-link-id" href="https://www.cas.org/sites/default/files/documents/eula.pdf" class="help-link" rel="noopener noreferrer" target="_blank">End User License Agreement</a> </div> <div class="sign-in-form-footer row"> <div id="footer" class=" col-xs-12 ping-footer-container">  <div class="copyright-links"> <a href="https://www.cas.org/about" class="about-us-link" rel="noopener noreferrer" target="_blank">About CAS</a> <span class="divider"></span> <a href="https://www.cas.org/contact" class="contact-us-link" rel="noopener noreferrer" target="_blank">Contact Us</a> <span class="divider"></span> <a href="https://www.cas.org/legal" class="legal-link" rel="noopener noreferrer" target="_blank">Legal</a> </div> <div class="copyright"> <p class="copyright-text">Copyright © 2025 American Chemical Society. All Rights Reserved.</p> </div> </div> </div> </div> <script src="assets/jquery/dist/jquery.slim.min.js" type="text/javascript"></script> <script src="assets/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>  <script> "use strict"; var displayNameAttribute = ""; var entityDataAvailable = false; function clearErrorMessages() { $("#errorContainer").addClass("hidden"); } function checkEmptyForm() { var passwordField = $("#password"); $("#loginButton").prop('disabled', passwordField.val() === ""); var usernameField = $("#username"); $("#continueButton").prop('disabled', usernameField.val() === ""); } function setFocus() { var platform = navigator.platform; if (!platform || platform.indexOf("iPhone") === -1) { document.getElementById('username').focus(); } } function submitUsername() { if ($("#username").val() === '') { checkEmptyForm(); } else { checkUsername("/as/zzuDt/resume/as/authorization.ping"); } return true } function clearUsername() { $("#username").val(""); $("#password").val(""); clearErrorMessages(); checkEmptyForm(); $(".usernameGroup").removeClass("hidden"); $(".passwordGroup").addClass("hidden"); $("#rememberUsername").prop('checked', false); $("#username").focus(); clearDisplayNameAttribute(); return true; } function clearDisplayNameAttribute() { displayNameAttribute = ""; $("#displaycode").val(""); } if(displayNameAttribute) { if(entityDataAvailable) { displayFederation("/as/zzuDt/resume/as/authorization.ping", "$entityIdAttribute", "$entityNameAttribute"); } else { displayPassword(); } if($("#username").val() !== '') { $("#username").val(""); } $("#displaycode").val("PW"); } if($("#username").val() !== '') { submitUsername(); } var checkbox = document.getElementById('rememberUsername'); var width = getScreenWidth(), remember = false && true; $(document).ready(function () { var timer; document.msCapsLockWarningOff = true; $('[data-toggle="popover"]').popover(); $('#caps-lock-alert') .on('mouseenter', function(e) { timer = setTimeout(function() { if($(e.currentTarget).is(':hover')) { $(e.currentTarget).popover('show'); $(e.currentTarget).data('wasActivatedByHover', true); } }, 2000); }) .on('mouseleave', function(e) { if($(e.currentTarget).data('wasActivatedByHover')) { $(e.currentTarget).popover('hide'); $(e.currentTarget).data('wasActivatedByHover', false); } clearTimeout(timer); }) .on('click', function(e) { $(this).popover('toggle'); }); $("#password").on("change paste keyup", function(e) { checkEmptyForm(); }); $('#password').keypress( function(event) { var keycode = (event.keyCode ? event.keyCode : event.which); if(keycode == '13'){ $('#loginButton').click(); } capLock(event.originalEvent.getModifierState("CapsLock")); }); $("#username").keypress( function(e) { if ((!!e && !!e.which ? e.which : (!!window.event ? window.event.keyCode : undefined)) === 13) { submitUsername(); } }); $("#username").on("change paste keyup", function(e) { checkEmptyForm(); }); $(".not-you-link").on("click", function() { clearUsername(); $('#caps-lock-alert').popover('hide'); $("#caps-lock-alert").addClass("hidden"); }); $(".not-you-link-federation").on("click", function() { clearDisplayNameAttribute(); notYouFederation(); }); $("#password-display").on("click", function() { federationPasswordDisplay(); }); setInterval(checkEmptyForm, 1000); }) // If caps lock is on, show an alert function capLock(isOn) { if (isOn) { $("#caps-lock-alert").removeClass("hidden"); } else { $("#caps-lock-alert").addClass("hidden"); } } function setMobile(mobile) { checkbox.checked = mobile || remember; } function getScreenWidth() { return (window.outerHeight) ? window.outerWidth : document.body.clientWidth; } if (/Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { setMobile(true); } else { setMobile((width <= 480)); window.onresize = function() { width = getScreenWidth(); setMobile((width <= 480)); } } var isColliding = isOverlapping($(".sign-in-form-content"), $(".ping-footer-container")) $(window).on('resize', function(){ isColliding = isOverlapping($(".sign-in-form-content"), $(".ping-footer-container")) setFooter() }) function setFooter(){ console.log(isColliding) if(isColliding){ $(".ping-footer-container").css("position","relative") } } setFooter() function isOverlapping($div1, $div2){ var x1 = $div1.offset().left; var y1 = $div1.offset().top; var h1 = $div1.outerHeight(true); var w1 = $div1.outerWidth(true); var b1 = y1 + h1; var r1 = x1 + w1; var x2 = $div2.offset().left; var y2 = $div2.offset().top; var h2 = $div2.outerHeight(true); var w2 = $div2.outerWidth(true); var b2 = y2 + h2; var r2 = x2 + w2; if (b1 < y2 || y1 > b2 || r1 < x2 || x1 > r2) return false; return true; } var formHasBeenSubmitted = false; var profilingIsComplete = false; var loginForm = document.getElementById("loginForm"); var pageIsLoading = false; function submitForm() { // disable the login button to prevent double submission document.getElementById("loginButton").disabled = true; // set this flag to true so we can kick out of our wait prematurely if needed formHasBeenSubmitted = true; // if profiling completed prior to the user clicking "log in", just log the user in if(!profilingIsComplete) { submitAfterFiveSecondsHasElapsed(); } else { loginForm.submit(); } } function addEvent(evnt, elem, func) { if (elem.addEventListener) // W3C DOM elem.addEventListener(evnt,func,false); else if (elem.attachEvent) { // IE DOM elem.attachEvent("on"+evnt, func); } } addEvent('beforeunload', window, function (e) { pageIsLoading = true; }) function submitAfterFiveSecondsHasElapsed() { var submitTime = Date.now(); var elapsedTime = submitTime - startTime; var jsLoginWaitTime = (5000) ? 5000 : 0; if(elapsedTime < jsLoginWaitTime){ setTimeout( function() { if(!pageIsLoading) { loginForm.submit(); } }, jsLoginWaitTime-elapsedTime); } else { loginForm.submit(); } } function tmx_profiling_complete(session_id) { // set this flag to true so we can avoid waiting after clicking submit profilingIsComplete = true; // if the user has already clicked "log in" and then profiling completes, go ahead and // submit the form if(formHasBeenSubmitted && !pageIsLoading) { loginForm.submit(); } } function checkUsername(resumeurl) { var request = new XMLHttpRequest(); request.open('GET', '/account-management/api/sso/identityProviders/' + $("#username").val(), true); request.onload = function () { if (request.status == 200) { var entity = JSON.parse(this.response); displayFederation(resumeurl, entity["entityId"], entity["entityName"]); } else { displayPassword(); } } request.send(); } function displayPassword() { $(".usernameGroup").addClass("hidden"); $(".passwordGroup").removeClass("hidden"); $(".passwordAnimationGroup").addClass("fade-in-top"); if(typeof displayNameAttribute !== 'undefined' && displayNameAttribute) { $("#welcomeUsername").text(displayNameAttribute); } else { $("#welcomeUsername").text($("#username").val()); } $("#welcomeUsername").focus(); $("#password").focus(); } function displayFederation(resumeurl, entityId, entityName) { var url = resumeurl + "?entityId=" + entityId + "&code=SSO_BEGIN"; entityName = entityName.length > 32 ? entityName.substring(0,32) + "..." : entityName; $("#federationButton").attr("href", url); $("#entity-name").text(entityName); $(".usernameGroup").addClass("hidden"); $(".federationGroup").removeClass("hidden"); $(".federationAnimationGroup").addClass("fade-in-top"); if(typeof displayNameAttribute !== 'undefined' && displayNameAttribute) { $("#welcomeFedUsername").text(displayNameAttribute); } else { $("#welcomeFedUsername").text($("#username").val()); } $("#federationButton").focus(); $(".account-actions-container").addClass("federation"); } function federationPasswordDisplay() { $(".federationGroup").addClass("hidden"); $(".account-actions-container").removeClass("federation"); displayPassword(); } function notYouFederation() { $("#username").val(""); $(".usernameGroup").removeClass("hidden"); $(".federationGroup").addClass("hidden"); $(".account-actions-container").removeClass("federation"); $("#rememberUsername").prop('checked', false); $("#username").focus(); checkEmptyForm(); return true; } </script> <script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=1956218077" async></script></body> </html>

CINXE.COM

Chemical Compliance Index Login