mirror of
https://github.com/moodle/moodle.git
synced 2025-08-08 02:16:41 +02:00
MDL-51802 core: new template for quick editing a title
convert editing tag name to use new template
This commit is contained in:
parent
2f45a11ac4
commit
cdc5f9785b
23 changed files with 636 additions and 171 deletions
60
lib/templates/inplace_editable.mustache
Normal file
60
lib/templates/inplace_editable.mustache
Normal file
|
@ -0,0 +1,60 @@
|
|||
{{!
|
||||
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/inplace_editable
|
||||
|
||||
Displays the value that can be edited inline.
|
||||
|
||||
Classes required for JS:
|
||||
* none
|
||||
|
||||
Data attributes required for JS:
|
||||
* data-inplaceeditable
|
||||
* data-inplaceeditablelink
|
||||
* data-identifier
|
||||
* data-callback
|
||||
|
||||
Context variables required for this template:
|
||||
* none
|
||||
|
||||
Example context (json):
|
||||
{
|
||||
"displayvalue" : "<a href=\"#\">Moodle</a>",
|
||||
"value" : "Moodle",
|
||||
"itemid" : "1",
|
||||
"component" : "core_tag",
|
||||
"itemtype" : "tagname",
|
||||
"edithint" : "Edit this",
|
||||
"editlabel" : "New name for this"
|
||||
}
|
||||
}}
|
||||
{{#component}}
|
||||
<span class="inplaceeditable" data-inplaceeditable="1" data-component="{{component}}" data-itemtype="{{itemtype}}" data-itemid="{{itemid}}"
|
||||
data-value="{{value}}" data-editlabel="{{editlabel}}">
|
||||
{{{displayvalue}}}
|
||||
<a href="#" class="quickeditlink visibleifjs" data-inplaceeditablelink="1" title="{{edithint}}">
|
||||
{{#pix}}t/editstring,core,{{edithint}}{{/pix}}
|
||||
</a>
|
||||
</span>
|
||||
{{#js}}
|
||||
require(['core/inplace_editable']);
|
||||
{{/js}}
|
||||
{{/component}}
|
||||
{{^component}}
|
||||
{{{displayvalue}}}
|
||||
{{/component}}
|
||||
|
Loading…
Add table
Add a link
Reference in a new issue