Commit | Line | Data |
---|---|---|
e4b4b9e7 BB |
1 | {{! |
2 | This file is part of Moodle - http://moodle.org/ | |
3 | ||
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. | |
8 | ||
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. | |
13 | ||
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/view-summary | |
19 | ||
20 | This template renders the list view for the myoverview block. | |
21 | ||
22 | Example context (json): | |
23 | { | |
24 | "courses": [ | |
25 | { | |
26 | "name": "Assignment due 1", | |
27 | "viewurl": "https://moodlesite/course/view.php?id=2", | |
28 | "courseimage": "https://moodlesite/pluginfile/123/course/overviewfiles/123.jpg", | |
29 | "fullname": "course 3", | |
30 | "summary": "This course is about assignments", | |
31 | "hasprogress": true, | |
32 | "progress": 10 | |
33 | } | |
34 | ] | |
35 | } | |
36 | }} | |
37 | <div role="list"> | |
38 | {{#courses}} | |
39 | <div class="course-summaryitem m-b-1 p-2" role="listitem"> | |
40 | <div class="row-fluid d-flex"> | |
3cfff885 BB |
41 | <a href="{{viewurl}}" class="col-sm-4 col-xl-3 span4 position-relative" tabindex="-1"> |
42 | <div class="position-absolute"> | |
43 | {{> block_myoverview/favourite-icon }} | |
44 | </div> | |
fe149a99 LB |
45 | <div class="card-img-top summaryimage" style='background-image: url("{{{courseimage}}}");'> |
46 | <span class="sr-only">{{#str}}aria:courseimage, block_myoverview{{/str}}</span> | |
47 | </div> | |
e4b4b9e7 BB |
48 | </a> |
49 | <div class="col-sm-8 col-xl-9 span8 align-self-stretch d-flex flex-column"> | |
3cfff885 BB |
50 | <div class="d-flex"> |
51 | <a href="{{viewurl}}"> | |
52 | <span class="sr-only">{{#str}}aria:coursename, block_myoverview{{/str}}</span> | |
53 | <h4>{{{fullname}}}</h4> | |
54 | </a> | |
55 | {{> block_myoverview/course-action-menu }} | |
56 | </div> | |
e4b4b9e7 BB |
57 | <div class="summary"> |
58 | <span class="sr-only">{{#str}}aria:coursesummary, block_myoverview{{/str}}</span> | |
59 | {{{summary}}} | |
60 | </div> | |
61 | <div class="ml-auto mt-auto w-50 p-t-1"> | |
62 | {{#hasprogress}} | |
63 | {{> block_myoverview/progress-bar}} | |
64 | {{/hasprogress}} | |
65 | </div> | |
66 | </div> | |
67 | </div> | |
68 | </div> | |
69 | {{/courses}} | |
70 | </div> |