mirror of https://github.com/zulip/zulip.git
130 lines
3.1 KiB
JavaScript
130 lines
3.1 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.info_overlay_open = function () {
|
|
return open_modal_name === 'informationalOverlays';
|
|
};
|
|
|
|
exports.settings_open = function () {
|
|
return open_modal_name === 'settings';
|
|
};
|
|
|
|
exports.lightbox_open = function () {
|
|
return open_modal_name === 'lightbox';
|
|
};
|
|
|
|
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) {
|
|
blueslip.error("Trying to close " + name + " when " + open_modal_name + " is open." );
|
|
return;
|
|
}
|
|
|
|
active_overlay.removeClass("show");
|
|
|
|
if (!close_handler) {
|
|
blueslip.error("Modal close handler for " + name + " not properly setup." );
|
|
return;
|
|
}
|
|
|
|
close_handler();
|
|
};
|
|
|
|
exports.close_active = function () {
|
|
if (!open_modal_name) {
|
|
blueslip.warn('close_active() called without checking is_active()');
|
|
return;
|
|
}
|
|
|
|
exports.close_modal(open_modal_name);
|
|
};
|
|
|
|
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;
|
|
}
|