mirror of
https://github.com/zulip/zulip.git
synced 2025-11-04 14:03:30 +00:00
28f3dfa284
This commit was originally automatically generated using `tools/lint --only=eslint --fix`. It was then modified by tabbott to contain only changes to a set of files that are unlikely to result in significant merge conflicts with any open pull request, excluding about 20 files. His plan is to merge the remaining changes with more precise care, potentially involving merging parts of conflicting pull requests before running the `eslint --fix` operation. Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
79 lines
2.2 KiB
JavaScript
79 lines
2.2 KiB
JavaScript
const render_confirm_dialog = require("../templates/confirm_dialog.hbs");
|
|
|
|
/*
|
|
Look for confirm_dialog in settings_user_groups
|
|
to see an example of how to use this widget. It's
|
|
pretty simple to use!
|
|
|
|
Some things to note:
|
|
|
|
1) We create DOM on the fly, and we remove
|
|
the DOM once it's closed.
|
|
|
|
2) We attach the DOM for the modal to conf.parent,
|
|
and this temporary DOM location will influence
|
|
how styles work.
|
|
|
|
3) The cancel button is driven by bootstrap.js.
|
|
|
|
4) For settings, we have a click handler in settings.js
|
|
that will close the dialog via overlays.close_active_modal.
|
|
|
|
5) We assume that since this is a modal, you will
|
|
only ever have one confirm dialog active at any
|
|
time.
|
|
|
|
*/
|
|
|
|
exports.launch = function (conf) {
|
|
const html = render_confirm_dialog();
|
|
const confirm_dialog = $(html);
|
|
|
|
const conf_fields = [
|
|
// The next three fields should be safe HTML. If callers
|
|
// interpolate user data into strings, they should use
|
|
// templates.
|
|
'html_heading',
|
|
'html_body',
|
|
'html_yes_button',
|
|
'on_click',
|
|
'parent',
|
|
];
|
|
|
|
_.each(conf_fields, function (f) {
|
|
if (!conf[f]) {
|
|
blueslip.error('programmer omitted ' + f);
|
|
}
|
|
});
|
|
|
|
conf.parent.append(confirm_dialog);
|
|
|
|
// Close any existing modals--on settings screens you can
|
|
// have multiple buttons that need confirmation.
|
|
if (overlays.is_modal_open()) {
|
|
overlays.close_modal('confirm_dialog_modal');
|
|
}
|
|
|
|
confirm_dialog.find('.confirm_dialog_heading').html(conf.html_heading);
|
|
confirm_dialog.find('.confirm_dialog_body').html(conf.html_body);
|
|
|
|
const yes_button = confirm_dialog.find('.confirm_dialog_yes_button');
|
|
|
|
yes_button.html(conf.html_yes_button);
|
|
|
|
// Set up handlers.
|
|
yes_button.on('click', function () {
|
|
overlays.close_modal('confirm_dialog_modal');
|
|
conf.on_click();
|
|
});
|
|
|
|
confirm_dialog.on('hide', function () {
|
|
confirm_dialog.remove();
|
|
});
|
|
|
|
// Open the modal
|
|
overlays.open_modal('confirm_dialog_modal');
|
|
};
|
|
|
|
window.confirm_dialog = exports;
|