' + H5P.t('contentChanged') + '
' + H5P.t('startingOver') + '
', $container); H5P.jQuery(dialog).on('dialog-opened', function (event, $dialog){ var closeDialog=function (event){ if(event.type==='click'||event.which===32){ dialog.close(); H5P.deleteUserData(contentId, 'state', 0); }}; $dialog.find('.h5p-dialog-ok-button').click(closeDialog).keypress(closeDialog); H5P.trigger(instance, 'resize'); }).on('dialog-closed', function (){ H5P.trigger(instance, 'resize'); }); dialog.open(); }}); var instance=H5P.newRunnable(library, contentId, $container, true, {standalone: true}); H5P.offlineRequestQueue=new H5P.OfflineRequestQueue({instance: instance}); if(contentData.fullScreen==1&&H5P.fullscreenSupported){ H5P.jQuery('' +
'
')
.prependTo($container)
.children()
.click(function (){
H5P.fullScreen($container, instance);
})
.keydown(function (e){
if(e.which===32||e.which===13){
H5P.fullScreen($container, instance);
return false;
}})
;
}
var displayOptions=contentData.displayOptions;
var displayFrame=false;
if(displayOptions.frame){
if(displayOptions.copyright){
var copyrights=H5P.getCopyrights(instance, library.params, contentId, library.metadata);
if(!copyrights){
displayOptions.copyright=false;
}}
var actionBar=new H5P.ActionBar(displayOptions);
var $actions=actionBar.getDOMElement();
actionBar.on('reuse', function (){
H5P.openReuseDialog($actions, contentData, {
library: contentData.library,
params: JSON.parse(contentData.jsonContent),
metadata: contentData.metadata
}, instance, contentId);
instance.triggerXAPI('accessed-reuse');
});
actionBar.on('copyrights', function (){
var dialog=new H5P.Dialog('copyrights', H5P.t('copyrightInformation'), copyrights, $container, $actions.find('.h5p-copyrights')[0]);
dialog.open(true);
instance.triggerXAPI('accessed-copyright');
});
actionBar.on('embed', function (){
H5P.openEmbedDialog($actions, contentData.embedCode, contentData.resizeCode, {
width: $element.width(),
height: $element.height()
}, instance);
instance.triggerXAPI('accessed-embed');
});
if(actionBar.hasActions()){
displayFrame=true;
$actions.insertAfter($container);
}}
$element.addClass(displayFrame ? 'h5p-frame':'h5p-no-frame');
H5P.opened[contentId]=new Date();
H5P.on(instance, 'finish', function (event){
if(event.data!==undefined){
H5P.setFinished(contentId, event.data.score, event.data.maxScore, event.data.time);
}});
H5P.on(instance, 'xAPI', H5P.xAPICompletedListener);
if(H5PIntegration.saveFreq!==false&&(
instance.getCurrentState instanceof Function ||
typeof instance.getCurrentState==='function')){
var saveTimer, save=function (){
var state=instance.getCurrentState();
if(state!==undefined){
H5P.setUserData(contentId, 'state', state, {deleteOnChange: true});
}
if(H5PIntegration.saveFreq){
saveTimer=setTimeout(save, H5PIntegration.saveFreq * 1000);
}};
if(H5PIntegration.saveFreq){
saveTimer=setTimeout(save, H5PIntegration.saveFreq * 1000);
}
H5P.on(instance, 'xAPI', function (event){
var verb=event.getVerb();
if(verb==='completed'||verb==='progressed'){
clearTimeout(saveTimer);
saveTimer=setTimeout(save, 3000);
}});
}
if(H5P.isFramed){
var resizeDelay;
if(H5P.externalEmbed===false){
var iframe=window.frameElement;
var resizeIframe=function (){
if(window.parent.H5P.isFullscreen){
return;
}
var parentHeight=iframe.parentElement.style.height;
iframe.parentElement.style.height=iframe.parentElement.clientHeight + 'px';
iframe.getBoundingClientRect();
iframe.style.height='1px';
iframe.style.height=(iframe.contentDocument.body.scrollHeight) + 'px';
iframe.parentElement.style.height=parentHeight;
};
H5P.on(instance, 'resize', function (){
clearTimeout(resizeDelay);
resizeDelay=setTimeout(function (){
resizeIframe();
}, 1);
});
}
else if(H5P.communicator){
var parentIsFriendly=false;
H5P.communicator.on('ready', function (){
H5P.communicator.send('hello');
});
H5P.communicator.on('hello', function (){
parentIsFriendly=true;
document.body.style.height='auto';
document.body.style.overflow='hidden';
H5P.trigger(instance, 'resize');
});
H5P.communicator.on('resizePrepared', function (){
H5P.communicator.send('resize', {
scrollHeight: document.body.scrollHeight
});
});
H5P.communicator.on('resize', function (){
H5P.trigger(instance, 'resize');
});
H5P.on(instance, 'resize', function (){
if(H5P.isFullscreen){
return;
}
clearTimeout(resizeDelay);
resizeDelay=setTimeout(function (){
if(parentIsFriendly){
H5P.communicator.send('prepareResize', {
scrollHeight: document.body.scrollHeight,
clientHeight: document.body.clientHeight
});
}else{
H5P.communicator.send('hello');
}}, 0);
});
}}
if(!H5P.isFramed||H5P.externalEmbed===false){
H5P.jQuery(window.parent).resize(function (){
H5P.trigger(instance, 'resize');
});
}
H5P.instances.push(instance);
H5P.trigger(instance, 'resize');
$element.addClass('using-mouse');
$element.on('mousedown keydown keyup', function (event){
$element.toggleClass('using-mouse', event.type==='mousedown');
});
if(H5P.externalDispatcher){
H5P.externalDispatcher.trigger('initialized');
}});
H5P.jQuery('iframe.h5p-iframe:not(.h5p-initialized)', target).each(function (){
const iframe=this;
const $iframe=H5P.jQuery(iframe);
const contentId=$iframe.data('content-id');
const contentData=H5PIntegration.contents['cid-' + contentId];
const contentLanguage=contentData&&contentData.metadata&&contentData.metadata.defaultLanguage
? contentData.metadata.defaultLanguage:'en';
const writeDocument=function (){
iframe.contentDocument.open();
iframe.contentDocument.write('' + H5P.getHeadTags(contentId) + '');
iframe.contentDocument.close();
};
$iframe.addClass('h5p-initialized')
if(iframe.contentDocument===null){
$iframe.on('load', writeDocument);
$iframe.attr('src', 'about:blank');
}else{
writeDocument();
}});
};
H5P.getHeadTags=function (contentId){
var createStyleTags=function (styles){
var tags='';
for (var i=0; i < styles.length; i++){
tags +='';
}
return tags;
};
var createScriptTags=function (scripts){
var tags='';
for (var i=0; i < scripts.length; i++){
tags +='';
}
return tags;
};
return '' +
'
' +
'\
')
.insertAfter($element)
.click(function (e){
if(e&&e.originalEvent&&e.originalEvent.preventClosing){
return;
}
self.close();
})
.children('.h5p-inner')
.click(function (e){
e.originalEvent.preventClosing=true;
})
.find('.h5p-close')
.click(function (){
self.close();
})
.keypress(function (e){
if(e.which===13||e.which===32){
self.close();
return false;
}})
.end()
.find('a')
.click(function (e){
e.stopPropagation();
})
.end()
.end();
self.open=function (scrollbar){
if(scrollbar){
$dialog.css('height', '100%');
}
setTimeout(function (){
$dialog.addClass('h5p-open');
H5P.jQuery(self).trigger('dialog-opened', [$dialog]);
$dialog.focus();
}, 1);
};
self.close=function (){
$dialog.removeClass('h5p-open');
setTimeout(function (){
$dialog.remove();
H5P.jQuery(self).trigger('dialog-closed', [$dialog]);
$element.attr('tabindex', '-1');
if($returnElement){
$returnElement.focus();
}
else if(self.activeElement){
self.activeElement.focus();
}else{
$element.focus();
}}, 200);
};};
H5P.getCopyrights=function (instance, parameters, contentId, metadata){
var copyrights;
if(instance.getCopyrights!==undefined){
try {
copyrights=instance.getCopyrights();
}
catch (err){
}}
if(copyrights===undefined){
copyrights=new H5P.ContentCopyrights();
H5P.findCopyrights(copyrights, parameters, contentId);
}
var metadataCopyrights=H5P.buildMetadataCopyrights(metadata, instance.libraryInfo.machineName);
if(metadataCopyrights!==undefined){
copyrights.addMediaInFront(metadataCopyrights);
}
if(copyrights!==undefined){
copyrights=copyrights.toString();
}
return copyrights;
};
H5P.findCopyrights=function (info, parameters, contentId, extras){
if(extras){
extras.params=parameters;
buildFromMetadata(extras, extras.machineName, contentId);
}
var lastContentTypeName;
for (var field in parameters){
if(!parameters.hasOwnProperty(field)){
continue;
}
if(field==='overrideSettings'){
console.warn("The semantics field 'overrideSettings' is DEPRECATED and should not be used.");
console.warn(parameters);
continue;
}
var value=parameters[field];
if(value&&value.library&&typeof value.library==='string'){
lastContentTypeName=value.library.split(' ')[0];
}
else if(value&&value.library&&typeof value.library==='object'){
lastContentTypeName=(value.library.library&&typeof value.library.library==='string') ? value.library.library.split(' ')[0]:lastContentTypeName;
}
if(value instanceof Array){
H5P.findCopyrights(info, value, contentId);
}
else if(value instanceof Object){
buildFromMetadata(value, lastContentTypeName, contentId);
if(value.copyright===undefined ||
value.copyright.license===undefined ||
value.path===undefined ||
value.mime===undefined){
H5P.findCopyrights(info, value, contentId);
}else{
var copyrights=new H5P.MediaCopyright(value.copyright);
if(value.width!==undefined&&value.height!==undefined){
copyrights.setThumbnail(new H5P.Thumbnail(H5P.getPath(value.path, contentId), value.width, value.height));
}
info.addMedia(copyrights);
}}
}
function buildFromMetadata(data, name, contentId){
if(data.metadata){
const metadataCopyrights=H5P.buildMetadataCopyrights(data.metadata, name);
if(metadataCopyrights!==undefined){
if(data.params&&data.params.contentName==='Image'&&data.params.file){
const path=data.params.file.path;
const width=data.params.file.width;
const height=data.params.file.height;
metadataCopyrights.setThumbnail(new H5P.Thumbnail(H5P.getPath(path, contentId), width, height, data.params.alt));
}
info.addMedia(metadataCopyrights);
}}
}};
H5P.buildMetadataCopyrights=function (metadata){
if(metadata&&metadata.license!==undefined&&metadata.license!=='U'){
var dataset={
contentType: metadata.contentType,
title: metadata.title,
author: (metadata.authors&&metadata.authors.length > 0) ? metadata.authors.map(function (author){
return (author.role) ? author.name + ' (' + author.role + ')':author.name;
}).join(', '):undefined,
source: metadata.source,
year: (metadata.yearFrom) ? (metadata.yearFrom + ((metadata.yearTo) ? '-' + metadata.yearTo: '')):undefined,
license: metadata.license,
version: metadata.licenseVersion,
licenseExtras: metadata.licenseExtras,
changes: (metadata.changes&&metadata.changes.length > 0) ? metadata.changes.map(function (change){
return change.log + (change.author ? ', ' + change.author:'') + (change.date ? ', ' + change.date:'');
}).join(' / '):undefined
};
return new H5P.MediaCopyright(dataset);
}};
H5P.openReuseDialog=function ($element, contentData, library, instance, contentId){
let html='';
let buttonCount=0;
if(contentData.displayOptions.export){
html +='';
buttonCount +=1;
}
if(contentData.displayOptions.export&&contentData.displayOptions.copy){
html +='\
\
' + title + '
\' + content + '
\
\
or
';
}
if(contentData.displayOptions.copy){
html +='';
buttonCount +=1;
}
const dialog=new H5P.Dialog('reuse', H5P.t('reuseContent'), html, $element);
H5P.jQuery(dialog).on('dialog-opened', function (e, $dialog){
const scrollContent=$dialog[0].querySelector('.h5p-scroll-content');
scrollContent.style.setProperty('--button-count', buttonCount);
H5P.jQuery('More Info').click(function (e){
e.stopPropagation();
}).appendTo($dialog.find('h2'));
$dialog.find('.h5p-download-button').click(function (){
window.location.href=contentData.exportUrl;
instance.triggerXAPI('downloaded');
dialog.close();
});
$dialog.find('.h5p-copy-button').click(function (){
const item=new H5P.ClipboardItem(library);
item.contentId=contentId;
H5P.setClipboard(item);
instance.triggerXAPI('copied');
dialog.close();
H5P.attachToastTo(H5P.jQuery('.h5p-content:first')[0],
H5P.t('contentCopied'),
{
position: {
horizontal: 'centered',
vertical: 'centered',
noOverflowX: true
}}
);
});
H5P.trigger(instance, 'resize');
}).on('dialog-closed', function (){
H5P.trigger(instance, 'resize');
});
dialog.open();
};
H5P.openEmbedDialog=function ($element, embedCode, resizeCode, size, instance){
var fullEmbedCode=embedCode + resizeCode;
var dialog=new H5P.Dialog('embed', H5P.t('embed'), '' + H5P.t('size') + ': × px', $element); H5P.jQuery(dialog).on('dialog-opened', function (event, $dialog){ var $inner=$dialog.find('.h5p-inner'); var $scroll=$inner.find('.h5p-scroll-content'); var diff=$scroll.outerHeight() - $scroll.innerHeight(); var positionInner=function (){ H5P.trigger(instance, 'resize'); }; var $w=$dialog.find('.h5p-embed-size:eq(0)'); var $h=$dialog.find('.h5p-embed-size:eq(1)'); var getNum=function ($e, d){ var num=parseFloat($e.val()); if(isNaN(num)){ return d; } return Math.ceil(num); }; var updateEmbed=function (){ $dialog.find('.h5p-embed-code-container:first').val(fullEmbedCode.replace(':w', getNum($w, size.width)).replace(':h', getNum($h, size.height))); }; $w.change(updateEmbed); $h.change(updateEmbed); updateEmbed(); $dialog.find('.h5p-embed-code-container').each(function (){ H5P.jQuery(this).css('height', this.scrollHeight + 'px').focus(function (){ H5P.jQuery(this).select(); }); }); $dialog.find('.h5p-embed-code-container').eq(0).select(); positionInner(); var expand=function (){ var $expander=H5P.jQuery(this); var $content=$expander.next(); if($content.is(':visible')){ $expander.removeClass('h5p-open').text(H5P.t('showAdvanced')).attr('aria-expanded', 'true'); $content.hide(); }else{ $expander.addClass('h5p-open').text(H5P.t('hideAdvanced')).attr('aria-expanded', 'false'); $content.show(); } $dialog.find('.h5p-embed-code-container').each(function (){ H5P.jQuery(this).css('height', this.scrollHeight + 'px'); }); positionInner(); }; $dialog.find('.h5p-expander').click(expand).keypress(function (event){ if(event.keyCode===32){ expand.apply(this); return false; }}); }).on('dialog-closed', function (){ H5P.trigger(instance, 'resize'); }); dialog.open(); }; H5P.attachToastTo=function (element, message, config){ if(element===undefined||message===undefined){ return; } const eventPath=function (evt){ var path=(evt.composedPath&&evt.composedPath())||evt.path; var target=evt.target; if(path!=null){ return (path.indexOf(window) < 0) ? path.concat(window):path; } if(target===window){ return [window]; } function getParents(node, memo){ memo=memo||[]; var parentNode=node.parentNode; if(!parentNode){ return memo; }else{ return getParents(parentNode, memo.concat(parentNode)); }} return [target].concat(getParents(target), window); }; const clickHandler=function (event){ var path=eventPath(event); if(path.indexOf(element)!==-1){ return; } clearTimeout(timer); removeToast(); }; const removeToast=function (){ document.removeEventListener('click', clickHandler); if(toast.parentNode){ toast.parentNode.removeChild(toast); }}; const getToastCoordinates=function (element, toast, position){ position=position||{}; position.offsetHorizontal=position.offsetHorizontal||0; position.offsetVertical=position.offsetVertical||0; const toastRect=toast.getBoundingClientRect(); const elementRect=element.getBoundingClientRect(); let left=0; let top=0; switch (position.horizontal){ case 'before': left=elementRect.left - toastRect.width - position.offsetHorizontal; break; case 'after': left=elementRect.left + elementRect.width + position.offsetHorizontal; break; case 'left': left=elementRect.left + position.offsetHorizontal; break; case 'right': left=elementRect.left + elementRect.width - toastRect.width - position.offsetHorizontal; break; case 'centered': left=elementRect.left + elementRect.width / 2 - toastRect.width / 2 + position.offsetHorizontal; break; default: left=elementRect.left + elementRect.width / 2 - toastRect.width / 2 + position.offsetHorizontal; } switch (position.vertical){ case 'above': top=elementRect.top - toastRect.height - position.offsetVertical; break; case 'below': top=elementRect.top + elementRect.height + position.offsetVertical; break; case 'top': top=elementRect.top + position.offsetVertical; break; case 'bottom': top=elementRect.top + elementRect.height - toastRect.height - position.offsetVertical; break; case 'centered': top=elementRect.top + elementRect.height / 2 - toastRect.height / 2 + position.offsetVertical; break; default: top=elementRect.top + elementRect.height + position.offsetVertical; } const overflowElement=document.body; const bounds=overflowElement.getBoundingClientRect(); if((position.noOverflowLeft||position.noOverflowX)&&(left < bounds.x)){ left=bounds.x; } if((position.noOverflowRight||position.noOverflowX)&&((left + toastRect.width) > (bounds.x + bounds.width))){ left=bounds.x + bounds.width - toastRect.width; } if((position.noOverflowTop||position.noOverflowY)&&(top < bounds.y)){ top=bounds.y; } if((position.noOverflowBottom||position.noOverflowY)&&((top + toastRect.height) > (bounds.y + bounds.height))){ left=bounds.y + bounds.height - toastRect.height; } return {left: left, top: top};}; config=config||{}; config.style=config.style||'h5p-toast'; config.duration=config.duration||3000; const toast=document.createElement('div'); toast.setAttribute('id', config.style); toast.classList.add('h5p-toast-disabled'); toast.classList.add(config.style); const msg=document.createElement('span'); msg.innerHTML=message; toast.appendChild(msg); document.body.appendChild(toast); const coordinates=getToastCoordinates(element, toast, config.position); toast.style.left=Math.round(coordinates.left) + 'px'; toast.style.top=Math.round(coordinates.top) + 'px'; toast.classList.remove('h5p-toast-disabled'); const timer=setTimeout(removeToast, config.duration); document.addEventListener('click', clickHandler); }; H5P.ContentCopyrights=function (){ var label; var media=[]; var content=[]; this.setLabel=function (newLabel){ label=newLabel; }; this.addMedia=function (newMedia){ if(newMedia!==undefined){ media.push(newMedia); }}; this.addMediaInFront=function (newMedia){ if(newMedia!==undefined){ media.unshift(newMedia); }}; this.addContent=function (newContent){ if(newContent!==undefined){ content.push(newContent); }}; this.toString=function (){ var html=''; for (var i=0; i < media.length; i++){ html +=media[i]; } for (i=0; i < content.length; i++){ html +=content[i]; } if(html!==''){ if(label!==undefined){ html='
' + label + '
' + html; } html='' + html + '
';
}
return html;
};};
H5P.MediaCopyright=function (copyright, labels, order, extraFields){
var thumbnail;
var list=new H5P.DefinitionList();
var getLabel=function (fieldName){
if(labels===undefined||labels[fieldName]===undefined){
return H5P.t(fieldName);
}
return labels[fieldName];
};
var humanizeLicense=function (license, version){
var copyrightLicense=H5P.copyrightLicenses[license];
var value='';
if(!(license==='PD'&&version)){
value +=(copyrightLicense.hasOwnProperty('label') ? copyrightLicense.label:copyrightLicense);
}
var versionInfo;
if(copyrightLicense.versions){
if(copyrightLicense.versions.default&&(!version||!copyrightLicense.versions[version])){
version=copyrightLicense.versions.default;
}
if(version&©rightLicense.versions[version]){
versionInfo=copyrightLicense.versions[version];
}}
if(versionInfo){
if(value){
value +=' ';
}
value +=(versionInfo.hasOwnProperty('label') ? versionInfo.label:versionInfo);
}
var link;
if(copyrightLicense.hasOwnProperty('link')){
link=copyrightLicense.link.replace(':version', copyrightLicense.linkVersions ? copyrightLicense.linkVersions[version]:version);
}
else if(versionInfo&©rightLicense.hasOwnProperty('link')){
link=versionInfo.link;
}
if(link){
value='' + value + '';
}
var parenthesis='';
if(license!=='PD'&&license!=='C'){
parenthesis +=license;
}
if(version&&version!=='CC0 1.0'){
if(parenthesis&&license!=='GNU GPL'){
parenthesis +=' ';
}
parenthesis +=version;
}
if(parenthesis){
value +=' (' + parenthesis + ')';
}
if(license==='C'){
value +=' ©';
}
return value;
};
if(copyright!==undefined){
for (var field in extraFields){
if(extraFields.hasOwnProperty(field)){
copyright[field]=extraFields[field];
}}
if(order===undefined){
order=['contentType', 'title', 'license', 'author', 'year', 'source', 'licenseExtras', 'changes'];
}
for (var i=0; i < order.length; i++){
var fieldName=order[i];
if(copyright[fieldName]!==undefined&©right[fieldName]!==''){
var humanValue=copyright[fieldName];
if(fieldName==='license'){
humanValue=humanizeLicense(copyright.license, copyright.version);
}
if(fieldName==='source'){
humanValue=(humanValue) ? '' + humanValue + '':undefined;
}
list.add(new H5P.Field(getLabel(fieldName), humanValue));
}}
}
this.setThumbnail=function (newThumbnail){
thumbnail=newThumbnail;
};
this.undisclosed=function (){
if(list.size()===1){
var field=list.get(0);
if(field.getLabel()===getLabel('license')&&field.getValue()===humanizeLicense('U')){
return true;
}}
return false;
};
this.toString=function (){
var html='';
if(this.undisclosed()){
return html;
}
if(thumbnail!==undefined){
html +=thumbnail;
}
html +=list;
if(html!==''){
html='' + html + '
';
}
return html;
};};
H5P.Thumbnail=function (source, width, height, alt){
var thumbWidth, thumbHeight=100;
if(width!==undefined){
thumbWidth=Math.round(thumbHeight * (width / height));
}
this.toString=function (){
return '- ' + html + '