mirror of
https://github.com/zulip/zulip.git
synced 2025-11-05 14:35:27 +00:00
8b29c38e62
We always use hashchange.go_to_location method now to open the info_overlay, this makes sure that the url hash are reliable and hotkeys don't get confused if an overlay is open or not. We don't want to change hash to "" (this also doesn't navigates us to 'All messages' view, hence the bug was not noticed.) on exit of info_overlay.
81 lines
2.2 KiB
JavaScript
81 lines
2.2 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(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;
|