nextcloud/core/vendor/strengthify/jquery.strengthify.js

133 lines
3.6 KiB
JavaScript
Raw Normal View History

2014-11-06 16:47:58 +03:00
/**
* 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))