$(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: '#f4fa6d',
borderColor: '#f4fa6d'
},
{
title:'Event WEDDING, @Enim Mardiah',
start:'2021-07-17 00:00:00',
allDay: false,
backgroundColor: '#e4ea26',
borderColor: '#e4ea26'
},
{
title:'Event WEDDING, @RETA IFTITAH SARI ',
start:'2022-03-06 00:00:00',
allDay: false,
backgroundColor: '#61b66a',
borderColor: '#61b66a'
},
{
title:'Event WEDDING, @MAKNA WEDDING ',
start:'2022-03-13 00:00:00',
allDay: false,
backgroundColor: '#95dfde',
borderColor: '#95dfde'
},
{
title:'Event WEDDING, @MAHARANI FAIZAH AULIA',
start:'2022-04-30 00:00:00',
allDay: false,
backgroundColor: '#2c57f0',
borderColor: '#2c57f0'
},
{
title:'Event WEDDING, @3D WEDDING ORGANIZER ',
start:'2022-05-07 00:00:00',
allDay: false,
backgroundColor: '#747239',
borderColor: '#747239'
},
{
title:'Event WEDDING, @INDAH OKTASARI ',
start:'2022-05-08 00:00:00',
allDay: false,
backgroundColor: '#647aaa',
borderColor: '#647aaa'
},
{
title:'Event WEDDING, @IMAS PERMATA SARI ',
start:'2022-05-15 00:00:00',
allDay: false,
backgroundColor: '#80f132',
borderColor: '#80f132'
},
{
title:'Event WEDDING, @FERIS NUGRAHA',
start:'2022-05-29 00:00:00',
allDay: false,
backgroundColor: '#290849',
borderColor: '#290849'
},
{
title:'Event WEDDING, @3D WEDDING ORGANIZER ',
start:'2022-06-05 00:00:00',
allDay: false,
backgroundColor: '#4d4c90',
borderColor: '#4d4c90'
},
{
title:'Event WEDDING, @ULIANTINA MEITY ',
start:'2022-06-11 00:00:00',
allDay: false,
backgroundColor: '#e4436a',
borderColor: '#e4436a'
},
{
title:'Event WEDDING, @STEFANI SILVI ',
start:'2022-06-25 00:00:00',
allDay: false,
backgroundColor: '#8f9a31',
borderColor: '#8f9a31'
},
{
title:'Event WEDDING, @ANDHARA RIMAS ',
start:'2022-07-03 00:00:00',
allDay: false,
backgroundColor: '#2cf738',
borderColor: '#2cf738'
},
{
title:'Event WEDDING, @ANDHARA RIMAS ',
start:'2022-07-03 00:00:00',
allDay: false,
backgroundColor: '#2a9198',
borderColor: '#2a9198'
},
{
title:'Event WEDDING, @MEDI ARDIANSYAH ',
start:'2022-07-17 00:00:00',
allDay: false,
backgroundColor: '#0d27a7',
borderColor: '#0d27a7'
},
{
title:'Event WEDDING, @ADLIA HAMIDIN ',
start:'2022-08-06 00:00:00',
allDay: false,
backgroundColor: '#0b3171',
borderColor: '#0b3171'
},
{
title:'Event WEDDING, @UNIVERSITAS IBA PALEMBANG',
start:'2022-10-01 00:00:00',
allDay: false,
backgroundColor: '#b43f00',
borderColor: '#b43f00'
},
{
title:'Event WEDDING, @NYIMAS ZIHNI BADZLINA',
start:'2022-10-09 00:00:00',
allDay: false,
backgroundColor: '#9facf7',
borderColor: '#9facf7'
},
{
title:'Event WEDDING, @MUHAMMAD FARUQ ALKANDAWASOKA',
start:'2022-10-09 00:00:00',
allDay: false,
backgroundColor: '#82dafb',
borderColor: '#82dafb'
},
{
title:'Event WEDDING, @3D WEDDING ORGANIZER ',
start:'2022-10-29 00:00:00',
allDay: false,
backgroundColor: '#a6bc15',
borderColor: '#a6bc15'
},
{
title:'Event WEDDING, @HEAVANS RIDHO MUHAMMAD ',
start:'2022-10-30 00:00:00',
allDay: false,
backgroundColor: '#e20b6e',
borderColor: '#e20b6e'
},
{
title:'Event WEDDING, @MEDI ARDIANSYAH ',
start:'2022-11-05 00:00:00',
allDay: false,
backgroundColor: '#eb63e7',
borderColor: '#eb63e7'
},
{
title:'Event WEDDING, @3D WEDDING ORGANIZER ',
start:'2022-11-12 00:00:00',
allDay: false,
backgroundColor: '#8c13f5',
borderColor: '#8c13f5'
},
{
title:'Event WEDDING, @MEDI ARDIANSYAH ',
start:'2022-11-20 00:00:00',
allDay: false,
backgroundColor: '#3e3f05',
borderColor: '#3e3f05'
},
{
title:'Event WEDDING, @FERIS NUGRAHA',
start:'2022-12-11 00:00:00',
allDay: false,
backgroundColor: '#1ccc56',
borderColor: '#1ccc56'
},
{
title:'Event WEDDING, @MUHAMMAD ABDUH ',
start:'2022-12-17 00:00:00',
allDay: false,
backgroundColor: '#555152',
borderColor: '#555152'
},
{
title:'Event WEDDING, @SILVA CHRISTIN ',
start:'2022-12-18 00:00:00',
allDay: false,
backgroundColor: '#f73ccb',
borderColor: '#f73ccb'
},
{
title:'Event WEDDING, @MEDI ARDIANSYAH ',
start:'2023-02-11 00:00:00',
allDay: false,
backgroundColor: '#dc617a',
borderColor: '#dc617a'
},
{
title:'Event WEDDING, @MEDI ARDIANSYAH ',
start:'2023-02-11 00:00:00',
allDay: false,
backgroundColor: '#f94373',
borderColor: '#f94373'
},
{
title:'Event WEDDING, @MEDI ARDIANSYAH ',
start:'2023-02-18 00:00:00',
allDay: false,
backgroundColor: '#f15bde',
borderColor: '#f15bde'
},
{
title:'Event WEDDING, @MUHAMMAD FARUQ ALKANDAWASOKA',
start:'2023-03-12 00:00:00',
allDay: false,
backgroundColor: '#562367',
borderColor: '#562367'
},
{
title:'Event WEDDING, @MUHAMMAD ABDUH ',
start:'2023-05-06 00:00:00',
allDay: false,
backgroundColor: '#89b2ae',
borderColor: '#89b2ae'
},
{
title:'Event WEDDING, @DWI CAHYA NUGRAHA',
start:'2023-05-07 00:00:00',
allDay: false,
backgroundColor: '#016a40',
borderColor: '#016a40'
},
{
title:'Event WEDDING, @FERIS NUGRAHA',
start:'2023-05-14 00:00:00',
allDay: false,
backgroundColor: '#2c8fb2',
borderColor: '#2c8fb2'
},
{
title:'Event WEDDING, @CINDY TRIANA PUTRI ',
start:'2023-05-21 00:00:00',
allDay: false,
backgroundColor: '#7fbd08',
borderColor: '#7fbd08'
},
{
title:'Event WEDDING, @PUTRI OCTAVIA ',
start:'2023-05-22 00:00:00',
allDay: false,
backgroundColor: '#3ccd0f',
borderColor: '#3ccd0f'
},
{
title:'Event WEDDING, @MEDI ARDIANSYAH ',
start:'2023-05-28 00:00:00',
allDay: false,
backgroundColor: '#dde196',
borderColor: '#dde196'
},
{
title:'Event WEDDING, @RUSPIYATI EFI MORISA ',
start:'2023-06-10 00:00:00',
allDay: false,
backgroundColor: '#ed81dd',
borderColor: '#ed81dd'
},
{
title:'Event WEDDING, @IRMA PUSPITA',
start:'2023-06-11 00:00:00',
allDay: false,
backgroundColor: '#6f2f7e',
borderColor: '#6f2f7e'
},
{
title:'Event WEDDING, @DINA SETIANA ',
start:'2023-06-17 00:00:00',
allDay: false,
backgroundColor: '#01f7fc',
borderColor: '#01f7fc'
},
{
title:'Event WEDDING, @M. RIDHO AKBAR (MD WO)',
start:'2023-06-25 00:00:00',
allDay: false,
backgroundColor: '#b7f08b',
borderColor: '#b7f08b'
},
{
title:'Event WEDDING, @FATRIYANI BONUR LUBIS',
start:'2023-07-09 00:00:00',
allDay: false,
backgroundColor: '#58b17c',
borderColor: '#58b17c'
},
{
title:'Event WEDDING, @DINA SETIANA ',
start:'2023-07-23 00:00:00',
allDay: false,
backgroundColor: '#d57a5c',
borderColor: '#d57a5c'
},
{
title:'Event WEDDING, @DELANISA SABRINA ',
start:'2023-07-30 00:00:00',
allDay: false,
backgroundColor: '#868693',
borderColor: '#868693'
},
{
title:'Event WEDDING, @HIKMALIYA PUTRI ',
start:'2023-07-30 00:00:00',
allDay: false,
backgroundColor: '#2704f3',
borderColor: '#2704f3'
},
{
title:'Event WEDDING, @RAMA DHONA UTAMA',
start:'2023-08-12 00:00:00',
allDay: false,
backgroundColor: '#2f86ed',
borderColor: '#2f86ed'
},
{
title:'Event WEDDING, @CHANDRA KUSUMA ',
start:'2023-11-19 00:00:00',
allDay: false,
backgroundColor: '#88a3e0',
borderColor: '#88a3e0'
},
{
title:'Event WEDDING, @EUFORIA WO (M. LUCKY PRATAMA)',
start:'2024-03-10 00:00:00',
allDay: false,
backgroundColor: '#a605d6',
borderColor: '#a605d6'
},
],
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();
}
}
});
});