server/core/vendor/strengthify/jquery.strengthify.js

/**
 * Strengthify - show the weakness of a password (uses zxcvbn for this)
 * https://github.com/kabum/strengthify
 *
 * Version: 0.3
 * Author: Morris Jobke (github.com/kabum)
 *
 * License:
 *
 * The MIT License (MIT)
 *
 * Copyright (c) 2013 Morris Jobke <morris.jobke@gmail.com>
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy of
 * this software and associated documentation files (the "Software"), to deal in
 * the Software without restriction, including without limitation the rights to
 * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
 * the Software, and to permit persons to whom the Software is furnished to do so,
 * subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
 * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
 * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
 * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
 * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */

(function ($) {
	$.fn.strengthify = function(options) {
		var me = this

		var defaults = {
			zxcvbn: 'zxcvbn/zxcvbn.js',
			titles: [
				'Weakest',
				'Weak',
				'So-so',
				'Good',
				'Perfect'
			]
		}

		var options = $.extend(defaults, options)

		// add elements
		$('.strengthify-wrapper')
			.append('<div class="strengthify-bg" />')
			.append('<div class="strengthify-container" />')
			.append('<div class="strengthify-separator" style="left: 25%" />')
			.append('<div class="strengthify-separator" style="left: 50%" />')
			.append('<div class="strengthify-separator" style="left: 75%" />')

		var oldDisplayState = $('.strengthify-wrapper').css('display')

		$.ajax({
			cache: true,
			dataType: 'script',
			url: options.zxcvbn
		}).done(function() {
			me.bind('keyup input', function() {
				var password = $(this).val()

				// hide strengthigy if no input is provided
				var opacity = (password === '') ? 0 : 1
				$('.strengthify-wrapper').children().css(
					'opacity',
					opacity
				).css(
					'-ms-filter',
					'"progid:DXImageTransform.Microsoft.Alpha(Opacity=' + opacity * 100 + ')"'
				)

				// calculate result
				var result = zxcvbn(password)

				var css = ''
				// style strengthify bar
				// possible scores: 0-4
				switch(result.score) {
					case 0:
					case 1:
						css = 'password-bad';
						break;
					case 2:
						css = 'password-medium';
						break;
					case 3:
					case 4:
						css = 'password-good';
						break;
				}

				$('.strengthify-container').attr('class', css + ' strengthify-container')
				// possible scores: 0-4
				$('.strengthify-container').css(
					'width',
					// if score is '0' it will be changed to '1' to
					// not hide strengthify if the password is extremely weak
					((result.score == 0 ? 1 : result.score) * 25) + '%'
				)
				// set a title for the wrapper
				$('.strengthify-wrapper').attr(
					'title',
					options.titles[result.score]
				).tipsy({
					trigger: 'manual',
					opacity: opacity
				}).tipsy(
					'show'
				)

				if(opacity === 0) {
					$('.strengthify-wrapper').tipsy(
						'hide'
					)
				}

				// reset state for empty string password
				if(password === '') {
					$('.strengthify-container').css('width', 0)
				}

			})
		})

		return me
	};

}(jQuery))