paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-19 14:08:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
static/js/dialog_widget.js
View File

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

2
static/templates/dialog_widget.hbs
View File

@@ -1,6 +1,6 @@
<div class="micromodal" id="dialog_widget_modal" aria-hidden="true"> <div class="micromodal" id="dialog_widget_modal" aria-hidden="true">
<div class="modal__overlay" tabindex="-1" data-micromodal-close> <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"> <header class="modal__header">
<h1 class="modal__title dialog_heading"> <h1 class="modal__title dialog_heading">
{{{ heading_text }}} {{{ heading_text }}}