course/templates/chooser_help.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_course/chooser_help
  19
  20     Chooser help / more information template.
  21
  22     Example context (json):
  23     {
  24         "label": "Option name",
  25         "description": "Option description",
  26         "urls": {
  27             "addoption": "http://addoptionurl.com"
  28         },
  29         "icon": "<img class='icon' src='http://urltooptionicon'>"
  30     }
  31 }}
  32 <div class="optionsummary" tabindex="-1" data-region="chooser-option-summary-container" aria-labelledby="optionsummary_label" aria-describedby="optionsumary_desc">
  33     <div class="content text-left mb-5 px-5 py-4" data-region="chooser-option-summary-content-container">
  34         <div class="heading mb-4">
  35             <h5 id="optionsummary_label">
  36                 {{#icon}}
  37                     {{>core/pix_icon}}
  38                 {{/icon}}
  39                 {{label}}
  40             </h5>
  41         </div>
  42         <div id="optionsumary_desc" class="description" data-region="summary-description" tabindex="0">
  43             {{{description}}}
  44         </div>
  45     </div>
  46     <div class="actions fixed-bottom w-100 d-flex justify-content-between position-absolute py-3 px-4" data-region="chooser-option-summary-actions-container">
  47         <button data-action="close-chooser-option-summary" class="closeoptionsummary btn btn-secondary" tabindex="0" data-modname="{{modulename}}">
  48             {{#str}} back {{/str}}
  49         </button>
  50         <a href="{{urls.addoption}}" aria-label="{{#str}} addnew, moodle, {{label}} {{/str}}" data-action="add-chooser-option" class="addoption btn btn-primary" tabindex="0">
  51             {{#str}} add {{/str}}
  52         </a>
  53     </div>
  54 </div>