message/templates/notification_preferences_component_notification.mustache

   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_message/notification_preferences_component_notification
  19
  20     The notification preferences page
  21
  22     Classes required for JS:
  23     * disabled
  24
  25     Data attibutes required for JS:
  26     * All data attributes are required
  27
  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
  32
  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}}">
  77
  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}}">
 102
 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>