Club Drupal

(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('<div class="password-confirm">' + translate['confirmTitle'] + ' <span></span></div>').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 = '<div class="password-strength"><div class="password-strength-text" aria-live="assertive"></div><div class="password-strength-title">' + translate['strengthTitle'] + '</div><div class="password-indicator"><div class="indicator"></div></div></div>';

      $(confirmInput).parent().after('<div class="password-suggestions description"></div>');

      $(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 + '<ul><li>' + msg.join('</li><li>') + '</li></ul>';

  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);