MDL-63880 core_course: Move common templates to core_course
[moodle.git] / blocks / myoverview / templates / placeholders.mustache
CommitLineData
356bfb69
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/placeholders
19
20 This template renders the loading placeholders for the myoverview block.
21
22 Example context (json):
23 {}
24}}
25<div data-region="loading-placeholder-content" aria-hidden="true">
26 {{#cards}}
27 <div class="card-deck dashboard-card-deck one-row" style="height: 13rem">
a29135f8
MM
28 {{> core_course/placeholder-course }}
29 {{> core_course/placeholder-course }}
30 {{> core_course/placeholder-course }}
31 {{> core_course/placeholder-course }}
356bfb69
BB
32 </div>
33 {{/cards}}
34 {{#list}}
35 <ul class="list-group">
36 <li class="list-group-item course-listitem">
37 <div class="col-md-6 span6 p-0 d-flex align-items-center">
38 <div class="bg-pulse-grey rounded-circle mr-2" style="height: 1rem; width: 1rem;"></div>
39 <div class="bg-pulse-grey w-50" style="height: 1rem; margin: 0.5rem 0"></div>
40 </div>
41 </li>
42 <li class="list-group-item course-listitem">
43 <div class="col-md-6 span6 p-0 d-flex align-items-center">
44 <div class="bg-pulse-grey rounded-circle mr-2" style="height: 1rem; width: 1rem;"></div>
45 <div class="bg-pulse-grey w-50" style="height: 1rem; margin: 0.5rem 0"></div>
46 </div>
47 </li>
48 <li class="list-group-item course-listitem">
49 <div class="col-md-6 span6 p-0 d-flex align-items-center">
50 <div class="bg-pulse-grey rounded-circle mr-2" style="height: 1rem; width: 1rem;"></div>
51 <div class="bg-pulse-grey w-50" style="height: 1rem; margin: 0.5rem 0"></div>
52 </div>
53 </li>
54 <li class="list-group-item course-listitem">
55 <div class="col-md-6 span6 p-0 d-flex align-items-center">
56 <div class="bg-pulse-grey rounded-circle mr-2" style="height: 1rem; width: 1rem;"></div>
57 <div class="bg-pulse-grey w-50" style="height: 1rem; margin: 0.5rem 0"></div>
58 </div>
59 </li>
60 </ul>
61 {{/list}}
62 {{#summary}}
63 <div class="course-summaryitem m-b-1 p-2">
64 <div class="d-flex">
65 <div class="d-flex">
66 <div class="bg-pulse-grey rounded-circle m-0 p-0 m-r-1" style="height: 7rem; width: 7rem;"></div>
67 </div>
68 <div class="d-flex w-100 flex-column">
69 <div class="bg-pulse-grey w-50 m-b-1" style="height: 1rem; margin: 0.5rem 0"></div>
70 <div class="bg-pulse-grey w-100" style="height: 13rem"></div>
71 </div>
72 </div>
73 </div>
74 {{/summary}}
75</div>