moodle/lib/templates/context_header.mustache
Paul Holden cff22cd5ab
MDL-82055 output: replace usage of named templatable interface.
It's not available during, and breaks, site installation. The output
class doesn't necessarily need it in 78db6bbce8, so switch to simple
templatable interface instead.
2024-05-31 13:04:30 +01:00

76 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/context_header
Context header template.
Example context (json):
{
"heading": "<h2>Page title</h2>",
"prefix": "Page prefix",
"hasadditionalbuttons": true,
"additionalbuttons": [
{
"url": "http://example.com",
"title": "Button title",
"formattedimage": "http://example.com/image.jpg",
"attributes": [
{
"name": "data-attribute",
"value": "attribute value"
},
{
"name": "class",
"value": "btn btn-primary"
}
]
}
]
}
}}
<div class="page-context-header d-flex align-items-center mb-2">
{{#imagedata}}
<div class="page-header-image">
{{{imagedata}}}
</div>
{{/imagedata}}
<div class="page-header-headings">
{{#prefix}}
<div class="text-muted text-uppercase small line-height-3">
{{{prefix}}}
</div>
{{/prefix}}
{{{heading}}}
</div>
{{#hasadditionalbuttons}}
<div class="btn-group header-button-group mx-3">
{{#additionalbuttons}}
<a href="{{url}}" {{#attributes}} {{name}}="{{value}}" {{/attributes}}>
{{#page}}
{{#pix}}{{formattedimage}}{{/pix}}
<span class="header-button-title">{{title}}</span>
{{/page}}
{{^page}}
<img src="{{formattedimage}}" alt="{{title}}">
{{/page}}
</a>
{{/additionalbuttons}}
</div>
{{/hasadditionalbuttons}}
</div>