lib/templates/columns-autoflow-1to1to1.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/columns-autoflow-1to1to1
  19
  20     Moodle columns-autoflow-1to1to1 template.
  21
  22     The purpose of this template is to render a template with 3 columns where the content automatically
  23     flows from one column to the next in order to balance all 3 columns. Based on CSS3.
  24
  25     Classes required for JS:
  26     * none
  27
  28     Data attributes required for JS:
  29     * none
  30
  31     Context variables required for this template:
  32     * message Content that will be displayed in three columns.
  33
  34     Example context (json):
  35     {
  36         "message": "<div class='alert alert-info'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tincidunt interdum tellus, id ullamcorper magna fringilla nec. Mauris lacinia ipsum vel mollis vehicula. Vivamus hendrerit lacinia efficitur. Sed feugiat nunc condimentum dui faucibus, nec facilisis ipsum egestas. Proin venenatis turpis nec felis molestie porttitor. Nulla et orci lectus.</div>"
  37     }
  38
  39 }}
  40 <div class="columns-autoflow-1to1to1">{{$ content }}{{{ message }}}{{/ content }}</div>