lib/templates/external_content_banner.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/external_content_banner
  19
  20     Moodle external content banner template.
  21
  22     The purpose of this template is to render an iframe that contains external content banner.
  23
  24     Classes required for JS:
  25     * none
  26
  27     Data attributes required for JS:
  28     * none
  29
  30     Context variables required for this template:
  31     * lang User's language.
  32
  33     Example context (json):
  34     {
  35         "iframeid": "external-content",
  36         "url": "http://example.com/link",
  37         "title": "External content"
  38     }
  39 }}
  40 <div class="alert alert-secondary alert-block fade in">
  41     <iframe id="{{iframeid}}" title="{{title}}" class="w-100 border-0"></iframe>
  42 </div>
  43 {{#js}}
  44 (function() {
  45     var iframe = document.getElementById('{{iframeid}}');
  46     iframe.src = '{{url}}';
  47     window.addEventListener('message', function (event) {
  48         if (event.source === iframe.contentWindow) {
  49             iframe.style.height = event.data + 'px';
  50         }
  51     });
  52 })();
  53 {{/js}}