Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1
{{!
2
    This file is part of Moodle - http://moodle.org/
3
 
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.
8
 
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.
13
 
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_conversation_body_day_placeholder
19
 
20
    This template will render the loading placeholder elements for a day of messages
21
    in the conversation page of the message drawer.
22
 
23
    Classes required for JS:
24
    * none
25
 
26
    Data attributes required for JS:
27
    * All data attributes are required
28
 
29
    Context variables required for this template:
30
    * userid The logged in user id
31
    * urls The URLs for the popover
32
 
33
    Example context (json):
34
    {}
35
 
36
}}
37
<div class="mt-4">
38
    <div class="mb-4">
39
        <div class="mx-auto bg-white" style="height: 25px; width: 100px"></div>
40
    </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">
43
            <div class="mr-2">
44
                <div class="rounded-circle bg-pulse-grey" style="height: 35px; width: 35px"></div>
45
            </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>
48
        </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>
54
    </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">
57
            <div class="mr-2">
58
                <div class="rounded-circle bg-pulse-grey" style="height: 35px; width: 35px"></div>
59
            </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>
62
        </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>
68
    </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">
71
            <div class="mr-2">
72
                <div class="rounded-circle bg-pulse-grey" style="height: 35px; width: 35px"></div>
73
            </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>
76
        </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>
82
    </div>
83
</div>