2015-06-05 20:17:55 +00:00
|
|
|
/**
|
2017-05-19 22:12:53 +00:00
|
|
|
* DO NOT EDIT THIS FILE.
|
|
|
|
* See the following change record for more information,
|
2017-05-23 14:30:14 +00:00
|
|
|
* https://www.drupal.org/node/2815083
|
2017-05-19 22:12:53 +00:00
|
|
|
* @preserve
|
|
|
|
**/
|
2015-06-05 20:17:55 +00:00
|
|
|
|
2015-05-19 13:12:05 +00:00
|
|
|
(function ($, Drupal, drupalSettings) {
|
2014-01-27 21:41:32 +00:00
|
|
|
Drupal.behaviors.password = {
|
2017-05-19 22:12:53 +00:00
|
|
|
attach: function attach(context, settings) {
|
2015-05-19 13:12:05 +00:00
|
|
|
var $passwordInput = $(context).find('input.js-password-field').once('password');
|
|
|
|
|
|
|
|
if ($passwordInput.length) {
|
|
|
|
var translate = settings.password;
|
|
|
|
var $passwordInputParent = $passwordInput.parent();
|
|
|
|
var $passwordInputParentWrapper = $passwordInputParent.parent();
|
2020-01-30 09:08:38 +00:00
|
|
|
var $passwordSuggestions;
|
2015-05-19 13:12:05 +00:00
|
|
|
$passwordInputParent.addClass('password-parent');
|
2019-08-21 08:37:49 +00:00
|
|
|
$passwordInputParentWrapper.find('input.js-password-confirm').parent().append(Drupal.theme('passwordConfirmMessage', translate)).addClass('confirm-parent');
|
2015-05-19 13:12:05 +00:00
|
|
|
var $confirmInput = $passwordInputParentWrapper.find('input.js-password-confirm');
|
2019-08-21 08:37:49 +00:00
|
|
|
var $confirmResult = $passwordInputParentWrapper.find('div.js-password-confirm-message');
|
2015-05-19 13:12:05 +00:00
|
|
|
var $confirmChild = $confirmResult.find('span');
|
2014-01-27 21:41:32 +00:00
|
|
|
|
|
|
|
if (settings.password.showStrengthIndicator) {
|
2020-01-30 09:08:38 +00:00
|
|
|
var passwordMeter = "<div class=\"password-strength\"><div class=\"password-strength__meter\"><div class=\"password-strength__indicator js-password-strength__indicator\"></div></div><div aria-live=\"polite\" aria-atomic=\"true\" class=\"password-strength__title\">".concat(translate.strengthTitle, " <span class=\"password-strength__text js-password-strength__text\"></span></div></div>");
|
2015-05-19 13:12:05 +00:00
|
|
|
$confirmInput.parent().after('<div class="password-suggestions description"></div>');
|
|
|
|
$passwordInputParent.append(passwordMeter);
|
|
|
|
$passwordSuggestions = $passwordInputParentWrapper.find('div.password-suggestions').hide();
|
2014-01-27 21:41:32 +00:00
|
|
|
}
|
2010-02-16 01:05:52 +00:00
|
|
|
|
2017-05-19 22:12:53 +00:00
|
|
|
var passwordCheckMatch = function passwordCheckMatch(confirmInputVal) {
|
2015-05-19 13:12:05 +00:00
|
|
|
var success = $passwordInput.val() === confirmInputVal;
|
2014-01-27 21:41:32 +00:00
|
|
|
var confirmClass = success ? 'ok' : 'error';
|
2020-01-30 09:08:38 +00:00
|
|
|
$confirmChild.html(translate["confirm".concat(success ? 'Success' : 'Failure')]).removeClass('ok error').addClass(confirmClass);
|
2014-01-27 21:41:32 +00:00
|
|
|
};
|
|
|
|
|
2017-05-19 22:12:53 +00:00
|
|
|
var passwordCheck = function passwordCheck() {
|
2014-01-27 21:41:32 +00:00
|
|
|
if (settings.password.showStrengthIndicator) {
|
2015-05-19 13:12:05 +00:00
|
|
|
var result = Drupal.evaluatePasswordStrength($passwordInput.val(), settings.password);
|
2014-01-27 21:41:32 +00:00
|
|
|
|
2015-05-19 13:12:05 +00:00
|
|
|
if ($passwordSuggestions.html() !== result.message) {
|
|
|
|
$passwordSuggestions.html(result.message);
|
2014-01-27 21:41:32 +00:00
|
|
|
}
|
|
|
|
|
2015-05-19 13:12:05 +00:00
|
|
|
$passwordSuggestions.toggle(result.strength !== 100);
|
2020-01-30 09:08:38 +00:00
|
|
|
$passwordInputParent.find('.js-password-strength__indicator').css('width', "".concat(result.strength, "%")).removeClass('is-weak is-fair is-good is-strong').addClass(result.indicatorClass);
|
2015-05-19 13:12:05 +00:00
|
|
|
$passwordInputParent.find('.js-password-strength__text').html(result.indicatorText);
|
2014-01-27 21:41:32 +00:00
|
|
|
}
|
2008-10-29 10:01:28 +00:00
|
|
|
|
2015-05-19 13:12:05 +00:00
|
|
|
if ($confirmInput.val()) {
|
|
|
|
passwordCheckMatch($confirmInput.val());
|
2020-01-30 09:08:38 +00:00
|
|
|
$confirmResult.css({
|
|
|
|
visibility: 'visible'
|
|
|
|
});
|
2017-05-19 22:12:53 +00:00
|
|
|
} else {
|
2020-01-30 09:08:38 +00:00
|
|
|
$confirmResult.css({
|
|
|
|
visibility: 'hidden'
|
|
|
|
});
|
2014-01-27 21:41:32 +00:00
|
|
|
}
|
|
|
|
};
|
2008-10-19 20:55:07 +00:00
|
|
|
|
2015-05-19 13:12:05 +00:00
|
|
|
$passwordInput.on('input', passwordCheck);
|
|
|
|
$confirmInput.on('input', passwordCheck);
|
|
|
|
}
|
2014-01-27 21:41:32 +00:00
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
Drupal.evaluatePasswordStrength = function (password, translate) {
|
2015-06-11 12:26:54 +00:00
|
|
|
password = password.trim();
|
2020-01-30 09:08:38 +00:00
|
|
|
var indicatorText;
|
|
|
|
var indicatorClass;
|
2015-04-19 15:30:43 +00:00
|
|
|
var weaknesses = 0;
|
|
|
|
var strength = 100;
|
|
|
|
var msg = [];
|
2015-05-19 13:12:05 +00:00
|
|
|
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);
|
|
|
|
var $usernameBox = $('input.username');
|
2017-05-19 22:12:53 +00:00
|
|
|
var username = $usernameBox.length > 0 ? $usernameBox.val() : translate.username;
|
2014-01-27 21:41:32 +00:00
|
|
|
|
2015-09-15 10:02:45 +00:00
|
|
|
if (password.length < 12) {
|
2014-01-27 21:41:32 +00:00
|
|
|
msg.push(translate.tooShort);
|
2017-05-19 22:12:53 +00:00
|
|
|
strength -= (12 - password.length) * 5 + 30;
|
2014-01-27 21:41:32 +00:00
|
|
|
}
|
2007-06-08 06:04:15 +00:00
|
|
|
|
2014-01-27 21:41:32 +00:00
|
|
|
if (!hasLowercase) {
|
|
|
|
msg.push(translate.addLowerCase);
|
|
|
|
weaknesses++;
|
|
|
|
}
|
2020-01-30 09:08:38 +00:00
|
|
|
|
2014-01-27 21:41:32 +00:00
|
|
|
if (!hasUppercase) {
|
|
|
|
msg.push(translate.addUpperCase);
|
|
|
|
weaknesses++;
|
|
|
|
}
|
2020-01-30 09:08:38 +00:00
|
|
|
|
2014-01-27 21:41:32 +00:00
|
|
|
if (!hasNumbers) {
|
|
|
|
msg.push(translate.addNumbers);
|
|
|
|
weaknesses++;
|
|
|
|
}
|
2020-01-30 09:08:38 +00:00
|
|
|
|
2014-01-27 21:41:32 +00:00
|
|
|
if (!hasPunctuation) {
|
|
|
|
msg.push(translate.addPunctuation);
|
|
|
|
weaknesses++;
|
|
|
|
}
|
2007-06-08 06:04:15 +00:00
|
|
|
|
2014-01-27 21:41:32 +00:00
|
|
|
switch (weaknesses) {
|
|
|
|
case 1:
|
|
|
|
strength -= 12.5;
|
|
|
|
break;
|
2009-09-21 08:52:41 +00:00
|
|
|
|
2014-01-27 21:41:32 +00:00
|
|
|
case 2:
|
|
|
|
strength -= 25;
|
|
|
|
break;
|
2007-06-08 06:04:15 +00:00
|
|
|
|
2014-01-27 21:41:32 +00:00
|
|
|
case 3:
|
|
|
|
strength -= 40;
|
|
|
|
break;
|
2007-06-08 06:04:15 +00:00
|
|
|
|
2014-01-27 21:41:32 +00:00
|
|
|
case 4:
|
|
|
|
strength -= 40;
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (password !== '' && password.toLowerCase() === username.toLowerCase()) {
|
|
|
|
msg.push(translate.sameAsUsername);
|
|
|
|
strength = 5;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (strength < 60) {
|
|
|
|
indicatorText = translate.weak;
|
2014-08-15 23:27:38 +00:00
|
|
|
indicatorClass = 'is-weak';
|
2017-05-19 22:12:53 +00:00
|
|
|
} else if (strength < 70) {
|
2014-01-27 21:41:32 +00:00
|
|
|
indicatorText = translate.fair;
|
2014-08-15 23:27:38 +00:00
|
|
|
indicatorClass = 'is-fair';
|
2017-05-19 22:12:53 +00:00
|
|
|
} else if (strength < 80) {
|
2014-01-27 21:41:32 +00:00
|
|
|
indicatorText = translate.good;
|
2014-08-15 23:27:38 +00:00
|
|
|
indicatorClass = 'is-good';
|
2017-05-19 22:12:53 +00:00
|
|
|
} else if (strength <= 100) {
|
2014-01-27 21:41:32 +00:00
|
|
|
indicatorText = translate.strong;
|
2014-08-15 23:27:38 +00:00
|
|
|
indicatorClass = 'is-strong';
|
2014-01-27 21:41:32 +00:00
|
|
|
}
|
|
|
|
|
2020-01-30 09:08:38 +00:00
|
|
|
msg = "".concat(translate.hasWeaknesses, "<ul><li>").concat(msg.join('</li><li>'), "</li></ul>");
|
2015-05-19 13:12:05 +00:00
|
|
|
return {
|
|
|
|
strength: strength,
|
|
|
|
message: msg,
|
|
|
|
indicatorText: indicatorText,
|
|
|
|
indicatorClass: indicatorClass
|
|
|
|
};
|
2014-01-27 21:41:32 +00:00
|
|
|
};
|
2017-05-19 22:12:53 +00:00
|
|
|
})(jQuery, Drupal, drupalSettings);
|