Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1
{{!
2
    This file is part of Moodle - http://moodle.org/
3
 
4
    Moodle is free software: you can redistribute it and/or modify
5
    it under the terms of the GNU General Public License as published by
6
    the Free Software Foundation, either version 3 of the License, or
7
    (at your option) any later version.
8
 
9
    Moodle is distributed in the hope that it will be useful,
10
    but WITHOUT ANY WARRANTY; without even the implied warranty of
11
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
12
    GNU General Public License for more details.
13
 
14
    You should have received a copy of the GNU General Public License
15
    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
16
}}
17
{{!
18
    @template core/toggle
19
 
20
    Template for toggle element
21
 
22
    Example context (json):
23
    {
24
        "id": "reality-toggle-3",
25
        "checked": true,
26
        "disabled": false,
27
        "dataattributes": [{
28
            "name": "action",
29
            "value": "toggle-reality"
30
        }],
31
        "title": "Title example",
32
        "label": "Enable/disable reality",
33
        "labelclasses": "sr-only"
34
    }
35
}}
36
 
37
<div class="custom-control custom-switch {{$extraclasses}}{{extraclasses}}{{/extraclasses}}">
38
    <input type="checkbox" class="custom-control-input" id="{{$id}}{{id}}{{/id}}"
39
        {{$attributes}}
40
            {{#dataattributes}}data-{{name}}="{{value}}" {{/dataattributes}}
41
            {{#checked}}checked{{/checked}}
42
            {{#disabled}}disabled{{/disabled}}
43
        {{/attributes}}>
44
    {{$labelmarkup}}
45
        <label class="custom-control-label" for="{{$id}}{{id}}{{/id}}" {{#title}}data-toggle="tooltip" data-placement="top" title="{{title}}"{{/title}}>
46
            <span class="{{$labelclasses}}{{labelclasses}}{{/labelclasses}}">{{$label}}{{label}}{{/label}}</span>
47
        </label>
48
    {{/labelmarkup}}
49
</div>