mediawiki-extensions-Popups/src/ui/templates/preview.js

/**
 * @module preview
 */

import { escapeHTML } from './templateUtil';

/**
 * @param {ext.popups.PreviewModel} model
 * @param {boolean} showTitle
 * @param {string} extractMsg
 * @param {string} linkMsg
 * @return {string} HTML string.
 */
export function renderPreview(
	{ title, url, type }, showTitle, extractMsg, linkMsg
) {
	title = escapeHTML( title );
	extractMsg = escapeHTML( extractMsg );
	linkMsg = escapeHTML( linkMsg );
	return `
	<div class='mwe-popups mwe-popups-type-${type}' role='tooltip' aria-hidden>
		<div class='mwe-popups-container'>
			<div class='mw-ui-icon mw-ui-icon-element mw-ui-icon-preview-${type}'></div>
			${showTitle ? `<strong class='mwe-popups-title'>${title}</strong>` : ''}
			<a href='${url}' class='mwe-popups-extract'>
					<span class='mwe-popups-message'>${extractMsg}</span>
			</a>
			<footer>
				<a href='${url}' class='mwe-popups-read-link'>${linkMsg}</a>
			</footer>
		</div>
	</div>
	`.trim();
}