Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 | 1x 1x 1x 1x 1x 2x 1x | const
View = require( './View' ),
util = require( './util' );
/**
* Render CSS version of Codex message component.
*/
class MessageBox extends View {
/**
* @inheritdoc
*/
constructor( props ) {
super( props );
}
/**
* @inheritdoc
*/
get isTemplateMode() {
return true;
}
/**
* @mixes module:mobile.startup/View#defaults
* @property {Object} defaults Default options hash.
* @property {string} [defaults.heading] heading to show along with message (text)
* @property {string} defaults.msg message to show (html)
* @property {string} defaults.type either error, notice or warning
* @property {string} defaults.className
*/
get defaults() {
return {};
}
get template() {
return util.template( `
<div
class="cdx-message cdx-message--block cdx-message--{{type}} {{className}}"
aria-live="polite"
>
<!-- Empty span for message icon. -->
<span class="cdx-message__icon"></span>
<!-- Div for content. -->
<div class="cdx-message__content">
{{#heading}}<h2>{{heading}}</h2>{{/heading}}
{{{msg}}}
</div>
</div>
` );
}
}
module.exports = MessageBox;
|