You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
110 lines
3.5 KiB
110 lines
3.5 KiB
"use strict";
|
|
$(document).ready(function() {
|
|
$('#external-events .fc-event').each(function() {
|
|
|
|
// store data so the calendar knows to render an event upon drop
|
|
$(this).data('event', {
|
|
title: $.trim($(this).text()), // use the element's text as the event title
|
|
stick: true // maintain when user navigates (see docs on the renderEvent method)
|
|
});
|
|
|
|
// make the event draggable using jQuery UI
|
|
$(this).draggable({
|
|
zIndex: 999,
|
|
revert: true, // will cause the event to go back to its
|
|
revertDuration: 0 // original position after the drag
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
$('#calendar').fullCalendar({
|
|
header: {
|
|
left: 'prev,next today',
|
|
center: 'title',
|
|
right: 'month,agendaWeek,agendaDay,listMonth'
|
|
},
|
|
defaultDate: '2016-09-12',
|
|
navLinks: true, // can click day/week names to navigate views
|
|
businessHours: true, // display business hours
|
|
editable: true,
|
|
droppable: true, // this allows things to be dropped onto the calendar
|
|
drop: function() {
|
|
|
|
// is the "remove after drop" checkbox checked?
|
|
if ($('#checkbox2').is(':checked')) {
|
|
// if so, remove the element from the "Draggable Events" list
|
|
$(this).remove();
|
|
}
|
|
},
|
|
events: [{
|
|
title: 'Business Lunch',
|
|
start: '2016-09-03T13:00:00',
|
|
constraint: 'businessHours',
|
|
borderColor: '#FC6180',
|
|
backgroundColor: '#FC6180',
|
|
textColor: '#fff'
|
|
}, {
|
|
title: 'Meeting',
|
|
start: '2016-09-13T11:00:00',
|
|
constraint: 'availableForMeeting',
|
|
editable: true,
|
|
borderColor: '#4680ff',
|
|
backgroundColor: '#4680ff',
|
|
textColor: '#fff'
|
|
}, {
|
|
title: 'Conference',
|
|
start: '2016-09-18',
|
|
end: '2016-09-20',
|
|
borderColor: '#93BE52',
|
|
backgroundColor: '#93BE52',
|
|
textColor: '#fff'
|
|
}, {
|
|
title: 'Party',
|
|
start: '2016-09-29T20:00:00',
|
|
borderColor: '#FFB64D',
|
|
backgroundColor: '#FFB64D',
|
|
textColor: '#fff'
|
|
},
|
|
|
|
// areas where "Meeting" must be dropped
|
|
{
|
|
id: 'availableForMeeting',
|
|
start: '2016-09-11T10:00:00',
|
|
end: '2016-09-11T16:00:00',
|
|
rendering: 'background',
|
|
borderColor: '#ab7967',
|
|
backgroundColor: '#ab7967',
|
|
textColor: '#fff'
|
|
}, {
|
|
id: 'availableForMeeting',
|
|
start: '2016-09-13T10:00:00',
|
|
end: '2016-09-13T16:00:00',
|
|
rendering: 'background',
|
|
borderColor: '#39ADB5',
|
|
backgroundColor: '#39ADB5',
|
|
textColor: '#fff'
|
|
},
|
|
|
|
// red areas where no events can be dropped
|
|
{
|
|
start: '2016-09-24',
|
|
end: '2016-09-28',
|
|
overlap: false,
|
|
rendering: 'background',
|
|
borderColor: '#FFB64D',
|
|
backgroundColor: '#FFB64D',
|
|
color: '#d8d6d6'
|
|
}, {
|
|
start: '2016-09-06',
|
|
end: '2016-09-08',
|
|
overlap: false,
|
|
rendering: 'background',
|
|
borderColor: '#ab7967',
|
|
backgroundColor: '#ab7967',
|
|
color: '#d8d6d6'
|
|
}
|
|
]
|
|
});
|
|
});
|