2017-07-16 21:14:03 +02:00
|
|
|
// This reloads the module in development rather than refreshing the page
|
|
|
|
if (module.hot) {
|
|
|
|
module.hot.accept();
|
|
|
|
}
|
|
|
|
|
2017-06-22 22:08:43 +02:00
|
|
|
var common = (function () {
|
2012-10-18 20:29:16 +02:00
|
|
|
|
2017-06-22 22:08:43 +02:00
|
|
|
var exports = {};
|
|
|
|
|
2019-01-17 16:55:25 +01:00
|
|
|
exports.status_classes = 'alert-error alert-success alert-info alert-warning';
|
2017-06-22 22:08:43 +02:00
|
|
|
|
|
|
|
exports.autofocus = function (selector) {
|
2012-08-29 17:45:15 +02:00
|
|
|
$(function () {
|
2017-07-08 17:43:42 +02:00
|
|
|
$(selector).focus();
|
2012-08-29 17:45:15 +02:00
|
|
|
});
|
2017-06-22 22:08:43 +02:00
|
|
|
};
|
2013-04-03 22:30:36 +02:00
|
|
|
|
2013-04-08 20:21:20 +02:00
|
|
|
// Return a boolean indicating whether the password is acceptable.
|
|
|
|
// Also updates a Bootstrap progress bar control (a jQuery object)
|
|
|
|
// if provided.
|
2013-04-03 22:30:36 +02:00
|
|
|
//
|
|
|
|
// Assumes that zxcvbn.js has been loaded.
|
|
|
|
//
|
|
|
|
// This is in common.js because we want to use it from the signup page
|
|
|
|
// and also from the in-app password change interface.
|
2017-06-22 22:08:43 +02:00
|
|
|
exports.password_quality = function (password, bar, password_field) {
|
2013-04-04 00:55:36 +02:00
|
|
|
// We load zxcvbn.js asynchronously, so the variable might not be set.
|
2013-08-01 17:47:48 +02:00
|
|
|
if (typeof zxcvbn === 'undefined') {
|
2018-03-13 13:04:16 +01:00
|
|
|
return;
|
2013-08-01 17:47:48 +02:00
|
|
|
}
|
2013-04-04 00:55:36 +02:00
|
|
|
|
2017-07-06 22:51:57 +02:00
|
|
|
var min_length = password_field.data('minLength');
|
passwords: Express the quality threshold as guesses required.
The original "quality score" was invented purely for populating
our password-strength progress bar, and isn't expressed in terms
that are particularly meaningful. For configuration and the core
accept/reject logic, it's better to use units that are readily
understood. Switch to those.
I considered using "bits of entropy", defined loosely as the log
of this number, but both the zxcvbn paper and the linked CACM
article (which I recommend!) are written in terms of the number
of guesses. And reading (most of) those two papers made me
less happy about referring to "entropy" in our terminology.
I already knew that notion was a little fuzzy if looked at
too closely, and I gained a better appreciation of how it's
contributed to confusion in discussing password policies and
to adoption of perverse policies that favor "Password1!" over
"derived unusual ravioli raft". So, "guesses" it is.
And although the log is handy for some analysis purposes
(certainly for a graph like those in the zxcvbn paper), it adds
a layer of abstraction, and I think makes it harder to think
clearly about attacks, especially in the online setting. So
just use the actual number, and if someone wants to set a
gigantic value, they will have the pleasure of seeing just
how many digits are involved.
(Thanks to @YJDave for a prototype that the code changes in this
commit are based on.)
2017-10-03 19:48:06 +02:00
|
|
|
var min_guesses = password_field.data('minGuesses');
|
2017-01-09 18:04:23 +01:00
|
|
|
|
2017-10-03 19:52:38 +02:00
|
|
|
var result = zxcvbn(password);
|
2018-06-06 18:19:09 +02:00
|
|
|
var acceptable = password.length >= min_length
|
|
|
|
&& result.guesses >= min_guesses;
|
2017-01-09 18:04:23 +01:00
|
|
|
|
|
|
|
if (bar !== undefined) {
|
passwords: Express the quality threshold as guesses required.
The original "quality score" was invented purely for populating
our password-strength progress bar, and isn't expressed in terms
that are particularly meaningful. For configuration and the core
accept/reject logic, it's better to use units that are readily
understood. Switch to those.
I considered using "bits of entropy", defined loosely as the log
of this number, but both the zxcvbn paper and the linked CACM
article (which I recommend!) are written in terms of the number
of guesses. And reading (most of) those two papers made me
less happy about referring to "entropy" in our terminology.
I already knew that notion was a little fuzzy if looked at
too closely, and I gained a better appreciation of how it's
contributed to confusion in discussing password policies and
to adoption of perverse policies that favor "Password1!" over
"derived unusual ravioli raft". So, "guesses" it is.
And although the log is handy for some analysis purposes
(certainly for a graph like those in the zxcvbn paper), it adds
a layer of abstraction, and I think makes it harder to think
clearly about attacks, especially in the online setting. So
just use the actual number, and if someone wants to set a
gigantic value, they will have the pleasure of seeing just
how many digits are involved.
(Thanks to @YJDave for a prototype that the code changes in this
commit are based on.)
2017-10-03 19:48:06 +02:00
|
|
|
var t = result.crack_times_seconds.offline_slow_hashing_1e4_per_second;
|
|
|
|
var bar_progress = Math.min(1, Math.log(1 + t) / 22);
|
2017-10-03 19:52:38 +02:00
|
|
|
|
|
|
|
// Even if zxcvbn loves your short password, the bar should be
|
|
|
|
// filled at most 1/3 of the way, because we won't accept it.
|
|
|
|
if (!acceptable) {
|
|
|
|
bar_progress = Math.min(bar_progress, 0.33);
|
|
|
|
}
|
|
|
|
|
|
|
|
// The bar bottoms out at 10% so there's always something
|
2013-04-08 20:21:20 +02:00
|
|
|
// for the user to see.
|
2018-06-06 18:50:09 +02:00
|
|
|
bar.width(90 * bar_progress + 10 + '%')
|
2018-05-06 21:43:17 +02:00
|
|
|
.removeClass('bar-success bar-danger')
|
|
|
|
.addClass(acceptable ? 'bar-success' : 'bar-danger');
|
2013-04-08 20:21:20 +02:00
|
|
|
}
|
2013-04-03 22:30:36 +02:00
|
|
|
|
2013-04-08 20:31:00 +02:00
|
|
|
return acceptable;
|
2017-06-22 22:08:43 +02:00
|
|
|
};
|
|
|
|
|
2017-06-29 16:26:48 +02:00
|
|
|
exports.password_warning = function (password, password_field) {
|
|
|
|
if (typeof zxcvbn === 'undefined') {
|
2018-03-13 13:04:16 +01:00
|
|
|
return;
|
2017-06-29 16:26:48 +02:00
|
|
|
}
|
|
|
|
|
2017-07-06 22:51:57 +02:00
|
|
|
var min_length = password_field.data('minLength');
|
2017-06-29 16:26:48 +02:00
|
|
|
|
|
|
|
if (password.length < min_length) {
|
|
|
|
return i18n.t('Password should be at least __length__ characters long', {length: min_length});
|
|
|
|
}
|
|
|
|
return zxcvbn(password).feedback.warning || i18n.t("Password is too weak");
|
|
|
|
};
|
|
|
|
|
2018-06-25 17:14:45 +02:00
|
|
|
exports.phrase_match = function (query, phrase) {
|
|
|
|
// match "tes" to "test" and "stream test" but not "hostess"
|
|
|
|
var i;
|
|
|
|
query = query.toLowerCase();
|
|
|
|
|
|
|
|
phrase = phrase.toLowerCase();
|
|
|
|
if (phrase.indexOf(query) === 0) {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
|
|
|
|
var parts = phrase.split(' ');
|
|
|
|
for (i = 0; i < parts.length; i += 1) {
|
|
|
|
if (parts[i].indexOf(query) === 0) {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return false;
|
|
|
|
};
|
|
|
|
|
2019-06-12 16:09:24 +02:00
|
|
|
exports.copy_data_attribute_value = function (elem, key) {
|
|
|
|
// function to copy the value of data-key
|
|
|
|
// attribute of the element to clipboard
|
|
|
|
var temp = $(document.createElement('input'));
|
|
|
|
$("body").append(temp);
|
|
|
|
temp.val(elem.data(key)).select();
|
|
|
|
document.execCommand("copy");
|
|
|
|
temp.remove();
|
|
|
|
elem.fadeOut(250);
|
|
|
|
elem.fadeIn(1000);
|
|
|
|
};
|
|
|
|
|
2019-06-10 09:09:04 +02:00
|
|
|
exports.has_mac_keyboard = function () {
|
2019-06-24 14:11:21 +02:00
|
|
|
return /Mac/i.test(navigator.platform);
|
2019-06-10 09:09:04 +02:00
|
|
|
};
|
|
|
|
|
2019-06-10 09:22:55 +02:00
|
|
|
exports.adjust_mac_shortcuts = function (key_elem_class, require_cmd_style) {
|
2019-06-07 11:03:13 +02:00
|
|
|
if (!exports.has_mac_keyboard()) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
var keys_map = new Map([
|
|
|
|
['Backspace', 'Delete'],
|
|
|
|
['Enter', 'Return'],
|
|
|
|
['Home', 'Fn + ←'],
|
|
|
|
['End', 'Fn + →'],
|
|
|
|
['PgUp', 'Fn + ↑'],
|
|
|
|
['PgDn', 'Fn + ↓'],
|
2019-06-10 09:22:55 +02:00
|
|
|
['Ctrl', '⌘'],
|
2019-06-07 11:03:13 +02:00
|
|
|
]);
|
|
|
|
|
|
|
|
$(key_elem_class).each(function () {
|
|
|
|
var key_text = $(this).text();
|
|
|
|
var keys = key_text.match(/[^\s\+]+/g);
|
|
|
|
|
2019-06-10 09:22:55 +02:00
|
|
|
if (key_text.indexOf('Ctrl') > -1 && require_cmd_style) {
|
|
|
|
$(this).addClass("mac-cmd-key");
|
|
|
|
}
|
2019-06-07 11:03:13 +02:00
|
|
|
_.each(keys, function (key) {
|
|
|
|
if (keys_map.get(key)) {
|
|
|
|
key_text = key_text.replace(key, keys_map.get(key));
|
|
|
|
}
|
|
|
|
});
|
|
|
|
$(this).text(key_text);
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
2017-06-22 22:08:43 +02:00
|
|
|
return exports;
|
|
|
|
|
|
|
|
}());
|
2016-12-04 08:59:56 +01:00
|
|
|
|
|
|
|
if (typeof module !== 'undefined') {
|
2017-06-22 22:08:43 +02:00
|
|
|
module.exports = common;
|
2016-12-04 08:59:56 +01:00
|
|
|
}
|
2018-05-28 08:04:36 +02:00
|
|
|
window.common = common;
|