moodle/moodle
3
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-08-07 01:46:45 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

MDL-71037 course: Make sections collapsible for Topics/Weeks format.

Browse source
This commit is contained in:
Ilya Tregubov 2021-06-28 14:35:58 +02:00
parent 5ea3545115
commit f2e28c0561
5 changed files with 268 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

58
course/format/templates/local/content/section/header.mustache
View file

@ -21,17 +21,57 @@
Example context (json):
{
"id": 123,
"name": "Section title",
"title": "<a href=\"http://moodle/course/view.php?id=5#section-0\">Section title</a>",
"url": "#",
"ishidden": true
"iscoursedisplaymultipage": true
}
}}
<h3 class="sectionid-{{id}}-title sectionname" data-for="section_title">
{{#url}}
<a href="{{{url}}}" class="{{#ishidden}} dimmed_text {{/ishidden}}">{{name}}</a>
{{/url}}
{{^url}}
<span>{{{title}}}</span>
{{/url}}
</h3>
{{#iscoursedisplaymultipage}}
<h3 class="sectionid-{{id}}-title sectionname"
data-for="section_title" data-id="{{id}}" data-number="{{num}}">
{{#url}}
<a href="{{{url}}}" class="{{#ishidden}} dimmed_text {{/ishidden}}">{{name}}</a>
{{/url}}
{{^url}}
<span>{{{title}}}</span>
{{/url}}
</h3>
{{/iscoursedisplaymultipage}}
{{^iscoursedisplaymultipage}}
{{#sitehome}}
<h2 class="sectionid-{{id}}-title sectionname"
data-for="section_title" data-id="{{id}}" data-number="{{num}}">
{{#url}}
<a href="{{{url}}}" class="{{#ishidden}} dimmed_text {{/ishidden}}">{{name}}</a>
{{/url}}
{{^url}}
<span>{{{title}}}</span>
{{/url}}
</h2>
{{/sitehome}}
{{^sitehome}}
<div class="d-flex">
<a role="button" data-toggle="collapse"
href="#coursecontentcollapse{{num}}"
id="collapssesection{{num}}"
aria-expanded="{{#isactive}}true{{/isactive}}{{^isactive}}false{{/isactive}}"
aria-controls="coursecontentcollapse{{num}}"
class="btn btn-icon mr-1 icons-collapse-expand {{^isactive}}collapsed{{/isactive}}"
aria-label="{{name}}">
<span class="expanded-icon icon-no-margin p-2" data-toggle="tooltip" title="{{#str}} collapse, core {{/str}}">
{{#pix}} t/expandedchevron, core {{/pix}}
</span>
<span class="collapsed-icon icon-no-margin p-2" data-toggle="tooltip" title="{{#str}} expand, core {{/str}}">
{{#pix}} t/collapsedchevron, core {{/pix}}
</span>
</a>
<h3 class="sectionid-{{id}}-title sectionname course-content-item {{^visible}}dimmed{{/visible}}"
id="coursecontentsection{{num}}" data-for="section_title" data-id="{{id}}" data-number="{{num}}">
{{{title}}}
</h3>
</div>
{{/sitehome}}
{{/iscoursedisplaymultipage}}