msignite.eventcore.comLoading...

"},useData:!0}); /* endinject */ var $element = function ($diags, content, settings) { var _loginIdentifier, _loginPwd; var _serviceContentSet = false; var _serviceContent; // Javascript is single-threaded, and works on a message queue system, where each message is processed // completely before any other message is processed. For example, the callbacks for AJAX calls are added as // messages to the queue, allowing them to be processed later. // See https://developer.mozilla.org/en-US/docs/Web/JavaScript/EventLoop // This page may involve multiple roundtrips to the service in different scenarios, each of which may // change the state of the cookies. The intermediate states of some scenarios on this page are not // compatible with others (for example, waiting for the service to verify the user's username and password // may not play well with informing the service to redirect to a social IdP, as both write over cookie // state). On this page, we invoke a simple state mechanism, to cause buttons that trigger new calls to the // service to be considered no-ops while we wait for the last call to the service to complete. Given the // single-threaded nature of JavaScript, quickly setting the state to disable these buttons works so long as // the setting occurs within the context of a single message in the queue. // Note that this approach of setting up the event handlers exactly once during page initialization, and // having each handler check state in this manner allows for RPs with custom javascript to still attach to // the button click events without our code disabling such events as we change state. This also prevents // us from setting certain attributes after page inititalization, which would otherwise impact screen // readers and accessibility programs. If a service call is in progress, the click event should be handled // in such a manner that the event does not propagate (trigger the RPs events). This is done in javascript // by either calling event.stopImmediatePropagation(), and returning "false" from the event handler function. var _serviceCallInProgress = false; var isRememberMeChecked = function () { var rememberMe = false; var rememberMeElement = document.getElementById('rememberMe'); if (rememberMeElement) { rememberMe = rememberMeElement.checked; } return rememberMe; }; // Makes a call to the service to see if the hint // is known to the tenant. var _signIn = function (event) { if (_serviceCallInProgress) { event.stopImmediatePropagation(); return false; } _serviceCallInProgress = true; // Show the working div var working = document.querySelectorAll("div .working"); $(working).css("display", "block"); // We need to switch to using the selfasserted api for validating the hint var localSettings = jQuery.extend(true, {}, settings); // Deep copy of original settings object localSettings.api = "SelfAsserted"; var requestData = "request_type=RESPONSE&" + _loginIdentifier.id + "=" + encodeURIComponent(_loginIdentifier.value) + "&" + _loginPwd.id + "=" + encodeURIComponent(_loginPwd.value); (function (trace) { $i2e.sendDataWithRetry( requestData, function (response) { // 200 means the user exists so send the // response forwarding the user to signin if (response.status == 200) { trace.append("T010"); var rememberMe = isRememberMeChecked(); $i2e.redirectToServer("confirmed?rememberMe=" + rememberMe); return false; } // Toggles error unknown for all non-200 responses trace.append(response.message); _showGeneralError(response.message); }, function (error) { trace.append(error.text); _showGeneralError(error.text); }, function () { _serviceCallInProgress = false; // Hide the working div $(working).css("display", "none"); $diags.trace(trace); }, undefined, localSettings); }(new $trace("T018", true))); }; // Shows the general error using the errorText // as the content var _showGeneralError = function (errorText) { var errorDiv = $(".localAccount").children(".error.pageLevel"); // Set the error text if (errorText) { errorDiv.children("p:first").text(errorText); } else { errorDiv.children("p:first").html(content.unknown_error); } // Set the aria-hidden and then show the error errorDiv.attr("aria-hidden", "false"); errorDiv.css("display", "block"); }; // Shows the input error div using the error text // as the content var _showError = function (parent, errorText) { var errorDiv = $(parent).children(".error.itemLevel"); // Set the error text errorDiv.children("p:first").html(errorText); // Set the aria-hidden and then show the error errorDiv.attr("aria-hidden", "false"); errorDiv.css("display", "block"); // Now highlight the input $(parent).children("input").addClass("highlightError"); }; // Resets all visible errors var _resetErrors = function () { $(".error").css("display", "none"); $(".error").attr("aria-hidden", "true"); // Remove any input highlights $(".highlightError").removeClass("highlightError"); }; // Resets the specific input var _resetError = function (parent) { // Reset the input var errorDiv = $(parent).children(".error.itemLevel"); // Set the aria-hidden and then show the error errorDiv.attr("aria-hidden", "true"); errorDiv.css("display", "none"); // Now highlight the input $(parent).children("input").removeClass("highlightError"); }; // Validate the loginIdentifier has been correctly populated var _validateLoginIdentifier = function () { // Reset the input _resetError(_loginIdentifier.parentElement); // Check if loginIdentifier has been populated if (!_loginIdentifier.value) { var errorText = settings.config.operatingMode === "Email" ? content.requiredField_email : content.requiredField_username; _showError(_loginIdentifier.parentElement, errorText); return false; } // Check if loginIdentifier has valid text if (_loginIdentifier.pattern) { var valid = new RegExp(_loginIdentifier.pattern).exec(_loginIdentifier.value); if (!valid) { // Show the invalid error _showError(_loginIdentifier.parentElement, content.invalid_email); // Give focus to the login identifier _loginIdentifier.focus(); return false; } } return true; }; // Validate the loginPwd has been correctly populated var _validatePassword = function () { // Reset the input _resetError(_loginPwd.parentElement); // Check if loginPwd has been populated if (!_loginPwd.value) { _showError(_loginPwd.parentElement, content.requiredField_password); return false; } return true; }; // Returns whether the left mouse key or enter button has been pressed // and specifically for buttons if the space bar has been pressed var _isEnter = function (event) { var key = event.keyCode || event.which; return (key === 0) || (key === 1 || key === 13) || ($(event.target).is("button") && key === 32); }; // Checks to see if the form is ready for // submission. Uses input validation to determine // if form is ok to submit var _doSubmit = function (event) { // Handle the left click of the mouse, the press of the enter button if (_isEnter(event)) { // Reset all errors _resetErrors(); if (_validateLoginIdentifier() && _validatePassword()) { // Try sign the user in _signIn(event); } } } // Initializes the api, merging the api template and // the data followed by injection into the resource. On // successful injection, the eventhandlers are wired up var _initialize = function () { (function (trace) { // If one of the social provider buttons is selected // redirect back using the alternative flow and the id of the // selected provider $("#api .accountButton").click(function (event) { if (_serviceCallInProgress) { event.stopImmediatePropagation(); return false; } _serviceCallInProgress = true; $i2e.redirectToServer("unified?social=" + $(this).attr("id")); return; }); // Pregenerate the href and add to the link. When clicked // check if we need to append the hint $("#forgotPassword") .attr("href", $i2e.getRedirectLink("forgotPassword")) .click(function (event) { if (_serviceCallInProgress) { event.stopImmediatePropagation(); return false; } _serviceCallInProgress = true; if (_loginIdentifier.value) { // If the user has ...