moodle/lib/templates/local/reactive/debuginstancepanel.mustache
2021-10-13 10:08:50 +02:00

87 lines
3.1 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/local/reactive/debuginstancepanel
Template to render the global reactive debug panel.
Classes required for JS:
* none
Data attributes required for JS:
* none
Example context (json):
{
"id": "instanceid"
}
}}
<div id="{{uniqid}}-reactive-debugpanel-instance" data-id="{{id}}" class="card text-dark">
<div class="card-body">
<h5 class="card-title" data-for="name">
{{id}}
<button href="#" class="btn btn-secondary" data-for="pin" data-alt="{{#str}} reactive_pin , core_debug {{/str}}">
{{#str}} reactive_unpin , core_debug {{/str}}
</button>
<button href="#" class="btn btn-danger float-right" data-for="close">
{{#str}} close , admin {{/str}}
</button>
</h5>
<p class="card-text">
<button
class="btn btn-secondary"
data-for="highlight"
data-alt="{{#str}} reactive_highlighton , core_debug {{/str}}"
>
{{#str}} reactive_highlightoff , core_debug {{/str}}
</button>
<button
class="btn btn-secondary"
data-for="readmode"
data-alt="{{#str}} reactive_readmodeoff , core_debug {{/str}}"
>
{{#str}} reactive_readmodeon , core_debug {{/str}}
</button>
<button
class="btn btn-secondary"
data-for="clean"
>
{{#str}} reactive_resetpanel , core_debug {{/str}}
</button>
</p>
<div>
<h6>
{{#str}} reactive_statedata , core_debug {{/str}}
<button class="btn btn-secondary" data-for="save" disabled>
{{#str}} save , admin {{/str}}
</button>
<span data-for="invalid">{{#str}} reactive_saveingwarning , core_debug {{/str}}</span>
</h6>
<textarea class="w-100" style="resize:vertical; height: 20em;" data-for="state" draggable="false"></textarea>
</div>
<div>
<h6>State events log</h6>
<textarea class="w-100" style="resize:vertical; height: 20em;" data-for="log" draggable="false"></textarea>
</div>
</div>
</div>
{{#js}}
require(['core/local/reactive/debugpanel'], function(component) {
component.initsubpanel('{{uniqid}}-reactive-debugpanel-instance');
});
{{/js}}