mirror of
https://github.com/zulip/zulip.git
synced 2025-11-07 15:33:30 +00:00
742c55f514
The function modals.is_active() can see if modals are open without having to look at the DOM. This should make it snappier to type in the compose box. Even if the speedup is pretty minor, not having to worry about jQuery slowness should make it easier to diagnose future compose box issues. The new function gets used in other places, too, where performance isn't so much an issue.
104 lines
2.5 KiB
JavaScript
104 lines
2.5 KiB
JavaScript
var modals = (function () {
|
|
|
|
var exports = {};
|
|
|
|
var active_overlay;
|
|
var close_handler;
|
|
var open_modal_name;
|
|
|
|
function reset_state() {
|
|
active_overlay = undefined;
|
|
close_handler = undefined;
|
|
open_modal_name = undefined;
|
|
}
|
|
|
|
exports.is_active = function () {
|
|
return !!open_modal_name;
|
|
};
|
|
|
|
exports.open_overlay = function (opts) {
|
|
if (!opts.name || !opts.overlay || !opts.on_close) {
|
|
blueslip.error('Programming error in open_modal');
|
|
return;
|
|
}
|
|
|
|
if (active_overlay || open_modal_name || close_handler) {
|
|
blueslip.error('Programming error--trying to open ' + opts.name +
|
|
' before closing ' + open_modal_name);
|
|
return;
|
|
}
|
|
|
|
// Our overlays are kind of crufty...we have an HTML id
|
|
// attribute for them and then a data-overlay attribute for
|
|
// them. Make sure they match.
|
|
if (opts.overlay.attr('data-overlay') !== opts.name) {
|
|
blueslip.error('Bad overlay setup for ' + opts.name);
|
|
return;
|
|
}
|
|
|
|
open_modal_name = opts.name;
|
|
active_overlay = opts.overlay;
|
|
opts.overlay.addClass('show');
|
|
|
|
close_handler = function () {
|
|
opts.on_close();
|
|
reset_state();
|
|
};
|
|
};
|
|
|
|
exports.close_modal = function (name) {
|
|
if ((name !== open_modal_name) || !close_handler) {
|
|
blueslip.error("Modal close handler for " + name + " not properly setup." );
|
|
return;
|
|
}
|
|
|
|
active_overlay.removeClass("show");
|
|
|
|
close_handler();
|
|
};
|
|
|
|
exports.close_for_hash_change = function () {
|
|
$(".overlay.show").removeClass("show");
|
|
reset_state();
|
|
};
|
|
|
|
exports.open_settings = function () {
|
|
modals.open_overlay({
|
|
name: 'settings',
|
|
overlay: $("#settings_overlay_container"),
|
|
on_close: function () {
|
|
hashchange.exit_modal();
|
|
},
|
|
});
|
|
};
|
|
|
|
$(function () {
|
|
$("body").on("click", ".overlay, .overlay .exit", function (e) {
|
|
var $target = $(e.target);
|
|
|
|
// if the target is not the .overlay element, search up the node tree
|
|
// until it is found.
|
|
if ($target.is(".exit, .exit-sign, .overlay-content")) {
|
|
$target = $target.closest("[data-overlay]");
|
|
} else if (!$target.is(".overlay")) {
|
|
// not a valid click target then.
|
|
return;
|
|
}
|
|
|
|
var target_name = $target.attr("data-overlay");
|
|
|
|
exports.close_modal(target_name);
|
|
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
});
|
|
});
|
|
|
|
return exports;
|
|
|
|
}());
|
|
|
|
if (typeof module !== 'undefined') {
|
|
module.exports = modals;
|
|
}
|