<%
// Embeds a live sample from a interactive-examples.mdn.mozilla.net GitHub page
//
// Parameters:
// $0 - The URL of interactive-examples.mdn.mozilla.net page (relative)
// $1 - Optional custom height class to set on iframe element
//
// Example call {{EmbedInteractiveExample("pages/css/animation.html", "taller")}}
//
const url = (new URL($0, env.interactive_examples.base_url)).toString();
let heightClass = 'is-default-height';
if ($0.includes('/js/')) {
heightClass = 'is-js-height';
}
if ($1) {
let supportedHeights = ['shorter', 'taller', 'tabbed-shorter', 'tabbed-standard', 'tabbed-taller'];
let heightIsSupported = (supportedHeights.indexOf($1) > -1);
if (heightIsSupported) {
heightClass = 'is-' + $1 + '-height';
} else {
throw new Error(`An unrecognized second size parameter to EmbedInteractiveExample ('${$1}')`);
}
}
const text = mdn.localStringMap({
"de": {
"title": "Probieren Sie es aus",
},
"en-US": {
"title": "Try it",
},
"fr": {
"title": "Exemple interactif",
},
"ja": {
"title": "試してみましょう",
},
"ko": {
"title": "시도해보기",
},
"ru": {
"title": "Интерактивный пример",
},
"pt-BR": {
"title": "Experimente",
},
"es": {
"title": "Pruébalo",
},
"zh-CN": {
"title": "尝试一下",
},
"zh-TW": {
"title": "嘗試一下",
}
});
%>
<%=text["title"]%>