lib/templates/full_header.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/full_header
  19
  20     This template renders the header.
  21
  22     Example context (json):
  23     {
  24         "contextheader": "context_header_html",
  25         "settingsmenu": "settings_html",
  26         "hasnavbar": false,
  27         "navbar": "navbar_if_available",
  28         "courseheader": "course_header_html"
  29     }
  30 }}
  31 <header id="page-header" class="row">
  32     <div class="col-12 pt-3 pb-3">
  33         <div class="card {{^contextheader}}border-0 bg-transparent{{/contextheader}}">
  34             <div class="card-body {{^contextheader}}p-2{{/contextheader}}">
  35                 <div class="d-sm-flex align-items-center">
  36                     {{#contextheader}}
  37                     <div class="mr-auto">
  38                         {{{contextheader}}}
  39                     </div>
  40                     {{/contextheader}}
  41
  42                     {{#settingsmenu}}
  43                     <div class="context-header-settings-menu">
  44                         {{{settingsmenu}}}
  45                     </div>
  46                     {{/settingsmenu}}
  47                     <div class="header-actions-container flex-shrink-0" data-region="header-actions-container">
  48                         {{#headeractions}}
  49                             <div class="header-action ml-2">{{{.}}}</div>
  50                         {{/headeractions}}
  51                     </div>
  52                 </div>
  53                 <div class="d-flex flex-wrap">
  54                     {{#hasnavbar}}
  55                     <div id="page-navbar">
  56                         {{{navbar}}}
  57                     </div>
  58                     {{/hasnavbar}}
  59                     <div class="ml-auto d-flex">
  60                         {{{pageheadingbutton}}}
  61                     </div>
  62                     <div id="course-header">
  63                         {{{courseheader}}}
  64                     </div>
  65                 </div>
  66             </div>
  67         </div>
  68     </div>
  69 </header>