moodle/lib/templates/initials_bar.mustache

106 lines
4.0 KiB
Plaintext

{{!
This file is part of Moodle - http://moodle.org/
Moodle is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
Moodle is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with Moodle. If not, see <http://www.gnu.org/licenses/>.
}}
{{!
@template core/initials_bar
Initials bar.
Example context (json):
{
"title": "First name",
"class": "firstinitial",
"current": "A",
"url": "http://moodle.generic32/report/progress/index.php?course=2&sifirst",
"all": "All",
"group": [
{
"letter": [
{
"name": "A",
"url": "http://moodle.generic32/report/progress/index.php?course=2&sifirst=A"
},
{
"name": "B",
"url": "http://moodle.generic32/report/progress/index.php?course=2&sifirst=B"
},
{
"name": "C",
"url": "http://moodle.generic32/report/progress/index.php?course=2&sifirst=C"
},
{
"name": "D",
"url": "http://moodle.generic32/report/progress/index.php?course=2&sifirst=D"
}
]
},
{
"letter": [
{
"name": "W",
"url": "http://moodle.generic32/report/progress/index.php?course=2&sifirst=W",
"selected": "W"
},
{
"name": "X",
"url": "http://moodle.generic32/report/progress/index.php?course=2&sifirst=X"
},
{
"name": "Y",
"url": "http://moodle.generic32/report/progress/index.php?course=2&sifirst=Y"
},
{
"name": "Z",
"url": "http://moodle.generic32/report/progress/index.php?course=2&sifirst=Z"
}
]
}
]
}
}}
<div class="initialbar {{class}} d-flex flex-wrap justify-content-center justify-content-md-start">
<span class="initialbarlabel mr-2">{{title}}</span>
<nav class="initialbargroups d-flex flex-wrap justify-content-center justify-content-md-start">
<ul class="pagination pagination-sm">
<li id="{{class}}_page-item_{{all}}" class="initialbarall page-item {{^current}}active{{/current}}">
{{#url}}
<a data-initial="" class="page-link" href="{{url}}"{{^current}} aria-current="true"{{/current}}>{{all}}</a>
{{/url}}
{{#input}}
<input class="page-link mr-1 rounded" {{^current}} aria-current="true"{{/current}} value="{{all}}" type="button">
{{/input}}
</li>
</ul>
{{#group}}
<ul class="pagination pagination-sm">
{{#letter}}
<li id="{{class}}_page-item_{{name}}" data-initial="{{name}}" class="page-item {{name}} {{#selected}}active{{/selected}}">
{{#url}}
<a class="page-link" href="{{url}}"{{#selected}} aria-current="true"{{/selected}}>{{name}}</a>
{{/url}}
{{#input}}
<input class="page-link mr-1 rounded" {{#selected}} aria-current="true"{{/selected}} value="{{name}}" type="button">
{{/input}}
</li>
{{/letter}}
</ul>
{{/group}}
</nav>
</div>