MDL-58138 completion: rebase on font-awesome changes.
[moodle.git] / course / templates / defaultactivitycompletion.mustache
CommitLineData
e8a71f85
AG
1{{!
2 This file is part of Moodle - http://moodle.org/
3
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.
8
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.
13
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_course/defaultactivitycompletion
19
20 Activity completion selector.
21
22 Example context (json):
23 {
24 "courseid": "2",
25 "sesskey": "AAAAAA",
26 "modules": [{
27 "id": "10",
7f53e8aa
MG
28 "formattedname": "Assignment",
29 "canmanage": true,
30 "icon": "https://raw.githubusercontent.com/moodle/moodle/master/mod/assign/pix/icon.png",
31 "completionstatus": {
32 "string": "Manual",
33 "icon": "https://raw.githubusercontent.com/moodle/moodle/master/pix/i/completion-manual-enabled.png"
e8a71f85
AG
34 }
35 }]
36 }
37}}
38<div class="container-fluid">
39 <div class="row m-b-2">
40 <div class="col">{{#str}}bulkactivitydetail, moodle{{/str}}</div>
41 </div>
7f53e8aa 42<form method="post" action="editdefaultcompletion.php" class="mform" id="theform">
e8a71f85
AG
43 <div class="row m-b-2">
44 <div class="col">
45 <input type="submit" value="{{#str}}edit{{/str}}" class="btn btn-primary" name="submitbutton" aria-label="{{#str}}updateactivities, completion{{/str}}" />
46 <input type="reset" value="{{#str}}cancel{{/str}}" class="btn btn-secondary" aria-label="{{#str}}resetactivities, completion{{/str}}" />
47 </div>
48 </div>
49 <div class="top-section row m-b-1">
50 <div class="col-sm-6">
51 <input type="checkbox" class="mastercheck m-r-1" aria-label="{{#str}}checkall, completion{{/str}}">
52 <label class="font-weight-bold">{{#str}}activitieslabel, moodle{{/str}}</label>
53 </div>
54 <div class="col-sm-6">
55 <label class="font-weight-bold">{{#str}}completiontracking, moodle{{/str}}</label>
56 <span>{{{helpicon}}}</span>
57 </div>
58 </div>
59 <div class="modules">
60 {{#modules}}
7f53e8aa 61 {{#canmanage}}
e8a71f85 62 <div class="module-section m-b-1">
6b3b9c1d
JD
63 <div class="row m-b-1 row-fluid">
64 <div class="col-sm-6 span6">
a64a9f9c
MG
65 <label class="accesshide" for="modtype_{{id}}">Select {{formattedname}}</label>
66 <input id="modtype_{{id}}" type="checkbox" class="m-r-1" name="modids[]" value="{{id}}" aria-label="{{#str}}checkactivity, completion, {{formattedname}}{{/str}}">
67 <img src="{{icon}}" alt=" " role="presentation" />
7f53e8aa
MG
68 <span>{{formattedname}}</span>
69 </div>
6b3b9c1d
JD
70 <div class="activity-completionstatus col-sm-6 span6">
71 <div class="col-sm-1 span1 p-l-0">
7f53e8aa 72 {{#completionstatus.icon}}
6b3b9c1d 73 {{{completionstatus.icon}}}
7f53e8aa
MG
74 {{/completionstatus.icon}}
75 {{^completionstatus.icon}}
76 <span class="m-r-3"></span>
77 {{/completionstatus.icon}}
78 </div>
6b3b9c1d 79 <div class="col-sm-11 span11 p-l-0">
7f53e8aa
MG
80 <span class="text-muted muted">{{{completionstatus.string}}}</span>
81 </div>
e8a71f85
AG
82 </div>
83 </div>
84 </div>
7f53e8aa 85 {{/canmanage}}
e8a71f85
AG
86 {{/modules}}
87 </div>
88 <input type="hidden" name="id" value="{{courseid}}" />
89 <input type="hidden" name="sesskey" value="{{sesskey}}" />
90 <div class="row">
91 <div class="col">
92 <input type="submit" value="{{#str}}edit{{/str}}" class="btn btn-primary" name="submitbutton" />
93 <input type="reset" value="{{#str}}cancel{{/str}}" class="btn btn-secondary" />
94 </div>
95 </div>
96</form>
97</div>
98
99{{#js}}
100require([
101 'jquery',
102], function($) {
103 $('.mastercheck').click(function() {
104 var checked = $('.mastercheck').is(':checked');
105 $('input[type=checkbox]').each(function() {
106 $(this).prop('checked', checked);
107 });
108 });
109});
110{{/js}}