MDL-70368 files: Cache image dimensions
[moodle.git] / admin / templates / setting_configcolourpicker.mustache
blob7b52846f9b4e70b3bf086383f57766f6bed33418
1 {{!
2     This file is part of Moodle - http://moodle.org/
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.
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.
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/>.
17 {{!
18     @template core_admin/setting_configcolourpicker
20     Admin setting colour picker template.
22     Context variables required for this template:
23     * icon - optional icon context (see pix_icon)
24     * name - element name
25     * id - element id
26     * value - element value
27     * haspreviewconfig - show preview of selected color
28     * readonly - bool
30     Example context (json):
31     {
32         "icon": false,
33         "name": "name0",
34         "id": "id0",
35         "value": "#555655",
36         "readonly": false,
37         "haspreviewconfig": false
38     }
40 {{!
41     Setting configcolourpicker.
43 <div class="form-colourpicker defaultsnext">
44     <div class="admin_colourpicker clearfix">
45         {{#icon}}
46             {{>core/pix_icon}}
47         {{/icon}}
48     </div>
49     <input type="text" name="{{name}}" id="{{id}}" value="{{value}}" size="12" class="form-control text-ltr" {{#readonly}}disabled{{/readonly}}>
50     {{#haspreviewconfig}}
51         <input type="button" id="{{id}}_preview" value="{{#cleanstr}}preview{{/cleanstr}}" class="admin_colourpicker_preview">
52     {{/haspreviewconfig}}
53 </div>