$(function() {
/* initialize the external events
-----------------------------------------------------------------*/
function ini_events(ele) {
ele.each(function() {
// create an Event Object (http://arshaw.com/fullcalendar/docs/event_data/Event_Object/)
// it doesn't need to have a start or end
var eventObject = {
title: $.trim($(this).text()) // use the element's text as the event title
};
// store the Event Object in the DOM element so we can get to it later
$(this).data('eventObject', eventObject);
// make the event draggable using jQuery UI
$(this).draggable({
zIndex: 1070,
revert: true, // will cause the event to go back to its
revertDuration: 0 // original position after the drag
});
});
}
ini_events($('#external-events div.external-event'));
/* initialize the calendar
-----------------------------------------------------------------*/
//Date for the calendar events (dummy data)
var date = new Date();
var d = date.getDate(),
m = date.getMonth(),
y = date.getFullYear();
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
buttonText: {//This is to add icons to the visible buttons
prev: "",
next: "",
today: 'today',
month: 'month',
week: 'week',
day: 'day'
},
//Random default events
events: [
{
title:'Event WEDDING, @MELINDA ',
start:'2020-12-20 00:00:00',
allDay: false,
backgroundColor: '#058060',
borderColor: '#058060'
},
{
title:'Event WEDDING, @Enim Mardiah',
start:'2021-07-17 00:00:00',
allDay: false,
backgroundColor: '#868ebf',
borderColor: '#868ebf'
},
{
title:'Event WEDDING, @RETA IFTITAH SARI ',
start:'2022-03-06 00:00:00',
allDay: false,
backgroundColor: '#d3b64e',
borderColor: '#d3b64e'
},
{
title:'Event WEDDING, @MAKNA WEDDING ',
start:'2022-03-13 00:00:00',
allDay: false,
backgroundColor: '#fe69be',
borderColor: '#fe69be'
},
{
title:'Event WEDDING, @MAHARANI FAIZAH AULIA',
start:'2022-04-30 00:00:00',
allDay: false,
backgroundColor: '#71d732',
borderColor: '#71d732'
},
{
title:'Event WEDDING, @3D WEDDING ORGANIZER ',
start:'2022-05-07 00:00:00',
allDay: false,
backgroundColor: '#c943c6',
borderColor: '#c943c6'
},
{
title:'Event WEDDING, @INDAH OKTASARI ',
start:'2022-05-08 00:00:00',
allDay: false,
backgroundColor: '#4ce4fa',
borderColor: '#4ce4fa'
},
{
title:'Event WEDDING, @IMAS PERMATA SARI ',
start:'2022-05-15 00:00:00',
allDay: false,
backgroundColor: '#46ee41',
borderColor: '#46ee41'
},
{
title:'Event WEDDING, @FERIS NUGRAHA',
start:'2022-05-29 00:00:00',
allDay: false,
backgroundColor: '#022f38',
borderColor: '#022f38'
},
{
title:'Event WEDDING, @3D WEDDING ORGANIZER ',
start:'2022-06-05 00:00:00',
allDay: false,
backgroundColor: '#fd1379',
borderColor: '#fd1379'
},
{
title:'Event WEDDING, @ULIANTINA MEITY ',
start:'2022-06-11 00:00:00',
allDay: false,
backgroundColor: '#51a7b8',
borderColor: '#51a7b8'
},
{
title:'Event WEDDING, @STEFANI SILVI ',
start:'2022-06-25 00:00:00',
allDay: false,
backgroundColor: '#c50d78',
borderColor: '#c50d78'
},
{
title:'Event WEDDING, @ANDHARA RIMAS ',
start:'2022-07-03 00:00:00',
allDay: false,
backgroundColor: '#9dc99b',
borderColor: '#9dc99b'
},
{
title:'Event WEDDING, @ANDHARA RIMAS ',
start:'2022-07-03 00:00:00',
allDay: false,
backgroundColor: '#6858a0',
borderColor: '#6858a0'
},
{
title:'Event WEDDING, @MEDI ARDIANSYAH ',
start:'2022-07-17 00:00:00',
allDay: false,
backgroundColor: '#6b0528',
borderColor: '#6b0528'
},
{
title:'Event WEDDING, @ADLIA HAMIDIN ',
start:'2022-08-06 00:00:00',
allDay: false,
backgroundColor: '#787f4e',
borderColor: '#787f4e'
},
{
title:'Event WEDDING, @UNIVERSITAS IBA PALEMBANG',
start:'2022-10-01 00:00:00',
allDay: false,
backgroundColor: '#b3ada4',
borderColor: '#b3ada4'
},
{
title:'Event WEDDING, @NYIMAS ZIHNI BADZLINA',
start:'2022-10-09 00:00:00',
allDay: false,
backgroundColor: '#33b2ea',
borderColor: '#33b2ea'
},
{
title:'Event WEDDING, @MUHAMMAD FARUQ ALKANDAWASOKA',
start:'2022-10-09 00:00:00',
allDay: false,
backgroundColor: '#aba82f',
borderColor: '#aba82f'
},
{
title:'Event WEDDING, @3D WEDDING ORGANIZER ',
start:'2022-10-29 00:00:00',
allDay: false,
backgroundColor: '#807d3f',
borderColor: '#807d3f'
},
{
title:'Event WEDDING, @HEAVANS RIDHO MUHAMMAD ',
start:'2022-10-30 00:00:00',
allDay: false,
backgroundColor: '#8f63e2',
borderColor: '#8f63e2'
},
{
title:'Event WEDDING, @MEDI ARDIANSYAH ',
start:'2022-11-05 00:00:00',
allDay: false,
backgroundColor: '#53e2ec',
borderColor: '#53e2ec'
},
{
title:'Event WEDDING, @3D WEDDING ORGANIZER ',
start:'2022-11-12 00:00:00',
allDay: false,
backgroundColor: '#905ac7',
borderColor: '#905ac7'
},
{
title:'Event WEDDING, @MEDI ARDIANSYAH ',
start:'2022-11-20 00:00:00',
allDay: false,
backgroundColor: '#300d7f',
borderColor: '#300d7f'
},
{
title:'Event WEDDING, @FERIS NUGRAHA',
start:'2022-12-11 00:00:00',
allDay: false,
backgroundColor: '#9b9089',
borderColor: '#9b9089'
},
{
title:'Event WEDDING, @MUHAMMAD ABDUH ',
start:'2022-12-17 00:00:00',
allDay: false,
backgroundColor: '#5e9378',
borderColor: '#5e9378'
},
{
title:'Event WEDDING, @SILVA CHRISTIN ',
start:'2022-12-18 00:00:00',
allDay: false,
backgroundColor: '#eeb1c3',
borderColor: '#eeb1c3'
},
{
title:'Event WEDDING, @MEDI ARDIANSYAH ',
start:'2023-02-11 00:00:00',
allDay: false,
backgroundColor: '#e61264',
borderColor: '#e61264'
},
{
title:'Event WEDDING, @MEDI ARDIANSYAH ',
start:'2023-02-11 00:00:00',
allDay: false,
backgroundColor: '#6980a2',
borderColor: '#6980a2'
},
{
title:'Event WEDDING, @MEDI ARDIANSYAH ',
start:'2023-02-18 00:00:00',
allDay: false,
backgroundColor: '#6d950a',
borderColor: '#6d950a'
},
{
title:'Event WEDDING, @MUHAMMAD FARUQ ALKANDAWASOKA',
start:'2023-03-12 00:00:00',
allDay: false,
backgroundColor: '#84bcde',
borderColor: '#84bcde'
},
{
title:'Event WEDDING, @MUHAMMAD ABDUH ',
start:'2023-05-06 00:00:00',
allDay: false,
backgroundColor: '#0d95b3',
borderColor: '#0d95b3'
},
{
title:'Event WEDDING, @DWI CAHYA NUGRAHA',
start:'2023-05-07 00:00:00',
allDay: false,
backgroundColor: '#faef7f',
borderColor: '#faef7f'
},
{
title:'Event WEDDING, @FERIS NUGRAHA',
start:'2023-05-14 00:00:00',
allDay: false,
backgroundColor: '#df1b67',
borderColor: '#df1b67'
},
{
title:'Event WEDDING, @CINDY TRIANA PUTRI ',
start:'2023-05-21 00:00:00',
allDay: false,
backgroundColor: '#e802ad',
borderColor: '#e802ad'
},
{
title:'Event WEDDING, @PUTRI OCTAVIA ',
start:'2023-05-22 00:00:00',
allDay: false,
backgroundColor: '#593144',
borderColor: '#593144'
},
{
title:'Event WEDDING, @MEDI ARDIANSYAH ',
start:'2023-05-28 00:00:00',
allDay: false,
backgroundColor: '#98f37a',
borderColor: '#98f37a'
},
{
title:'Event WEDDING, @RUSPIYATI EFI MORISA ',
start:'2023-06-10 00:00:00',
allDay: false,
backgroundColor: '#2b865f',
borderColor: '#2b865f'
},
{
title:'Event WEDDING, @IRMA PUSPITA',
start:'2023-06-11 00:00:00',
allDay: false,
backgroundColor: '#98a359',
borderColor: '#98a359'
},
{
title:'Event WEDDING, @DINA SETIANA ',
start:'2023-06-17 00:00:00',
allDay: false,
backgroundColor: '#0ba3f9',
borderColor: '#0ba3f9'
},
{
title:'Event WEDDING, @M. RIDHO AKBAR (MD WO)',
start:'2023-06-25 00:00:00',
allDay: false,
backgroundColor: '#a77f00',
borderColor: '#a77f00'
},
{
title:'Event WEDDING, @FATRIYANI BONUR LUBIS',
start:'2023-07-09 00:00:00',
allDay: false,
backgroundColor: '#31b92c',
borderColor: '#31b92c'
},
{
title:'Event WEDDING, @DINA SETIANA ',
start:'2023-07-23 00:00:00',
allDay: false,
backgroundColor: '#517743',
borderColor: '#517743'
},
{
title:'Event WEDDING, @DELANISA SABRINA ',
start:'2023-07-30 00:00:00',
allDay: false,
backgroundColor: '#b011d8',
borderColor: '#b011d8'
},
{
title:'Event WEDDING, @HIKMALIYA PUTRI ',
start:'2023-07-30 00:00:00',
allDay: false,
backgroundColor: '#d6a0f3',
borderColor: '#d6a0f3'
},
{
title:'Event WEDDING, @RAMA DHONA UTAMA',
start:'2023-08-12 00:00:00',
allDay: false,
backgroundColor: '#d06a46',
borderColor: '#d06a46'
},
{
title:'Event WEDDING, @CHANDRA KUSUMA ',
start:'2023-11-19 00:00:00',
allDay: false,
backgroundColor: '#22ed71',
borderColor: '#22ed71'
},
{
title:'Event WEDDING, @EUFORIA WO (M. LUCKY PRATAMA)',
start:'2024-03-10 00:00:00',
allDay: false,
backgroundColor: '#5f536b',
borderColor: '#5f536b'
},
],
editable: false,
droppable: false, // this allows things to be dropped onto the calendar !!!
drop: function(date, allDay) { // this function is called when something is dropped
// retrieve the dropped element's stored Event Object
var originalEventObject = $(this).data('eventObject');
// we need to copy it, so that multiple events don't have a reference to the same object
var copiedEventObject = $.extend({}, originalEventObject);
// assign it the date that was reported
copiedEventObject.start = date;
copiedEventObject.allDay = allDay;
copiedEventObject.backgroundColor = $(this).css("background-color");
copiedEventObject.borderColor = $(this).css("border-color");
// render the event on the calendar
// the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/)
$('#calendar').fullCalendar('renderEvent', copiedEventObject, true);
// is the "remove after drop" checkbox checked?
if ($('#drop-remove').is(':checked')) {
// if so, remove the element from the "Draggable Events" list
$(this).remove();
}
}
});
});