Rev 4141 | Rev 4192 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
<?php
$routeEvents = $this->url('calendar/events');
$this->headLink()->appendStylesheet($this->basePath('vendors/fullcalendar/fullcalendar.css'));
//$this->headLink()->appendStylesheet($this->basePath('vendors/fullcalendar-scheduler/dist/scheduler.css'));
//$this->headLink()->appendStylesheet($this->basePath('vendors/iCheck/skins/flat/green.css'));
$this->inlineScript()->appendFile($this->basePath('vendors/fullcalendar/lib/moment.min.js'));
$this->inlineScript()->appendFile($this->basePath('vendors/fullcalendar/fullcalendar.js'));
$this->inlineScript()->appendFile($this->basePath('vendors/fullcalendar/locale/es-us.js'));
//$this->inlineScript()->appendFile($this->basePath('vendors/fullcalendar-scheduler/dist/scheduler.js'));
//$this->inlineScript()->appendFile($this->basePath('vendors/iCheck/icheck.min.js'));
$this->inlineScript()->appendFile($this->basePath('vendors/popper/umd/popper.js'));
$defaultDate = date('Y-m-d');
$this->inlineScript()->captureStart();
echo <<<JS
jQuery( document ).ready(function( $ ) {
var data_resources = new Array();
var data_events = new Array();
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay,listWeek'
},
defaultDate: '$defaultDate',
editable: true,
navLinks: true, // can click day/week names to navigate views
eventLimit: true, // allow "more" link when too many events
events: {
url: '$routeEvents',
error: function() {
$('#script-warning').show();
}
}
,eventRender: function(eventObj, \$el) {
$('.popover').remove();
\$el.popover({
title: eventObj.title,
content: eventObj.agenda,
trigger: 'hover',
placement: 'top',
container: 'body',
popperOptions : {
removeOnDestroy: true
},
options : {
removeOnDestroy: true
},
html: true
});
},
});
});
JS;
$this->inlineScript()->captureEnd();
?>
<section class="info-page">
<div class="container">
<div class="row">
<div id="calendar" class="col-xs-12 col-sm-12 col-md-12 col-lg-122"></div>
</div>
</div>
</section>