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.
93 lines
4.3 KiB
93 lines
4.3 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 format_tiles/completion_icon
|
||
|
|
|
||
|
|
Course module completion icon template
|
||
|
|
|
||
|
|
The purpose of this template is to render a check box
|
||
|
|
for the user to check which will be used to toggle completion
|
||
|
|
via AJAX
|
||
|
|
|
||
|
|
Classes required for JS:
|
||
|
|
* none
|
||
|
|
|
||
|
|
Data attributes required for JS:
|
||
|
|
* none
|
||
|
|
|
||
|
|
Context variables required for this template:
|
||
|
|
* cmid - course module id
|
||
|
|
* tileid - which tile for
|
||
|
|
* completionstate is completion complete or not
|
||
|
|
* completionstateInverse inverse of previous
|
||
|
|
* isediting - is user editing
|
||
|
|
* sesskey - sesskey
|
||
|
|
* modtitle - title of this module (i.e. activity name)
|
||
|
|
* completionIsManual - is completion set to manual or not
|
||
|
|
* completionstring - string to display on hover
|
||
|
|
|
||
|
|
Example context (json):
|
||
|
|
{
|
||
|
|
"cmid": 123,
|
||
|
|
"tileid": 1,
|
||
|
|
"completionstate": "0",
|
||
|
|
"completionstateInverse": "1",
|
||
|
|
"isediting": 0,
|
||
|
|
"sesskey": 1234567890,
|
||
|
|
"modtitle": "Lecture 1 slides",
|
||
|
|
"completionIsManual": 1,
|
||
|
|
"completionstring": "Click to toggle completion status"
|
||
|
|
}
|
||
|
|
}}
|
||
|
|
{{^isediting}}
|
||
|
|
{{!complete-y-xxx is a class not an id as there will be two on the page if a modal is open}}
|
||
|
|
<span class="completionchangenotify complete-y-{{cmid}}">{{#str}}complete, format_tiles{{/str}}</span>
|
||
|
|
<span class="completionchangenotify complete-n-{{cmid}}">{{#str}}notcomplete, format_tiles{{/str}}</span>
|
||
|
|
{{#completionIsManual}}
|
||
|
|
<form method="post" action="{{{ config.wwwroot }}}/course/togglecompletion.php"
|
||
|
|
class="togglecompletion" data-cmid="{{cmid}}" data-section="{{tileid}}" data-ismanual="1" data-placement="bottom">
|
||
|
|
<div class="completioncheckbox" id="completion-check-{{cmid}}">
|
||
|
|
<input type="hidden" name="id" value="{{cmid}}">
|
||
|
|
<input type="hidden" name="sesskey" value="{{sesskey}}">
|
||
|
|
<input type="hidden" name="modulename" value="{{modtitle}}">
|
||
|
|
<input type="hidden" name="completionstate" id="completionstate_{{cmid}}" value="{{completionstateInverse}}">
|
||
|
|
<button class="btn" title="{{#completionstring}}{{completionstring}}{{/completionstring}}{{^completionstring}}{{#str}}togglecompletion, format_tiles{{/str}}{{/completionstring}}"
|
||
|
|
data-toggle="tooltip">
|
||
|
|
<span class="completion-icon completion_img_{{cmid}} completion-icon-{{completionicon}}">
|
||
|
|
</span>
|
||
|
|
</button>
|
||
|
|
{{! completion_img_[id] is the **class** if the img, not its id, because we have two per page, one on the main page and one in the modal }}
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
{{/completionIsManual}}
|
||
|
|
{{^completionIsManual}}
|
||
|
|
<span class="completioncheckbox completion-auto" id="completion-check-{{cmid}}"
|
||
|
|
title="{{#completionstring}}{{completionstring}}{{/completionstring}}{{^completionstring}}{{#str}}togglecompletion, format_tiles{{/str}}{{/completionstring}}"
|
||
|
|
data-ismanual="0" data-completionstate="{{completionstate}}" data-toggle="tooltip">
|
||
|
|
<span class="completion-icon completion_img_{{cmid}} completion-icon-{{completionicon}}"></span>
|
||
|
|
</span>
|
||
|
|
{{/completionIsManual}}
|
||
|
|
{{/isediting}}
|
||
|
|
|
||
|
|
{{#isediting}}
|
||
|
|
<div class="completioncheckbox" id="completion-check-{{cmid}}"
|
||
|
|
title="{{#completionstring}}{{completionstring}}{{/completionstring}}{{^completionstring}}{{#str}}togglecompletion, format_tiles{{/str}}{{/completionstring}}" data-ismanual="0">
|
||
|
|
<span class="completion-icon completion_img_{{cmid}} completion-icon-{{completionicon}}"></span>
|
||
|
|
</div>
|
||
|
|
{{/isediting}}
|