MDL-64506 templates: Remove BS2 spans from elements.
[moodle.git] / message / templates / notification_preferences_component_notification.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 core_message/notification_preferences_component_notification
20     The notification preferences page
22     Classes required for JS:
23     * disabled
25     Data attibutes required for JS:
26     * All data attributes are required
28     Context variables required for this template:
29     * displayname   The notification display name
30     * preferencekey The unique key to identify this preference
31     * processors    The list of processors for this notification
33     Example context (json):
34     {
35         "displayname": "Notices about minor problems",
36         "preferencekey": "message_provider_moodle_notices",
37         "processors": [
38             {
39                 "displayname": "Popup notification",
40                 "name": "popup",
41                 "locked": 0,
42                 "loggedin": {
43                     "name": "loggedin",
44                     "displayname": "When I'm logged in",
45                     "checked": 0,
46                     "iconurl": "some url"
47                 },
48                 "loggedoff": {
49                     "name": "loggedoff",
50                     "displayname": "When I'm offline",
51                     "checked": 0,
52                     "iconurl": "some url"
53                 }
54             }
55         ]
56     }
57 }}
58 <tr class="preference-row" data-region="preference-row" data-preference-key="{{preferencekey}}">
59     <td class="preference-name">{{displayname}}</td>
60     {{#processors}}
61     <td {{^userconfigured}}class="disabled"{{/userconfigured}} data-processor-name="{{name}}">
62             {{#locked}}
63                 <div class="dimmed_text">{{lockedmessage}}</div>
64             {{/locked}}
65             {{^locked}}
66                 <div class="disabled-message">{{#str}} disabled, question {{/str}}</div>
67                 <form>
68                     <div class="container-fluid">
69                         <div class="row-fluid">
70                             <div class="col-xs-6">
71                                 {{#loggedin}}
72                                     {{< core/hover_tooltip }}
73                                         {{$anchor}}
74                                             <label class="preference-state"
75                                                 title="{{displayname}}"
76                                                 data-state="{{name}}">
78                                                 <span class="accesshide">{{displayname}}</span>
79                                                 <input type="checkbox"
80                                                     tabindex="-1"
81                                                     class="accesshide"
82                                                     {{#checked}}checked{{/checked}}
83                                                     {{#disableall}}disabled{{/disableall}} />
84                                                 <div class="preference-state-status-container" tabindex="0">
85                                                     <span class="on-text">{{#str}} on, message {{/str}}</span>
86                                                     <span class="off-text">{{#str}} off, message {{/str}}</span>
87                                                     {{> core/loading }}
88                                                 </div>
89                                             </label>
90                                         {{/anchor}}
91                                         {{$tooltip}}{{displayname}}{{/tooltip}}
92                                     {{/ core/hover_tooltip }}
93                                 {{/loggedin}}
94                             </div>
95                             <div class="col-xs-6">
96                                 {{#loggedoff}}
97                                     {{< core/hover_tooltip }}
98                                         {{$anchor}}
99                                             <label class="preference-state"
100                                                 title="{{displayname}}"
101                                                 data-state="{{name}}">
103                                                 <span class="accesshide">{{displayname}}</span>
104                                                 <input type="checkbox"
105                                                     tabindex="-1"
106                                                     class="accesshide"
107                                                     {{#checked}}checked{{/checked}}
108                                                     {{#disableall}}disabled{{/disableall}} />
109                                                 <div class="preference-state-status-container" tabindex="0">
110                                                     <span class="on-text">{{#str}} on, message {{/str}}</span>
111                                                     <span class="off-text">{{#str}} off, message {{/str}}</span>
112                                                     {{> core/loading }}
113                                                 </div>
114                                             </label>
115                                         {{/anchor}}
116                                         {{$tooltip}}{{displayname}}{{/tooltip}}
117                                     {{/ core/hover_tooltip }}
118                                 {{/loggedoff}}
119                             </div>
120                         </div>
121                     </div>
122                 </form>
123             {{/locked}}
124         </td>
125     {{/processors}}
126 </tr>