MDL-57770 tool_lp: style fixes for the competency rule dialog
[moodle.git] / admin / tool / lp / templates / competency_rule_config.mustache
1 {{!
2     This file is part of Moodle - http://moodle.org/
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.
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.
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 tool_lp/competency_rule_config
20     Configuration dialogue for competency rules.
22     Context variables required for this template:
23     * config - boolean
24     * outcomes - array
25       * code
26       * name
27       * selected
28     * rules - array
29       * type
30       * name
31       * selected
33     Example context (json):
34     {
35         "config": true,
36         "outcomes": [
37             {
38                 "code": "C1",
39                 "name": "Complete",
40                 "selected": true
41             }
42         ],
43         "rules": [
44             {
45                 "type": "Type",
46                 "name": "Something happens",
47                 "selected": true
48             }
49         ]
50     }
51 }}
52 <div data-region="competencyruleconfig">
53     <div data-region="content">
55         {{^config}}
56         <p>{{#str}}cannotaddrules, tool_lp{{/str}}</p>
57         {{/config}}
59         {{#config}}
60         <div data-region="rule-base" class="form">
61             <div data-region="rule-outcome" class="form-group">
62                 <label>{{#str}}outcome, tool_lp{{/str}}</label>
63                 <select name="outcome" class="custom-select" ng-label="{{#str}}outcome, tool_lp{{/str}}">
64                     {{#outcomes}}
65                     <option value="{{code}}" {{#selected}}selected{{/selected}}>{{name}}</option>
66                     {{/outcomes}}
67                 </select>
68             </div>
69             <div data-region="rule-type" class="form-group">
70                 <label>{{#str}}when, tool_lp{{/str}}</label>
71                 <select name="rule" class="custom-select" ng-label="{{#str}}when, tool_lp{{/str}}">
72                     <option value="-1">{{#str}}choosedots{{/str}}</option>
73                     {{#rules}}
74                     <option value="{{type}}" {{#selected}}selected{{/selected}}>{{name}}</option>
75                     {{/rules}}
76                 </select>
77             </div>
78         </div>
79         <div data-region="rule-config">
80         </div>
81         {{/config}}
82     </div>
84     <div data-region="footer" class="pull-xs-right m-t-1">
85         {{#config}}
86         <input type="button" class="btn btn-primary" data-action="save" value="{{#str}}savechanges{{/str}}"/>
87         {{/config}}
88         <input type="button" class="btn btn-secondary" data-action="cancel" value="{{#str}}cancel{{/str}}"/>
89     </div>
90     <div class="clearfix"></div>
91 </div>