-
Notifications
You must be signed in to change notification settings - Fork 19
/
resources.hbs
78 lines (59 loc) · 3.02 KB
/
resources.hbs
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
{{! make the _globals object in course.json available to this template}}
{{import_globals}}
<div class="resources__inner">
{{#resources_has_multiple_types resources}}
<div class="resources__filter has-{{resources_get_column_count resources}}-columns">
<div class="resources__filter-inner" role="tablist">
<div class="aria-label" aria-label="{{{ _globals._extensions._resources.resources}}}"></div>
<button id="resources__show-all" class="resources__filter-btn resources__show-all is-selected js-resources-filter-btn-click" data-filter="all" aria-label="{{model._filterAria.allAria}}" role="tab" aria-selected="true" aria-controls="resources">
{{{model._filterButtons.all}}}
</button>
{{#resources_has_type resources 'document'}}
<button id="resources__document" class="resources__filter-btn resources__show-document js-resources-filter-btn-click" data-filter="document" aria-label="{{model._filterAria.documentAria}}" role="tab" aria-selected="false" aria-controls="resources">
{{{model._filterButtons.document}}}
</button>
{{/resources_has_type}}
{{#resources_has_type resources 'media'}}
<button id="resources__media" class="resources__filter-btn resources__show-media js-resources-filter-btn-click" data-filter="media" aria-label="{{model._filterAria.mediaAria}}" role="tab" aria-selected="false" aria-controls="resources">
{{{model._filterButtons.media}}}
</button>
{{/resources_has_type}}
{{#resources_has_type resources 'link'}}
<button id="resources__link" class="resources__filter-btn resources__show-link js-resources-filter-btn-click" data-filter="link" aria-label="{{model._filterAria.linkAria}}" role="tab" aria-selected="false" aria-controls="resources">
{{{model._filterButtons.link}}}
</button>
{{/resources_has_type}}
</div>
</div>
{{/resources_has_multiple_types}}
<div id="resources" class="resources__item-container" role="tabpanel" aria-labelledby="resources__show-all">
<div role="list">
{{#each resources}}
<div class="resources__item drawer__item is-{{_type}} js-resources-item" role="listitem">
<a href="{{_link}}" class="resources__item-btn drawer__item-btn js-resources-item-btn-click"
data-type="{{_type}}"
{{#resources_force_download this}}
download="{{filename}}"
{{/resources_force_download}}
target="_blank"
aria-label="{{{title}}}">
{{#if title}}
<div class="resources__item-title drawer__item-title">
<div class="resources__item-title-inner drawer__item-title-inner">
{{{compile title}}}
</div>
</div>
{{/if}}
{{#if description}}
<div class="resources__item-body drawer__item-body">
<div class="resources__item-body-inner drawer__item-body-inner">
{{{compile description}}}
</div>
</div>
{{/if}}
</a>
</div>
{{/each}}
</div>
</div>
</div>