MDL-64505 theme_classic: Created the classic theme
[moodle.git] / theme / classic / templates / core / full_header.mustache
1 {{!
2     This file is part of Moodle - http://moodle.org/
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.
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.
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 theme_classic/header
20     This template renders the header.
22     Example context (json):
23     {
24         "contextheader": "context_header_html",
25         "hasnavbar": false,
26         "navbar": "navbar_if_available",
27         "courseheader": "course_header_html"
28     }
29 }}
30 <header id="page-header" class="row">
31     <div class="col-12 pt-3 pb-3">
32         <div class="card {{^contextheader}}border-0 bg-transparent{{/contextheader}}">
33             <div class="card-body {{^contextheader}}p-2{{/contextheader}}">
34                 <div class="d-flex">
35                     <div class="mr-auto">
36                     {{{contextheader}}}
37                     </div>
38                 </div>
39                 <div class="d-flex flex-wrap">
40                     {{#hasnavbar}}
41                     <div id="page-navbar">
42                         {{{navbar}}}
43                     </div>
44                     {{/hasnavbar}}
45                     <div class="ml-auto d-flex">
46                         {{{pageheadingbutton}}}
47                     </div>
48                     <div id="course-header">
49                         {{{courseheader}}}
50                     </div>
51                 </div>
52             </div>
53         </div>
54     </div>
55 </header>