059263cf7ba8627639df1875f8787eee471468c7
[moodle.git] / blocks / myoverview / templates / main.mustache
1 {{!
2     This file is part of Moodle - http://moodle.org/
4     Moodle is free software: you can redistribute it and/or modify
5     it under the terms of the GNU General Public License as published by
6     the Free Software Foundation, either version 3 of the License, or
7     (at your option) any later version.
9     Moodle is distributed in the hope that it will be useful,
10     but WITHOUT ANY WARRANTY; without even the implied warranty of
11     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
12     GNU General Public License for more details.
14     You should have received a copy of the GNU General Public License
15     along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
16 }}
17 {{!
18     @template block_myoverview/main
20     This template renders the main content area for the myoverview block.
22     Example context (json):
23     {}
24 }}
26 <div id="block-myoverview-{{uniqid}}" class="block-myoverview block-cards" data-region="myoverview" role="navigation">
28             <div data-region="filter" class="d-flex align-items-center flex-wrap" aria-label="{{#str}} aria:controls, block_myoverview {{/str}}">
29                 {{> block_myoverview/nav-grouping-selector }}
31                 {{> block_myoverview/nav-sort-selector }}
33                 {{> block_myoverview/nav-display-selector }}
34             </div>
36     <div class="container-fluid p-0">
37         {{> block_myoverview/courses-view }}
38     </div>
39 </div>
40 {{#js}}
41 require(
42 [
43     'jquery',
44     'block_myoverview/main',
45 ],
46 function(
47     $,
48     Main
49 ) {
50     var root = $('#block-myoverview-{{uniqid}}');
51     Main.init(root);
52 });
53 {{/js}}