mirror of https://github.com/zulip/zulip.git
86 lines
2.3 KiB
JavaScript
86 lines
2.3 KiB
JavaScript
"use strict";
|
|
|
|
const common = require("./common");
|
|
const components = require("./components");
|
|
|
|
// 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();
|
|
$(`#${CSS.escape(key)}`).show();
|
|
ui.get_scroll_element($(`#${CSS.escape(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 = $(`#${CSS.escape(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;
|