dialog_widget: Add support for having a custom id on the container element.

This commit is contained in:
Ganesh Pawar 2021-07-21 17:13:29 +05:30 committed by Tim Abbott
parent 1e8bfa710e
commit c429c5d70e
2 changed files with 3 additions and 1 deletions

View File

@ -78,6 +78,7 @@ export function launch(conf) {
// * close_on_submit: Whether to close modal on clicking submit.
// * focus_submit_on_open: Whether to focus submit button on open.
// * help_link: A help link in the heading area.
// * id: Custom id to the container element to modify styles.
for (const f of mandatory_fields) {
if (conf[f] === undefined) {
@ -97,6 +98,7 @@ export function launch(conf) {
link: conf.help_link,
html_submit_button,
html_body: conf.html_body,
id: conf.id,
});
const dialog = $(html);
$("body").append(dialog);

View File

@ -1,6 +1,6 @@
<div class="micromodal" id="dialog_widget_modal" aria-hidden="true">
<div class="modal__overlay" tabindex="-1" data-micromodal-close>
<div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="dialog_title">
<div {{#if id}}id="{{id}}" {{/if}}class="modal__container" role="dialog" aria-modal="true" aria-labelledby="dialog_title">
<header class="modal__header">
<h1 class="modal__title dialog_heading">
{{{ heading_text }}}