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_view_conversation_body_day_placeholder
20 This template will render the loading placeholder elements for a day of messages
21 in the conversation page of the message drawer.
23 Classes required for JS:
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):
39 <div class="mx-auto bg-white" style="height: 25px; width: 100px"></div>
41 <div class="d-flex flex-column p-2 bg-white rounded mb-2">
42 <div class="d-flex align-items-center mb-2">
44 <div class="rounded-circle bg-pulse-grey" style="height: 35px; width: 35px"></div>
46 <div class="mr-4 w-75 bg-pulse-grey" style="height: 16px"></div>
47 <div class="ml-auto bg-pulse-grey" style="width: 35px; height: 16px"></div>
49 <div class="bg-pulse-grey w-100" style="height: 16px"></div>
50 <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>
51 <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>
52 <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>
53 <div class="bg-pulse-grey w-75 mt-2" style="height: 16px"></div>
55 <div class="d-flex flex-column p-2 bg-white rounded mb-2">
56 <div class="d-flex align-items-center mb-2">
58 <div class="rounded-circle bg-pulse-grey" style="height: 35px; width: 35px"></div>
60 <div class="mr-4 w-75 bg-pulse-grey" style="height: 16px"></div>
61 <div class="ml-auto bg-pulse-grey" style="width: 35px; height: 16px"></div>
63 <div class="bg-pulse-grey w-100" style="height: 16px"></div>
64 <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>
65 <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>
66 <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>
67 <div class="bg-pulse-grey w-75 mt-2" style="height: 16px"></div>
69 <div class="d-flex flex-column p-2 bg-white rounded mb-2">
70 <div class="d-flex align-items-center mb-2">
72 <div class="rounded-circle bg-pulse-grey" style="height: 35px; width: 35px"></div>
74 <div class="mr-4 w-75 bg-pulse-grey" style="height: 16px"></div>
75 <div class="ml-auto bg-pulse-grey" style="width: 35px; height: 16px"></div>
77 <div class="bg-pulse-grey w-100" style="height: 16px"></div>
78 <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>
79 <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>
80 <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>
81 <div class="bg-pulse-grey w-75 mt-2" style="height: 16px"></div>