diff -r 07239de796bb -r e756a8c72c3d cms/drupal/modules/user/user.js --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/cms/drupal/modules/user/user.js Fri Sep 08 12:04:06 2017 +0200 @@ -0,0 +1,198 @@ +(function ($) { + +/** + * Attach handlers to evaluate the strength of any password fields and to check + * that its confirmation is correct. + */ +Drupal.behaviors.password = { + attach: function (context, settings) { + var translate = settings.password; + $('input.password-field', context).once('password', function () { + var passwordInput = $(this); + var innerWrapper = $(this).parent(); + var outerWrapper = $(this).parent().parent(); + + // Add identifying class to password element parent. + innerWrapper.addClass('password-parent'); + + // Add the password confirmation layer. + $('input.password-confirm', outerWrapper).parent().prepend('
' + translate['confirmTitle'] + '
').addClass('confirm-parent'); + var confirmInput = $('input.password-confirm', outerWrapper); + var confirmResult = $('div.password-confirm', outerWrapper); + var confirmChild = $('span', confirmResult); + + // Add the description box. + var passwordMeter = '
' + translate['strengthTitle'] + '
'; + $(confirmInput).parent().after('
'); + $(innerWrapper).prepend(passwordMeter); + var passwordDescription = $('div.password-suggestions', outerWrapper).hide(); + + // Check the password strength. + var passwordCheck = function () { + + // Evaluate the password strength. + var result = Drupal.evaluatePasswordStrength(passwordInput.val(), settings.password); + + // Update the suggestions for how to improve the password. + if (passwordDescription.html() != result.message) { + passwordDescription.html(result.message); + } + + // Only show the description box if there is a weakness in the password. + if (result.strength == 100) { + passwordDescription.hide(); + } + else { + passwordDescription.show(); + } + + // Adjust the length of the strength indicator. + $(innerWrapper).find('.indicator').css('width', result.strength + '%'); + + // Update the strength indication text. + $(innerWrapper).find('.password-strength-text').html(result.indicatorText); + + passwordCheckMatch(); + }; + + // Check that password and confirmation inputs match. + var passwordCheckMatch = function () { + + if (confirmInput.val()) { + var success = passwordInput.val() === confirmInput.val(); + + // Show the confirm result. + confirmResult.css({ visibility: 'visible' }); + + // Remove the previous styling if any exists. + if (this.confirmClass) { + confirmChild.removeClass(this.confirmClass); + } + + // Fill in the success message and set the class accordingly. + var confirmClass = success ? 'ok' : 'error'; + confirmChild.html(translate['confirm' + (success ? 'Success' : 'Failure')]).addClass(confirmClass); + this.confirmClass = confirmClass; + } + else { + confirmResult.css({ visibility: 'hidden' }); + } + }; + + // Monitor keyup and blur events. + // Blur must be used because a mouse paste does not trigger keyup. + passwordInput.keyup(passwordCheck).focus(passwordCheck).blur(passwordCheck); + confirmInput.keyup(passwordCheckMatch).blur(passwordCheckMatch); + }); + } +}; + +/** + * Evaluate the strength of a user's password. + * + * Returns the estimated strength and the relevant output message. + */ +Drupal.evaluatePasswordStrength = function (password, translate) { + password = $.trim(password); + + var weaknesses = 0, strength = 100, msg = []; + + var hasLowercase = /[a-z]+/.test(password); + var hasUppercase = /[A-Z]+/.test(password); + var hasNumbers = /[0-9]+/.test(password); + var hasPunctuation = /[^a-zA-Z0-9]+/.test(password); + + // If there is a username edit box on the page, compare password to that, otherwise + // use value from the database. + var usernameBox = $('input.username'); + var username = (usernameBox.length > 0) ? usernameBox.val() : translate.username; + + // Lose 5 points for every character less than 6, plus a 30 point penalty. + if (password.length < 6) { + msg.push(translate.tooShort); + strength -= ((6 - password.length) * 5) + 30; + } + + // Count weaknesses. + if (!hasLowercase) { + msg.push(translate.addLowerCase); + weaknesses++; + } + if (!hasUppercase) { + msg.push(translate.addUpperCase); + weaknesses++; + } + if (!hasNumbers) { + msg.push(translate.addNumbers); + weaknesses++; + } + if (!hasPunctuation) { + msg.push(translate.addPunctuation); + weaknesses++; + } + + // Apply penalty for each weakness (balanced against length penalty). + switch (weaknesses) { + case 1: + strength -= 12.5; + break; + + case 2: + strength -= 25; + break; + + case 3: + strength -= 40; + break; + + case 4: + strength -= 40; + break; + } + + // Check if password is the same as the username. + if (password !== '' && password.toLowerCase() === username.toLowerCase()) { + msg.push(translate.sameAsUsername); + // Passwords the same as username are always very weak. + strength = 5; + } + + // Based on the strength, work out what text should be shown by the password strength meter. + if (strength < 60) { + indicatorText = translate.weak; + } else if (strength < 70) { + indicatorText = translate.fair; + } else if (strength < 80) { + indicatorText = translate.good; + } else if (strength <= 100) { + indicatorText = translate.strong; + } + + // Assemble the final message. + msg = translate.hasWeaknesses + ''; + return { strength: strength, message: msg, indicatorText: indicatorText }; + +}; + +/** + * Field instance settings screen: force the 'Display on registration form' + * checkbox checked whenever 'Required' is checked. + */ +Drupal.behaviors.fieldUserRegistration = { + attach: function (context, settings) { + var $checkbox = $('form#field-ui-field-edit-form input#edit-instance-settings-user-register-form'); + + if ($checkbox.length) { + $('input#edit-instance-required', context).once('user-register-form-checkbox', function () { + $(this).bind('change', function (e) { + if ($(this).attr('checked')) { + $checkbox.attr('checked', true); + } + }); + }); + + } + } +}; + +})(jQuery);