MDL-64506 templates: BS2 pull-x -> BS4 float-x
[moodle.git] / calendar / templates / event_item.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 calendar/event_item
20     Calendar event item.
22     The purpose of this template is to render the event item.
24     Classes required for JS:
25     * none
27     Data attributes required for JS:
28     * none
30     Example context (json):
31     {
32     }
33 }}
34 <div{{!
35     }} data-type="event"{{!
36     }} data-course-id="{{course.id}}"{{!
37     }} data-event-id="{{id}}"{{!
38     }} class="event"{{!
39     }} data-eventtype-{{calendareventtype}}="1"{{!
40     }} data-event-title="{{name}}"{{!
41     }} data-event-count="{{eventcount}}"{{!
42     }}>
43     <div class="card">
44         <div class="box card-header clearfix p-y-1">
45             <div class="commands float-sm-right">
46                 {{#canedit}}
47                     {{#candelete}}
48                         <a href="{{deleteurl}}" data-action="delete">
49                             {{#pix}}t/delete, core, {{#str}}delete{{/str}}{{/pix}}
50                         </a>
51                     {{/candelete}}
52                     {{^isactionevent}}
53                         <a href="{{editurl}}" data-action="edit">
54                             {{#pix}}t/edit, core, {{#str}}edit{{/str}}{{/pix}}
55                         </a>
56                     {{/isactionevent}}
57                 {{/canedit}}
58             </div>
59             {{#icon}}<div class="d-inline-block mt-1 align-top">{{#pix}} {{key}}, {{component}}, {{alttext}} {{/pix}}</div>{{/icon}}
60             <div class="d-inline-block">
61                 <h3 class="name d-inline-block">{{{name}}}</h3>
62                 <span class="date float-sm-right mr-1">{{{formattedtime}}}</span>
63                 <div class="location">{{#location}}{{{location}}}{{/location}}</div>
64             </div>
65         </div>
66         <div class="description card-block calendar_event_{{eventtype}}">
67             <p>{{{description}}}</p>
68             {{#iscourseevent}}
69                 <div><a href="{{url}}">{{course.fullname}}</a></div>
70             {{/iscourseevent}}
71             {{> core_calendar/event_subscription}}
72             {{#isactionevent}}
73                 <a href="{{url}}">{{#str}} gotoactivity, core_calendar {{/str}}</a>
74             {{/isactionevent}}
75             {{#groupname}}
76                 <div><a href="{{url}}">{{{course.fullname}}}</a></div>
77                 <div>{{{groupname}}}</div>
78             {{/groupname}}
79         </div>
80     </div>
81 </div>