55 lines
1.5 KiB
XML
55 lines
1.5 KiB
XML
<metal:block use-macro="main_template">
|
|
<div metal:fill-slot="content">
|
|
<div class="container">
|
|
|
|
<br />
|
|
<div class="container">
|
|
<div id="calendar"></div>
|
|
</div>
|
|
<br />
|
|
<p align="center">
|
|
<span class="label bg-PE">RDV Peinture</span>
|
|
<span class="label bg-ME">RDV Menuiserie</span>
|
|
<span class="label bg-PL">RDV Plomberie</span>
|
|
<span class="label bg-PO">RDV Polynet</span>
|
|
<span class="label bg-CD">RDV Couleurs & Déco</span>
|
|
</p>
|
|
<br />
|
|
<br />
|
|
</div>
|
|
|
|
|
|
</div><!-- content -->
|
|
<div metal:fill-slot="additional_scripts">
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.min.js"></script>
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar-scheduler/1.9.4/scheduler.min.js"></script>
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/locale/fr.js"></script>
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('#calendar').fullCalendar({
|
|
schedulerLicenseKey: 'GPL-My-Project-Is-Open-Source',
|
|
defaultView: 'timelineDay',
|
|
minTime: "07:00:00",
|
|
maxTime: "20:00:00",
|
|
height: 'auto',
|
|
locale: 'fr',
|
|
header: {
|
|
left: '',
|
|
center: 'prev title next',
|
|
right: 'timelineDay'
|
|
},
|
|
resourceAreaWidth: '20%',
|
|
resourceLabelText: 'Intervenants',
|
|
resources: ${calendar_ressources},
|
|
events:${calendar_events},
|
|
eventRender: function(event, element){
|
|
element.find('.fc-title').append("<br/>" + event.description);
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</div>
|
|
</metal:block>
|
|
|
|
|