Files
zulip/static/js/settings_ui.js
Anders Kaseorg 28f3dfa284 js: Automatically convert var to let and const in most files.
This commit was originally automatically generated using `tools/lint
--only=eslint --fix`.  It was then modified by tabbott to contain only
changes to a set of files that are unlikely to result in significant
merge conflicts with any open pull request, excluding about 20 files.
His plan is to merge the remaining changes with more precise care,
potentially involving merging parts of conflicting pull requests
before running the `eslint --fix` operation.

Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2019-11-03 12:42:39 -08:00

87 lines
3.3 KiB
JavaScript

exports.display_checkmark = function ($elem) {
const check_mark = document.createElement("img");
check_mark.src = "/static/images/checkbox-green.svg";
$elem.prepend(check_mark);
$(check_mark).css("width", "13px");
};
exports.strings = {
success: i18n.t("Saved"),
failure: i18n.t("Save failed"),
saving: i18n.t("Saving"),
};
// Generic function for informing users about changes to the settings
// UI. Intended to replace the old system that was built around
// direct calls to `ui_report`.
exports.do_settings_change = function (request_method, url, data, status_element, opts) {
const spinner = $(status_element).expectOne();
spinner.fadeTo(0, 1);
loading.make_indicator(spinner, {text: exports.strings.saving});
let success_msg;
let success_continuation;
let error_continuation;
let remove_after = 1000;
const appear_after = 500;
if (opts !== undefined) {
success_msg = opts.success_msg;
success_continuation = opts.success_continuation;
error_continuation = opts.error_continuation;
if (opts.sticky) {
remove_after = null;
}
}
if (success_msg === undefined) {
success_msg = exports.strings.success;
}
request_method({
url: url,
data: data,
success: function (reponse_data) {
setTimeout(function () {
ui_report.success(success_msg, spinner, remove_after);
exports.display_checkmark(spinner);
}, appear_after);
if (success_continuation !== undefined) {
if (opts !== undefined && opts.success_continuation_arg) {
success_continuation(opts.success_continuation_arg);
} else {
success_continuation(reponse_data);
}
}
},
error: function (xhr) {
if (opts !== undefined && opts.error_msg_element) {
loading.destroy_indicator(spinner);
ui_report.error(exports.strings.failure, xhr, opts.error_msg_element);
} else {
ui_report.error(exports.strings.failure, xhr, spinner);
}
if (error_continuation !== undefined) {
error_continuation(xhr);
}
},
});
};
// This function is used to disable sub-setting when main setting is checked or unchecked
// or two settings are inter-dependent on their values values.
// * is_checked is boolean, shows if the main setting is checked or not.
// * sub_setting_id is sub setting or setting which depend on main setting,
// string id of setting.
// * disable_on_uncheck is boolean, true if sub setting should be disabled
// when main setting unchecked.
exports.disable_sub_setting_onchange = function (is_checked, sub_setting_id, disable_on_uncheck) {
if (is_checked && disable_on_uncheck || !is_checked && !disable_on_uncheck) {
$("#" + sub_setting_id).attr("disabled", false);
$("#" + sub_setting_id + "_label").parent().removeClass("control-label-disabled");
} else if (is_checked && !disable_on_uncheck || !is_checked && disable_on_uncheck) {
$("#" + sub_setting_id).attr("disabled", "disabled");
$("#" + sub_setting_id + "_label").parent().addClass("control-label-disabled");
}
};
window.settings_ui = exports;