{{!
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/content/export/external_page
Renders content in a basic HTML wrapper designed for viewing offline.
This template is not for use within moodle.
Classes required for JS:
* none
Data attributes required for JS:
* none
Context variables required for this template:
* global
Example context (json):
{
"global": {
"righttoleft": 0,
"language": "en",
"sitename": "Kevin's Emporium of fine course material",
"siteurl": "https://kevin.example.com",
"pathtotop": "./",
"contentexportfooter": "This file is part of the content downloaded from <a href='https://example.com'>Kevin's Emporium of fine course material</a> by Jennifer Collins on Tuesday, 24th February 2021, 12:21 am.",
"contentexportsummary": "This file is part of the content downloaded from <a href='https://example.com/course/view.php?id=4'>Kevin's Emporium of fine course material</a> on Tuesday, 24th February 2021, 12:21 am.",
"coursename": "Marketing 101",
"courseshortname": "MKT101",
"courselink": "https://example.com/course/view.php?id=4",
"exportdate": "Tuesday, 24th February 2021, 12:21 am",
"maxfilesize": "40MB"
}
}
}}
<!DOCTYPE html>
<html lang="{{global.language}}"{{#global.righttoleft}} dir="rtl"{{/global.righttoleft}}>
<head>
<meta charset="UTF-8">
<title>{{{global.sitename}}} - {{{global.coursename}}}</title>
<link rel="stylesheet" type="text/css" href="{{global.pathtotop}}/shared/moodle.css" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
</head>
<body>
<div class="d-flex flex-column h-100">
<nav class="navbar navbar-light bg-white border-bottom">
<div class="container-fluid p-0">
<a class="navbar-brand" href="{{{global.siteurl}}}" title="{{{global.sitename}}}">
{{{global.sitename}}}
</a>
</div>
</nav>
<main class="container-fluid mt-2 flex-grow-1 flex-shrink-1">
<div>
<h1><a href="{{global.pathtotop}}index.html">{{{global.coursename}}}</a></h1>
<p>{{global.courseshortname}}</p>
{{$pagecontent}}{{/pagecontent}}
</div>
</main>
<footer id="page-footer" class="py-3">
<div class="container">
<div>{{{global.contentexportfooter}}}</div>
</div>
</footer>
</div>
</body>
</html>