| Server IP : 66.29.137.217 / Your IP : 18.119.110.128 Web Server : LiteSpeed System : Linux premium294.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : gltevjme ( 1095) PHP Version : 7.0.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/gltevjme/gle.gltechlimited.com/public/assets/js/custom/ |
Upload File : |
/*
--------------------------------
: Custom - Calender js :
--------------------------------
*/
!function($) {
"use strict";
var CalendarPage = function() {};
CalendarPage.prototype.init = function() {
/* -- checking if plugin is available -- */
if ($.isFunction($.fn.fullCalendar)) {
/* -- initialize the external events -- */
$('#external-events .fc-event').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: 999,
revert: true, /* -- will cause the event to go back to its -- */
revertDuration: 0 /* -- original position after the drag -- */
});
});
/* -- initialize the calendar -- */
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,basicWeek,basicDay'
},
editable: true,
eventLimit: true, /* -- allow "more" link when too many events -- */
droppable: true, /* -- 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;
/* -- 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();
}
},
events: [{
title: 'All Events',
start: new Date(y, m, 1)
},
{
title: 'Workshop',
start: new Date(y, m, d-10),
end: new Date(y, m, d-15),
color: '#506fe4',
},
{
id: 999,
title: 'Meetup',
start: new Date(y, m, d-15, 12, 0),
allDay: false,
color: '#96a3b6',
},
{
id: 999,
title: 'Repeat Meet up',
start: new Date(y, m, d+8, 16, 0),
allDay: false,
color: '#141d46',
},
{
title: 'Appointment',
start: new Date(y, m, d, 10, 30),
allDay: false,
color: '#f9616d',
},
{
title: 'Dinner',
start: new Date(y, m, d, 12, 0),
end: new Date(y, m, d, 14, 0),
allDay: false,
color: '#3d9bfb',
},
{
title: 'Anniversary',
start: new Date(y, m, d+2, 19, 0),
end: new Date(y, m, d+2, 22, 30),
allDay: false,
color: '#43d187',
},
{
title: 'Click for Bootstrap',
start: new Date(y, m, 3),
end: new Date(y, m, 4),
url: 'https://getbootstrap.com/',
color: '#f7bb4d',
}]
});
/* -- Add new event -- */
/* -- Form to add new event -- */
$("#add_event_form").on('submit', function(ev) {
ev.preventDefault();
var $event = $(this).find('.new-event-form'),
event_name = $event.val();
if (event_name.length >= 3) {
var newid = "new" + "" + Math.random().toString(36).substring(7);
/* -- Create Event Entry -- */
$("#external-events").append(
'<div id="' + newid + '" class="fc-event">' + event_name + '</div>'
);
var eventObject = {
title: $.trim($("#" + newid).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 -- */
$("#" + newid).data('eventObject', eventObject);
/* -- Reset draggable -- */
$("#" + newid).draggable({
revert: true,
revertDuration: 0,
zIndex: 999
});
/* -- Reset input -- */
$event.val('').focus();
} else {
$event.focus();
}
});
}
else {
alert("Calendar plugin is not installed");
}
},
/* -- init -- */
$.CalendarPage = new CalendarPage, $.CalendarPage.Constructor = CalendarPage
}
(window.jQuery),
/* -- initializing -- */
function($) {
"use strict";
$.CalendarPage.init()
}(window.jQuery);