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 message_email/email_digest_html
19 
 
20 
    Template which defines a forum post for sending in a single-post HTML email.
21 
 
22 
    Classes required for JS:
23 
    * none
24 
 
25 
    Data attributes required for JS:
26 
    * none
27 
 
28 
    Example context (json):
29 
    {
30 
        "conversations": [
31 
            {
32 
                "groupname": "Blue Students",
33 
                "grouppictureurl": "http://example.com/image.jpg",
34 
                "coursename": "Math 101",
35 
                "numberofunreadmessages": "2",
36 
                "messages": [
37 
                    {
38 
                        "userfullname": "Chris Cross",
39 
                        "userpictureurl": "http://example.com/image.jpg",
40 
                        "message": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla neque nunc, bibendum ac vestibulum sit amet, scelerisque luctus sem. Maecenas ultricies hendrerit augue, ac venenatis odio volutpat nec",
41 
                        "timesent": "10:12"
42 
                    },
43 
                    {
44 
                        "userfullname": "Irene Ipsum",
45 
                        "userpictureurl": "http://example.com/image.jpg",
46 
                        "message": "Etiam a tristique risus. Pellentesque id tellus eget elit dictum varius id sed sapien",
47 
                        "timesent": "10:14"
48 
                    }
49 
                ],
50 
                "viewallmessageslink": "http://example.com"
51 
            }
52 
        ]
53 
    }
54 
}}
55 
<head>
56 
    <style>
57 
        .table {
58 
            color: #373a3c;
59 
            border: 1px solid #dee2e6;
60 
            border-collapse: collapse;
61 
            font-size: 14px;
62 
            margin-bottom: 20px;
63 
            width: 100%;
64 
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
65 
        }
66 
        .table th {
67 
            font-weight: normal;
68 
            background-color: #F2F2F2;
69 
            border-bottom: 1px solid #dee2e6;
70 
            padding: 10px;
71 
            vertical-align: top;
72 
        }
73 
        .text-left {
74 
            text-align: left;
75 
        }
76 
        .text-right {
77 
            text-align: right;
78 
        }
79 
        .float-right {
80 
            float: right;
81 
        }
82 
        .table td {
83 
            padding: 10px;
84 
            vertical-align: top;
85 
        }
86 
        .badge {
87 
            background-color: #1177d1;
88 
            color: #ffffff;
89 
            padding: 2px;
90 
            border-radius: 50%;
91 
            width: 15px;
92 
            height: 15px;
93 
            display: inline-block;
94 
            text-align: center;
95 
            font-size: 13px;
96 
            line-height: 15px;
97 
        }
98 
        .linkcolor a {
99 
            color: #1177d1;
100 
        }
101 
        .round {
102 
            border-radius: 50%;
103 
        }
104 
        .message p {
105 
            margin-top: 0;
106 
            padding-right: 40px;
107 
        }
108 
        .nowrap {
109 
            white-space: nowrap;
110 
        }
111 
        .gray-light {
112 
            color: #868e96;
113 
        }
114 
        .text-small {
115 
            font-size: 13px;
116 
        }
117 
    </style>
118 
</head>
119 
 
120 
{{#conversations}}
121 
    <table class="table">
122 
        <thead>
123 
        <tr>
124 
            <th width="40px">
125 
                <img src="{{{ grouppictureurl }}}" class="round" width="40px" height="40px"/>
126 
            </th>
127 
            <th class="text-left">
128 
                <strong>{{ groupname }}</strong><br>
129 
                {{ coursename }}
130 
            </th>
131 
            <th class="nowrap text-right">
132 
                <span class="badge">{{ numberofunreadmessages }}</span> <span class="gray-light">{{#str}} emaildigestunreadmessages, message_email {{/str}}</span>
133 
            </th>
134 
        </tr>
135 
        </thead>
136 
        <tbody>
137 
            {{#messages}}
138 
            <tr>
139 
                <td width="40px" style="text-align: center;">
140 
                    <img src="{{{ userpictureurl }}}" class="round" width="30px" height="30px">
141 
                </td>
142 
                <td colspan="2" class="message">
143 
                    <strong>{{{ userfullname }}}</strong>
144 
                    <span class="float-right gray-light text-small">{{ timesent }}</span>
145 
                    {{{ message }}}
146 
                </td>
147 
            </tr>
148 
            {{/messages}}
149 
            <tr>
150 
                <td colspan="3" class="linkcolor">
151 
                    {{{viewallmessageslink}}}
152 
                </td>
153 
            </tr>
154 
        </tbody>
155 
    </table>
156 
{{/conversations}}