moodle/lib/templates/toggle.mustache

50 lines
1.8 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/toggle
Template for toggle element
Example context (json):
{
"id": "reality-toggle-3",
"checked": true,
"disabled": false,
"dataattributes": [{
"name": "action",
"value": "toggle-reality"
}],
"title": "Title example",
"label": "Enable/disable reality",
"labelclasses": "sr-only"
}
}}
<div class="custom-control custom-switch {{$extraclasses}}{{extraclasses}}{{/extraclasses}}">
<input type="checkbox" class="custom-control-input" id="{{$id}}{{id}}{{/id}}"
{{$attributes}}
{{#dataattributes}}data-{{name}}="{{value}}" {{/dataattributes}}
{{#checked}}checked{{/checked}}
{{#disabled}}disabled{{/disabled}}
{{/attributes}}>
{{$labelmarkup}}
<label class="custom-control-label" for="{{$id}}{{id}}{{/id}}" {{#title}}data-toggle="tooltip" data-placement="top" title="{{title}}"{{/title}}>
<span class="{{$labelclasses}}{{labelclasses}}{{/labelclasses}}">{{$label}}{{label}}{{/label}}</span>
</label>
{{/labelmarkup}}
</div>