AutorÃa | Ultima modificación | Ver Log |
{{!
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 gradereport_singleview/action_bar
Context variables required for this template:
* generalnavselector - The data object containing the required properties to render the general navigation selector.
* groupselector - (optional) HTML that outputs the group selector
* itemselector - (optional) HTML that outputs the user or grade item selector
* pagetoggler - (optional) HTML that outputs the user/grade item view toggler
* bulkactions - (optional) HTML that outputs the bulk actione menu
Example context (json):
{
"generalnavselector": {
"name": "Gradebook tertiary navigation selector",
"value": "opt2",
"baseid": "select-menu56789",
"selectedoption": "Gradebook setup",
"options": [
{
"selected": false,
"isgroup": {
"name": "View",
"id": "select-menu-group1",
"options": [
{
"name": "Grader report",
"value": "opt1",
"id": "select-menu-option1",
"selected": false
}
]
}
},
{
"selected": false,
"isgroup": {
"name": "Setup",
"id": "select-menu-group2",
"options": [
{
"name": "Gradebook setup",
"value": "opt2",
"id": "select-menu-option2",
"selected": true
}
]
}
}
]
},
"groupselector": "<div class='group-selector'></div>",
"itemselector": "<div class='user-selector'></div>",
"pagetoggler": "<div class='page-toggler'></div>",
"bulkactions": "<div class='action-menu'></div>"
}
}}
<div class="container-fluid tertiary-navigation full-width-bottom-border">
<div class="row w-100">
{{#generalnavselector}}
<div class="navitem order-1">
{{>core/tertiary_navigation_selector}}
</div>
<div class="navitem-divider d-none d-sm-flex order-1"></div>
{{/generalnavselector}}
{{#groupselector}}
<div class="navitem order-2">
{{{.}}}
</div>
<div class="navitem-divider d-none d-sm-flex order-2"></div>
{{/groupselector}}
{{#itemselector}}
<div class="navitem order-3">
{{{.}}}
</div>
<div class="navitem-divider d-none d-sm-flex order-3"></div>
{{/itemselector}}
{{#pagetoggler}}
<div class="d-flex row ml-auto order-4">
{{#bulkactions}}
<div class="d-flex navitem ml-0 ml-sm-auto mr-3">{{{bulkactions}}}</div>
{{#js}}
require(['gradereport_singleview/bulkactions'], function(bulkactions) {
bulkactions.init();
});
{{/js}}
<div class="navitem-divider d-none d-sm-flex"></div>
{{/bulkactions}}
<div class="d-flex navitem ml-0 mr-auto mr-sm-0 ml-sm-auto">
{{>gradereport_singleview/page_toggler}}
</div>
</div>
{{/pagetoggler}}
</div>
</div>