MDL-69878 core_message: always show message drawer close icon
[moodle.git] / message / templates / message_drawer_view_contacts_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 core_message/message_drawer_view_contacts_header
20     This template will render the header for the contacts page of
21     the message drawer.
23     Classes required for JS:
24     * none
26     Data attributes required for JS:
27     * All data attributes are required
29     Context variables required for this template:
30     * userid The logged in user id
31     * urls The URLs for the popover
33     Example context (json):
34     {}
36 }}
37 <div class="hidden border-bottom p-1 px-sm-2" aria-hidden="true" data-region="view-contacts">
38     <div class="d-flex align-items-center">
39         {{#isdrawer}}
40         <div class="align-self-stretch">
41             <a class="h-100 d-flex align-items-center mr-2" href="#" data-route-back role="button">
42                 {{> core_message/message_drawer_icon_back }}
43             </a>
44         </div>
45         {{/isdrawer}}
46         <div>
47             {{#str}} contacts, core_message {{/str}}
48         </div>
49         <div class="ml-auto">
50             <a href="#" data-route="view-search" role="button" aria-label="{{#str}} search, core_search {{/str}}">
51                 {{#pix}} a/search, core {{/pix}}
52             </a>
53         </div>
54     </div>
55 </div>