MDL-69878 core_message: always show message drawer close icon
[moodle.git] / message / templates / message_drawer_view_overview_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_overview_header
20     This template will render the header for the overview page of the message drawer.
22     Classes required for JS:
23     * none
25     Data attributes required for JS:
26     * All data attributes are required
28     Context variables required for this template:
29     * userid The logged in user id
30     * urls The URLs for the popover
32     Example context (json):
33     {}
35 }}
36 <div class="border-bottom p-1 px-sm-2" aria-hidden="false" {{^isdrawer}}data-in-panel="true"{{/isdrawer}} data-region="view-overview">
37     <div class="d-flex align-items-center">
38         <div class="input-group simplesearchform">
39             <input
40                 type="text"
41                 class="form-control"
42                 placeholder="{{#str}} search, core_search {{/str}}"
43                 aria-label="{{#str}} search, core_search {{/str}}"
44                 data-region="view-overview-search-input"
45             >
46             <div class="input-group-append">
47                 <span class="icon-no-margin btn btn-submit">
48                     {{#pix}} a/search, core {{/pix}}
49                 </span>
50             </div>
51         </div>
52         <div class="ml-2">
53             <a
54                 href="#"
55                 data-route="view-settings"
56                 data-route-param="{{loggedinuser.id}}"
57                 aria-label="{{#str}} settings, core_message {{/str}}"
58                 role="button"
59             >
60                 {{#pix}} t/edit, core {{/pix}}
61             </a>
62         </div>
63     </div>
64     <div class="text-right mt-sm-3">
65         <a href="#" data-route="view-contacts" role="button">
66             {{#pix}} i/user, core {{/pix}}
67             {{#str}} contacts, core_message {{/str}}
68             <span class="badge badge-primary bg-primary ml-2 {{^contactrequestcount}}hidden{{/contactrequestcount}}"
69             data-region="contact-request-count"
70             aria-label="{{#str}} pendingcontactrequests, core_message, {{contactrequestcount}} {{/str}}">
71                 {{contactrequestcount}}
72             </span>
73         </a>
74     </div>
75 </div>