moodle/h5p/templates/h5pembed.mustache
Sara Arjona ec8f84d8af
MDL-79543 h5p: Include attempts info and link
Co-authored-by: Ferran Recio <ferran@moodle.com>
2024-02-23 15:42:16 +01:00

72 lines
2.4 KiB
Plaintext

{{!
This file is part of Moodle - http://moodle.org/
Moodle is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
Moodle is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with Moodle. If not, see <http://www.gnu.org/licenses/>.
}}
{{!
@template core_h5p/h5pembed
This template will render the embed code shown in the H5P content embed popup.
H5P implements iframe autoheight but if the content is not available it does
not work and we need ensure a minimum height using javascript. Otherwise the user
will not see the error.
Variables required for this template:
* embedurl - The URL with the H5P file to embed
* editurl - The URL for the edit button; if it's empty, the edit button won't be displayed.
Example context (json):
{
"embedurl": "http://example.com/h5p/embed.php?url=testurl",
"editurl": "http://example.com/h5p/embed.php?url=testurl&edit=1",
"extraactions": [
{
"text": "View attempts (2)",
"url": "http://example.com/mod/h5pactivity/report.php?a=1",
"icon": {
"key": "i\/chartbar",
"component": "core",
"title": ""
}
}
]
}
}}
<div class="d-flex justify-content-end mb-3">
{{#extraactions}}
<a href="{{url}}" class="btn text-primary">
{{#icon}}{{#pix}}{{key}}, {{component}}, {{title}}{{/pix}}{{/icon}}
{{text}}
</a>
{{/extraactions}}
{{#editurl}}
<a href="{{editurl}}" class="btn text-primary">
{{#pix}}i/edit, core{{/pix}}
{{#str}}editcontent, core_h5p{{/str}}
</a>
{{/editurl}}
</div>
<iframe
src="{{embedurl}}"
name="h5player"
width=":w"
height=":h"
allowfullscreen="allowfullscreen"
class="h5p-player w-100 border-0"
style="height: 0px;"
id="{{uniqid}}-h5player"
></iframe>