80 lines
2.9 KiB
JavaScript
80 lines
2.9 KiB
JavaScript
$(document).ready(function () {
|
|
var calendar = $('#calendar').fullCalendar({
|
|
editable: true,
|
|
events: "fetch-event.php",
|
|
displayEventTime: false,
|
|
eventRender: function (event, element, view) {
|
|
if (event.allDay === 'true') {
|
|
event.allDay = true;
|
|
} else {
|
|
event.allDay = false;
|
|
}
|
|
},
|
|
selectable: true,
|
|
selectHelper: true,
|
|
select: function (start, end, allDay) {
|
|
var title = prompt('Event Title:');
|
|
|
|
if (title) {
|
|
var start = $.fullCalendar.formatDate(start, "Y-MM-DD HH:mm:ss");
|
|
var end = $.fullCalendar.formatDate(end, "Y-MM-DD HH:mm:ss");
|
|
|
|
$.ajax({
|
|
url: 'add-event.php',
|
|
data: 'title=' + title + '&start=' + start + '&end=' + end,
|
|
type: "POST",
|
|
success: function (data) {
|
|
displayMessage("Added Successfully");
|
|
}
|
|
});
|
|
calendar.fullCalendar('renderEvent',
|
|
{
|
|
title: title,
|
|
start: start,
|
|
end: end,
|
|
allDay: allDay
|
|
},
|
|
true
|
|
);
|
|
}
|
|
calendar.fullCalendar('unselect');
|
|
},
|
|
|
|
editable: true,
|
|
eventDrop: function (event, delta) {
|
|
var start = $.fullCalendar.formatDate(event.start, "Y-MM-DD HH:mm:ss");
|
|
var end = $.fullCalendar.formatDate(event.end, "Y-MM-DD HH:mm:ss");
|
|
$.ajax({
|
|
url: 'edit-event.php',
|
|
data: 'title=' + event.title + '&start=' + start + '&end=' + end + '&id=' + event.id,
|
|
type: "POST",
|
|
success: function (response) {
|
|
displayMessage("Updated Successfully");
|
|
}
|
|
});
|
|
},
|
|
eventClick: function (event) {
|
|
var deleteMsg = confirm("Do you really want to delete?");
|
|
if (deleteMsg) {
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "delete-event.php",
|
|
data: "&id=" + event.id,
|
|
success: function (response) {
|
|
if(parseInt(response) > 0) {
|
|
$('#calendar').fullCalendar('removeEvents', event.id);
|
|
displayMessage("Deleted Successfully");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
});
|
|
});
|
|
|
|
function displayMessage(message) {
|
|
$(".response").html("<div class='success'>"+message+"</div>");
|
|
setInterval(function() { $(".success").fadeOut(); }, 1000);
|
|
}
|