57 lines
1.5 KiB
XML
57 lines
1.5 KiB
XML
<metal:block use-macro="main_template">
|
|
<div metal:fill-slot="content">
|
|
<div class="container">
|
|
|
|
<div class="alert alert-warning" tal:condition="message" tal:content="message" />
|
|
<br />
|
|
<!-- Pas d'horaires disponibles -->
|
|
<div tal:condition="nb_events == 0">
|
|
<p class="text-danger">Aucun horaire disponible en ligne. Veuillez contacter <a href="/agence">votre agence</a> pour plus de disponibilités.</p>
|
|
</div>
|
|
<div tal:condition="nb_events">
|
|
<p class="text-succes">${nb_events} horaire(s) disponible(s) en ligne. Pour plus de disponibilités, veuillez contacter <a href="/agence">votre agence</a> .</p>
|
|
<H4>
|
|
<span class="label" style="background-color:LightBlue; color:black;">Vos rendez-vous</span>
|
|
<span class="label" style="background-color:LightGreen; color:black;">Horaire disponible</span>
|
|
</H4>
|
|
<div id="calendar"></div>
|
|
</div>
|
|
<br />
|
|
|
|
</div>
|
|
|
|
<br />
|
|
<br />
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
var datePlan = '${datePlan}';
|
|
|
|
$('#calendar').fullCalendar({
|
|
schedulerLicenseKey: 'GPL-My-Project-Is-Open-Source',
|
|
locale: 'fr',
|
|
header: {
|
|
left: 'agendaWeek month',
|
|
center: 'prev title next',
|
|
right: 'today'
|
|
},
|
|
allDaySlot: false,
|
|
defaultView: 'month',
|
|
defaultDate: moment(datePlan),
|
|
slotDuration: '00:60:00',
|
|
hiddenDays: [0], // hide sunday
|
|
height: 'auto',
|
|
minTime: "06:00:00",
|
|
maxTime: "21:00:00",
|
|
timeFormat: 'H:',
|
|
displayEventTime: true,
|
|
events:${fullcalendar_events},
|
|
});
|
|
});
|
|
</script>
|
|
|
|
</div><!-- content -->
|
|
</metal:block>
|
|
|
|
|