Morris Jobke
10 years ago
committed by
Thomas Müller
parent
8f1fa32e1f
commit
7353183d99
@ -1 +1 @@ |
||||
Subproject commit 48fdf111dfe4728a906002afccb97b8ad88b3f61 |
||||
Subproject commit 912a45c3458685a1105fba38a39a3a71c7348ed9 |
||||
@ -0,0 +1,20 @@ |
||||
The MIT License (MIT) |
||||
|
||||
Copyright (c) 2013 Morris Jobke |
||||
|
||||
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. |
||||
@ -0,0 +1,133 @@ |
||||
/** |
||||
* 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)) |
||||
@ -0,0 +1,48 @@ |
||||
/** |
||||
* Strengthify - show the weakness of a password (uses zxcvbn for this) |
||||
* https://github.com/kabum/strengthify |
||||
* Version: 0.3 |
||||
* License: The MIT License (MIT) |
||||
* Copyright (c) 2013 Morris Jobke <morris.jobke@gmail.com> |
||||
*/ |
||||
|
||||
.strengthify-wrapper > * { |
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; |
||||
filter: alpha(opacity=0); |
||||
opacity: 0; |
||||
-webkit-transition:all .5s ease-in-out; |
||||
-moz-transition:all .5s ease-in-out; |
||||
transition:all .5s ease-in-out; |
||||
} |
||||
|
||||
.strengthify-bg, .strengthify-container, .strengthify-wrapper, .strengthify-separator { |
||||
height: 3px; |
||||
} |
||||
|
||||
.strengthify-bg, .strengthify-container { |
||||
display: block; |
||||
position: absolute; |
||||
width: 100%; |
||||
} |
||||
|
||||
.strengthify-bg { |
||||
background-color: #BBB; |
||||
} |
||||
|
||||
.strengthify-separator { |
||||
display: inline-block; |
||||
position: absolute; |
||||
background-color: #FFF; |
||||
width: 1px; |
||||
z-index: 10; |
||||
} |
||||
|
||||
.password-bad { |
||||
background-color: #C33; |
||||
} |
||||
.password-medium { |
||||
background-color: #F80; |
||||
} |
||||
.password-good { |
||||
background-color: #3C3; |
||||
} |
||||
Loading…
Reference in new issue