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/>.
18 @template core_message/message_drawer
20 This template will render the message drawer.
22 Classes required for JS:
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):
38 <div id="message-drawer-{{uniqid}}" class="message-app" data-region="message-drawer" role="region">
39 <div class="closewidget bg-light border-bottom text-right">
40 <a class="text-dark" data-action="closedrawer" href="#">
41 {{#pix}} i/window_close, core, {{#str}} closebuttontitle {{/str}} {{/pix}}
44 <div class="header-container position-relative" data-region="header-container">
45 {{> core_message/message_drawer_view_contacts_header }}
46 {{> core_message/message_drawer_view_conversation_header }}
47 {{> core_message/message_drawer_view_overview_header }}
48 {{> core_message/message_drawer_view_search_header }}
49 {{> core_message/message_drawer_view_settings_header }}
51 <div class="body-container position-relative" data-region="body-container">
52 {{> core_message/message_drawer_view_contact_body }}
53 {{> core_message/message_drawer_view_contacts_body }}
54 {{> core_message/message_drawer_view_conversation_body }}
55 {{> core_message/message_drawer_view_group_info_body }}
56 {{> core_message/message_drawer_view_overview_body }}
57 {{> core_message/message_drawer_view_search_body }}
58 {{> core_message/message_drawer_view_settings_body }}
60 <div class="footer-container position-relative" data-region="footer-container">
61 {{> core_message/message_drawer_view_conversation_footer }}
62 {{> core_message/message_drawer_view_overview_footer }}
69 require(['jquery', 'core_message/message_drawer'], function($, MessageDrawer) {
70 var root = $('#message-drawer-{{uniqid}}');
71 MessageDrawer.init(root, '{{uniqid}}', false);