MDL-64017 message_email: Added mustache templates for email
[moodle.git] / message / output / email / templates / email_digest_html.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 email_message/email_digest_html
20     Template which defines a forum post for sending in a single-post HTML email.
22     Classes required for JS:
23     * none
25     Data attributes required for JS:
26     * none
28     Example context (json):
29     {
30         "conversations": [
31             {
32                 "groupname": "Blue Students",
33                 "coursename": "Math 101",
34                 "numberofunreadmessages": "2",
35                 "messages": [
36                     {
37                         "userfullname": "Chris Cross",
38                         "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",
39                         "timesent": "10:12"
40                     },
41                     {
42                         "userfullname": "Irene Ipsum",
43                         "message": "Etiam a tristique risus. Pellentesque id tellus eget elit dictum varius id sed sapien",
44                         "timesent": "10:14"
45                     }
46                 ],
47                 "viewallmessageslink": "http://example.com"
48             }
49         ]
50     }
51 }}
52 <head>
53     <style>
54         .table {
55             color: #373a3c;
56             border: 1px solid #dee2e6;
57             border-collapse: collapse;
58             font-size: 15px;
59             margin-bottom: 20px;
60         }
61         .table th {
62             text-align: left;
63             font-weight: normal;
64             background-color: #F2F2F2;
65             border-bottom: 1px solid #dee2e6;
66             padding: 10px;
67         }
68         .table td {
69             padding: 10px;
70             vertical-align: top;
71         }
72         .badge {
73             background-color: #1177d1;
74             color: #ffffff;
75             padding: 2px;
76             border-radius: 50%;
77             width: 15px;
78             height: 15px;
79             display: inline-block;
80             text-align: center;
81         }
82         .nowrap {
83             white-space: nowrap;
84         }
85         .text-right {
86             text-align: right;
87         }
88     </style>
89 </head>
91 {{#conversations}}
92     <table class="table">
93         <thead>
94         <tr>
95             <th>
96                 <strong>{{ groupname }}</strong><br>
97                 {{ coursename }}
98             </th>
99             <th class="nowrap">
100                 <span class="badge">{{ numberofunreadmessages }}</span> {{#str}} emaildigestunreadmessages, message_email {{/str}}
101             </th>
102         </tr>
103         </thead>
104         <tbody>
105             {{#messages}}
106             <tr>
107                 <td>
108                     <strong>{{{ userfullname }}}</strong>
109                     <p>{{{ message }}}</p>
110                 </td>
111                 <td class="text-right">
112                     {{ timesent }}
113                 </td>
114             </tr>
115             {{/messages}}
116             <tr>
117                 <td colspan="2">
118                     {{{viewallmessageslink}}}
119                 </td>
120             </tr>
121         </tbody>
122     </table>
123 {{/conversations}}