fullcalendar

gistfile1.twig

{%- set js -%}
jQuery(document).ready(function() {
    $('#calendar').fullCalendar({
        events: {
            url: '{{ uri.base.full }}evenements/load',
            type: 'POST',
            data: function() {
                var data = {
                    '{{ token }}': '1',
                    'filters': []
                };
                if ($('#filter-site').is(':checked')) {
                    data.filters.push('site');
                }
                if ($('#filter-region').is(':checked')) {
                    data.filters.push('region');
                }
                if ($('#filter-global').is(':checked')) {
                    data.filters.push('global');
                }
                return data;
            },
            error: function() {
                alert('there was an error while fetching events!');
            },
            cache: true
        }
    });

    $('#filters input[type="checkbox"]').on('change', function() {
        $('#calendar').fullCalendar('refetchEvents');
    });

});
{%- endset -%}
{%- do addRequireJSModule("moment", "js/vendor/moment.min", true, ["jquery"]) -%}
{%- do addRequireJSModule("momentfr", "js/vendor/moment.fr", true, ["moment"]) -%}
{%- do addRequireJSModule("fullcalendar", "js/vendor/fullcalendar.min", true, ["moment", "momentfr"]) -%}
{%- do addRequireJSModule("fullcalendarfr", "js/vendor/fullcalendar.fr", true, ["fullcalendar"]) -%}
{%- do addDomReadyJS(js, false, "fullcalendar, fullcalendarfr") -%}