open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

no innerHTML on messageBox()

Browse Source
This commit is contained in:
Jeremy Schomery 2017-07-19 17:26:32 +04:30 committed by tophf
parent 53683dcbbd
commit 9870a8041c
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
msgbox/msgbox.js
View File

@ -1,8 +1,8 @@
'use strict'; 'use strict';
function messageBox({ function messageBox({
title, // [mandatory] the title string for innerHTML title, // [mandatory] string
contents, // [mandatory] 1) DOM element 2) string for innerHTML contents, // [mandatory] 1) DOM element 2) string
className = '', // string, CSS class name of the message box element className = '', // string, CSS class name of the message box element
buttons = [], // array of strings used as labels buttons = [], // array of strings used as labels
onshow, // function(messageboxElement) invoked after the messagebox is shown onshow, // function(messageboxElement) invoked after the messagebox is shown
@ -52,10 +52,9 @@ function messageBox({
unbindAndRemoveSelf(); unbindAndRemoveSelf();
} }
const id = 'message-box'; const id = 'message-box';
const putAs = typeof contents === 'string' ? 'innerHTML' : 'appendChild';
messageBox.element = $element({id, className, appendChild: [ messageBox.element = $element({id, className, appendChild: [
$element({appendChild: [ $element({appendChild: [
$element({id: `${id}-title`, innerHTML: title}), $element({id: `${id}-title`, textContent: title}),
$element({id: `${id}-close-icon`, appendChild: $element({id: `${id}-close-icon`, appendChild:
$element({tag: 'SVG#svg', class: 'svg-icon', viewBox: '0 0 20 20', appendChild: $element({tag: 'SVG#svg', class: 'svg-icon', viewBox: '0 0 20 20', appendChild:
$element({tag: 'SVG#path', d: 'M11.69,10l4.55,4.55-1.69,1.69L10,11.69,' + $element({tag: 'SVG#path', d: 'M11.69,10l4.55,4.55-1.69,1.69L10,11.69,' +
@ -63,7 +62,7 @@ function messageBox({
}) })
}), }),
onclick: messageBox.listeners.closeIcon}), onclick: messageBox.listeners.closeIcon}),
$element({id: `${id}-contents`, [putAs]: contents}), $element({id: `${id}-contents`, appendChild: tHTML(contents)}),
$element({id: `${id}-buttons`, appendChild: $element({id: `${id}-buttons`, appendChild:
buttons.map((textContent, buttonIndex) => textContent && buttons.map((textContent, buttonIndex) => textContent &&
$element({ $element({