admin/templates/themeselector/theme_preview_modal.mustache

   1 {{!
   2     This file is part of Moodle - http://moodle.org/
   3     Moodle is free software: you can redistribute it and/or modify
   4     it under the terms of the GNU General Public License as published by
   5     the Free Software Foundation, either version 3 of the License, or
   6     (at your option) any later version.
   7     Moodle is distributed in the hope that it will be useful,
   8     but WITHOUT ANY WARRANTY; without even the implied warranty of
   9     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  10     GNU General Public License for more details.
  11     You should have received a copy of the GNU General Public License
  12     along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
  13 }}
  14 {{!
  15     @template core_admin/themeselector/theme_preview_modal
  16
  17     This template renders the modal for the selected theme.
  18
  19     Example context (json):
  20     {
  21         "name": "Boost",
  22         "choose": "boost",
  23         "image": "http://moodlesite/theme/image.php?theme=boost&image=screenshot&component=theme",
  24         "description": "Boost is a modern highly-customisable theme...",
  25         "current": true,
  26         "actionurl": "http://moodlesite/admin/themeselector.php",
  27         "sesskey": "123XYZ"
  28     }
  29 }}
  30 <div>
  31     <div>
  32         <img
  33             src="{{image}}"
  34             alt=""
  35             id="modal-theme-preview-{{choose}}"
  36             class="w-100 mb-3">
  37     </div>
  38     <div class="d-flex">
  39         <div class="flex-grow-1">
  40             <p><strong>{{#str}}themepreviewdescription, moodle, {{name}}{{/str}}</strong></p>
  41         </div>
  42         <div class="d-flex align-items-end flex-column">
  43         {{#current}}
  44             <strong><span class="text-success">{{#str}}currenttheme, moodle{{/str}}</span></strong>
  45             {{#definedinconfig}}
  46                 <div class="alert alert-info p-1">{{#str}}configoverride, admin{{/str}}</div>
  47             {{/definedinconfig}}
  48         {{/current}}
  49         </div>
  50     </div>
  51     <p>{{description}}</p>
  52     {{#actionurl}}
  53         <form method="post" action="{{actionurl}}" id="modal-theme-select-form-{{choose}}">
  54             <input type="hidden" name="sesskey" value="{{sesskey}}">
  55             <input type="hidden" name="choose" value="{{choose}}">
  56         </form>
  57     {{/actionurl}}
  58 </div>