mirror of
https://github.com/zulip/zulip.git
synced 2025-10-29 11:03:54 +00:00
6ec808b8df
ES and TypeScript modules are strict by default and don’t need this directive. ESLint will remind us to add it to new CommonJS files and remove it from ES and TypeScript modules. Signed-off-by: Anders Kaseorg <anders@zulip.com>
83 lines
2.2 KiB
JavaScript
83 lines
2.2 KiB
JavaScript
"use strict";
|
|
|
|
// 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(name, key) {
|
|
$(".overlay-modal").hide();
|
|
$("#" + key).show();
|
|
ui.get_scroll_element($("#" + key).find(".modal-body")).trigger("focus");
|
|
},
|
|
};
|
|
|
|
exports.toggler = components.toggle(opts);
|
|
const elem = exports.toggler.get();
|
|
elem.addClass("large allow-overflow");
|
|
|
|
const modals = opts.values.map((item) => {
|
|
const key = item.key; // e.g. message-formatting
|
|
const modal = $("#" + key).find(".modal-body");
|
|
return modal;
|
|
});
|
|
|
|
for (const modal of modals) {
|
|
ui.get_scroll_element(modal).prop("tabindex", 0);
|
|
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,
|
|
on_close() {
|
|
hashchange.exit_overlay();
|
|
},
|
|
});
|
|
}
|
|
|
|
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;
|