'use strict'; /* global $ Mellt */ const mellt = new Mellt(); function checkMatch(){ $('#submit').prop('title',"You need to type your password again before you can save it. "); // They match if ( $('#p1').val() === $('#p2').val() ) { $('#submit').prop('disabled',false).prop('title',"Click here to save your password. "); } // User has retyped, but they don't match yet else if ($('#p2').val()!=='') { $('#password-help').text("Those passwords don't match! ").css({'color':'#fb6e3d'}); $('#submit').prop('disabled',true).prop('title',"You need to type the same password twice before you can save it. "); } } // On page load $(function(){ // On typing password $('.password').keyup(function(){ // Nothing entered if ( $('#p1').val()==='' && $('#p2').val()==='' ){ $('#password-help').hide(); $('#submit').prop('disabled',true).prop('title',"You need to enter a password first. "); } // Only second password entered else if ($('#p1').val()==='') { $('#password-help').show().text("Those passwords don't match! "); $('#submit').prop('disabled',true).prop('title',"You need to type the same password twice correctly before you can save it. "); } // At least first password entered else { $('#password-help').show(); // Check first password var daysToCrack = mellt.CheckPassword($('#p1').val()); // Not good enough if (daysToCrack<0) { $('#password-help').text("That's is one of the world's most commonly used passwords. You may not use it for Tracman and should not use it anywhere. ").css({'color':'#fb6e3d'}); $('#submit').prop('disabled',true).prop('title',"You need to come up with a better password. "); } else if (daysToCrack<10) { $('#password-help').text("That password isn't good enough. It could be cracked in "+daysToCrack+" day"+(daysToCrack!=1?'s':'')+". Try something a little longer or more complex. ").css({'color':'#fb6e3d'}); $('#submit').prop('disabled',true).prop('title',"You need to come up with a better password. "); } // Good enough else if (daysToCrack<=30) { $('#password-help').text("That password is good enough, but it could still be cracked in "+daysToCrack+" days. ").css({'color':'#eee'}); checkMatch(); } else if (daysToCrack<=365) { $('#password-help').text("That password is pretty good. It would take "+daysToCrack+" days to crack. ").css({'color':'#8ae137'}); checkMatch(); } else { var years = Math.round(daysToCrack / 365 * 10) / 10; if (years>1000000) { years = (Math.round(years/1000000*10)/10)+' million'; } if (years>1000) { years = (Math.round(years/1000))+' thousand'; } $('#password-help').text("That password is great! It could take up to "+years+" years to crack!").css({'color':'#8ae137'}); checkMatch(); } } }); // On checking 'show' $('#show').click(function(){ if ($(this).is(':checked')) { $('.password').attr('type','text'); } else { $('.password').attr('type','password'); } }); });