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

MDL-65928 core: Create a checkbox_toggleall renderable

Browse source
This commit is contained in:
Jun Pataleta 2019-03-01 14:43:25 +08:00
parent 0a3d306358
commit 6259a9d065
3 changed files with 175 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

62
lib/templates/checkbox-toggleall.mustache Normal file
View file

@ -0,0 +1,62 @@
{{!
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/checkbox-toggleall
Template for master/slave checkboxes. The master checkbox toggles the checked states of the slave checkboxes.
Example context (json):
{
"id": "select-all",
"name": "select-all",
"master": true,
"togglegroup": "toggle-group",
"label": "Select everything!"
}
}}
{{#master}}
<input id="{{id}}" name="{{name}}" type="checkbox" {{#classes}}class="{{.}}"{{/classes}} value="{{value}}"
data-action="toggle"
data-toggle="master"
data-togglegroup="{{togglegroup}}"
data-toggle-selectall="{{selectall}}"
data-toggle-deselectall="{{deselectall}}"
{{#checked}}checked="checked"{{/checked}}
/>
{{#label}}
<label for="{{id}}" class="{{labelclasses}}">{{.}}</label>
{{/label}}
{{/master}}
{{^master}}
<input id="{{id}}" name="{{name}}" type="checkbox" {{#classes}}class="{{.}}"{{/classes}} value="{{value}}"
data-action="toggle"
data-toggle="slave"
data-togglegroup="{{togglegroup}}"
{{#checked}}checked="checked"{{/checked}}
/>
{{#label}}
<label for="{{id}}" class="{{labelclasses}}">{{{.}}}</label>
{{/label}}
{{/master}}
{{#js}}
{{#master}}
require(['core/checkbox-toggleall'], function(ToggleAll) {
ToggleAll.init();
});
{{/master}}
{{/js}}