You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
105 lines
4.1 KiB
105 lines
4.1 KiB
2 years ago
|
{{!
|
||
|
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 mod_lti/tool_proxy_card
|
||
|
|
||
|
This template provides the layout for a single tool card on the tool
|
||
|
configuration page.
|
||
|
|
||
|
Classes required for JS:
|
||
|
* none
|
||
|
|
||
|
Data attributes required for JS:
|
||
|
* none
|
||
|
|
||
|
Context variables required for this template:
|
||
|
* hascapabilitygroups
|
||
|
* state
|
||
|
** pending|configured|rejected|unknown
|
||
|
** text
|
||
|
* courseid
|
||
|
* urls
|
||
|
** course
|
||
|
** icon
|
||
|
* name
|
||
|
* description
|
||
|
* instancecount
|
||
|
|
||
|
}}
|
||
|
<div class="tool-card" data-proxy-id="{{id}}">
|
||
|
<div class="overlay-container">
|
||
|
<div class="img-container">
|
||
|
{{> mod_lti/loader }}
|
||
|
<div class="success-icon-container">{{#pix}} i/valid, core, {{#str}} success {{/str}}{{/pix}}</div>
|
||
|
<div class="fail-icon-container">{{#pix}} i/invalid, core, {{#str}} error {{/str}}{{/pix}}</div>
|
||
|
</div>
|
||
|
{{#hascapabilitygroups}}
|
||
|
{{> mod_lti/tool_type_capabilities_agree }}
|
||
|
{{/hascapabilitygroups}}
|
||
|
</div>
|
||
|
<div class="tool-card-content">
|
||
|
<div class="tool-card-header">
|
||
|
<div class="tool-card-subheader">
|
||
|
<div class="badge
|
||
|
{{#state.pending}}badge-info{{/state.pending}}
|
||
|
{{#state.configured}}badge-success{{/state.configured}}
|
||
|
{{#state.rejected}}badge-danger{{/state.rejected}}
|
||
|
{{#state.unknown}}badge-warning{{/state.unknown}}">
|
||
|
{{state.text}}
|
||
|
</div>
|
||
|
<div class="tool-card-actions float-sm-right">
|
||
|
{{#courseid}}
|
||
|
<a href="{{{urls.course}}}" title="{{#str}} courselink, mod_lti {{/str}}">{{#pix}} i/course, core, {{#str}} courselink, mod_lti {{/str}}{{/pix}}</a>
|
||
|
{{/courseid}}
|
||
|
<a class="edit" href="{{{urls.edit}}}" title="{{#str}} edit {{/str}}">{{#pix}} t/edit, core, {{#str}} edit {{/str}}{{/pix}}</a>
|
||
|
<a class="delete" href="#" title="{{#str}} delete {{/str}}">{{#pix}} t/delete, core, {{#str}} delete {{/str}}{{/pix}}</a>
|
||
|
</div>
|
||
|
</div>
|
||
|
<img class="tool-card-icon" src="{{{urls.icon}}}" alt="{{name}}"></img>
|
||
|
<div class="contenteditable-container">
|
||
|
<h4 class="name">{{name}}</h4>
|
||
|
<div class="overlay-container">{{> mod_lti/loader }}</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="tool-card-body">
|
||
|
<div class="contenteditable-container">
|
||
|
<p class="description">{{description}}</p>
|
||
|
<div class="overlay-container">{{> mod_lti/loader }}</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="tool-card-footer">
|
||
|
{{#state.pending}}
|
||
|
<a class="activate btn btn-success" href="#">{{#str}} activate, mod_lti {{/str}}</a>
|
||
|
{{/state.pending}}
|
||
|
{{^state.pending}}
|
||
|
{{#instancecount}}
|
||
|
<p>{{#str}} toolisbeingused, mod_lti, {{instancecount}} {{/str}}</p>
|
||
|
{{/instancecount}}
|
||
|
{{^instancecount}}
|
||
|
<p>{{#str}} toolisnotbeingused, mod_lti{{/str}}</p>
|
||
|
{{/instancecount}}
|
||
|
{{/state.pending}}
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
{{#js}}
|
||
|
require(['jquery', 'mod_lti/tool_proxy_card_controller'], function($, controller) {
|
||
|
var cardElement = $('[data-proxy-id={{id}}]');
|
||
|
controller.init(cardElement);
|
||
|
});
|
||
|
{{/js}}
|