Files
zulip/static/js/info_overlay.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

80 lines
2.1 KiB
JavaScript

// Make it explicit that our toggler is undefined until
// set_up_toggler is called.
exports.toggler = undefined;
exports.set_up_toggler = function () {
const opts = {
selected: 0,
child_wants_focus: true,
values: [
{ label: i18n.t("Keyboard shortcuts"), key: "keyboard-shortcuts" },
{ label: i18n.t("Message formatting"), key: "message-formatting" },
{ label: i18n.t("Search operators"), key: "search-operators" },
],
callback: function (name, key) {
$(".overlay-modal").hide();
$("#" + key).show();
$("#" + key).find(".modal-body").focus();
},
};
exports.toggler = components.toggle(opts);
const elem = exports.toggler.get();
elem.addClass('large allow-overflow');
const modals = _.map(opts.values, function (item) {
const key = item.key; // e.g. message-formatting
const modal = $('#' + key).find('.modal-body');
return modal;
});
_.each(modals, function (modal) {
keydown_util.handle({
elem: modal,
handlers: {
left_arrow: exports.toggler.maybe_go_left,
right_arrow: exports.toggler.maybe_go_right,
},
});
});
$(".informational-overlays .overlay-tabs").append(elem);
common.adjust_mac_shortcuts(".hotkeys_table .hotkey kbd");
common.adjust_mac_shortcuts("#markdown-instructions kbd");
};
exports.show = function (target) {
if (!exports.toggler) {
exports.set_up_toggler();
}
const overlay = $(".informational-overlays");
if (!overlay.hasClass("show")) {
overlays.open_overlay({
name: 'informationalOverlays',
overlay: overlay,
on_close: function () {
hashchange.changehash("");
},
});
}
if (target) {
exports.toggler.goto(target);
}
};
exports.maybe_show_keyboard_shortcuts = function () {
if (overlays.is_active()) {
return;
}
if (popovers.any_active()) {
return;
}
exports.show("keyboard-shortcuts");
};
window.info_overlay = exports;