MDL-50919 tags: new UI for managing tags
[moodle.git] / tag / templates / tagname.mustache
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/>.
16 }}
17 {{!
18     @template core_tag/tagname
20     Displays the tag name in the tag management table.
22     For the Javascript handlers it is important that this template contains
23     an element with .tagnameedit class (to switch on editing) and also
24     an input element.
25     When element with class .tagnameedit is clicked, JS will add class
26     .tageditingon to the container td tag.
28     Classes required for JS:
29     * tagnameedit
31     Data attributes required for JS:
32     * data-id
34     Context variables required for this template:
35     * none
37     Example context (json):
38     {
39         "id" : "1",
40         "name" : "moodle",
41         "rawname" : "Moodle",
42         "viewurl" : "http://moodle.com/"
43     }
44 }}
45 <span class="displaytagname">
46     <a href="{{viewurl}}" data-id="{{id}}">
47         {{rawname}}
48     </a>
49     <a href="#" class="tagnameedit visibleifjs" data-id="{{id}}" title="{{#str}}editname,core_tag{{/str}}">
50         {{#pix}}t/editstring,core,{{#str}}editname,core_tag{{/str}}{{/pix}}
51     </a>
52 </span>
53 <span class="edittagname">
54     <span class="editinstructions" id="id_editinstructions_{{id}}">{{#str}}edittitleinstructions,core{{/str}}</span>
55     <label class="accesshide" for="tagquickname{{id}}">{{#str}}newnamefor,core_tag,{{rawname}}{{/str}}</label>
56     <input id="tagquickname{{id}}" type="text" value="{{rawname}}" data-id="{{id}}" aria-describedby="id_editinstructions_{{id}}"/>
57 </span>