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.
148 lines
5.3 KiB
148 lines
5.3 KiB
$(document).ready(function(t, e, i) { |
|
function t(t) { |
|
t.each(function() { |
|
var t = { |
|
title: $.trim($(this).text()) |
|
}; |
|
$(this).data("eventObject", t), $(this).draggable({ |
|
zIndex: 1070, |
|
revert: !0, |
|
revertDuration: 0 |
|
}) |
|
}) |
|
} |
|
t($("#external-events div.external-event")); |
|
var e = new Date, |
|
i = e.getDate(), |
|
n = e.getMonth(), |
|
r = e.getFullYear(); |
|
$("#calendar").fullCalendar({ |
|
header: { |
|
left: "prev,next today", |
|
center: "title", |
|
right: "month,agendaWeek,agendaDay" |
|
}, |
|
buttonText: { |
|
today: "today", |
|
month: "month", |
|
week: "week", |
|
day: "day" |
|
}, |
|
events: [{ |
|
title: "All Day Event", |
|
start: new Date(r, n, 1), |
|
className: "bg-purple" |
|
}, { |
|
title: "Long Event", |
|
start: new Date(r, n, i - 5), |
|
end: new Date(r, n, i - 2), |
|
className: "bg-yellow" |
|
}, { |
|
title: "Meeting", |
|
start: new Date(r, n, i, 10, 30), |
|
allDay: !1, |
|
className: "bg-red" |
|
}, { |
|
title: "Lunch", |
|
start: new Date(r, n, i, 12, 0), |
|
end: new Date(r, n, i, 14, 0), |
|
allDay: !1, |
|
className: "bg-navy" |
|
}, { |
|
title: "Birthday Party", |
|
start: new Date(r, n, i + 1, 19, 0), |
|
end: new Date(r, n, i + 1, 22, 30), |
|
allDay: !1, |
|
className: "bg-green" |
|
}, { |
|
title: "Click for Google", |
|
start: new Date(r, n, 28), |
|
end: new Date(r, n, 29), |
|
url: "http://google.com/", |
|
className: "bg-lime" |
|
}], |
|
editable: !0, |
|
selectable: !0, |
|
droppable: !0, |
|
drop: function(t, e) { |
|
var i = $(this).data("eventObject"), |
|
n = $.extend({}, i); |
|
n.start = t, n.allDay = e, n.backgroundColor = $(this).css("background-color"), n.borderColor = $(this).css("border-color"), $("#calendar").fullCalendar("renderEvent", n, !0), $("#drop-remove").is(":checked") && $(this).remove() |
|
}, |
|
eventClick: function(calEvent, jsEvent, view) { |
|
var $this = this; |
|
$("#editEname").val(calEvent.title) |
|
$("#editStarts").datetimepicker("date", calEvent.start._d) |
|
$("#editEvent").modal({ |
|
backdrop: 'static' |
|
}); |
|
$("#editEvent").find('.delete-event').show().end().find('.delete-event').unbind('click').click(function() { |
|
$("#calendar").fullCalendar('removeEvents', function(ev) { |
|
return (ev._id == calEvent._id); |
|
}); |
|
$("#editEvent").modal('hide'); |
|
}); |
|
$("#editEvent").find('form').on('submit', function() { |
|
calEvent.title = $("#editEname").val(); |
|
calEvent.start = new Date($("#editStarts").data("datetimepicker").date()) |
|
$("#calendar").fullCalendar('updateEvent', calEvent); |
|
$("#editEvent").modal('hide'); |
|
return false; |
|
}); |
|
}, |
|
|
|
select: function(start, end, allDay) { |
|
var $this = this; |
|
$("#addEvent").modal({ |
|
backdrop: 'static' |
|
}); |
|
$("#eventStarts").datetimepicker("date", start) |
|
var form = $("#addEventForm"); |
|
$("#addEvent").find('.delete-event').hide().end().find('.save-event').show().end().find('.save-event').unbind('click').click(function() { |
|
form.submit(); |
|
}); |
|
|
|
$("#addEvent").find('form').on('submit', function() { |
|
var title = form.find("#eventName").val(); |
|
var start = form.find("#eventStarts").val(); |
|
var end = form.find("input[name='ending']").val(); |
|
var categoryClass = form.find("#addColor [type=radio]:checked").data("color"); |
|
if (title !== null && title.length != 0) { |
|
$("#calendar").fullCalendar('renderEvent', { |
|
title: title, |
|
start: start, |
|
end: end, |
|
allDay: false, |
|
className: categoryClass |
|
}, true); |
|
$("#addEvent").modal('hide'); |
|
} else { |
|
alert('You have to give a title to your event'); |
|
} |
|
return false; |
|
}); |
|
$("#calendar").fullCalendar('unselect'); |
|
|
|
} |
|
}); |
|
var a = "#3c8dbc"; |
|
$("#color-chooser-btn"); |
|
$("#color-chooser > li > a").on("click", function(t) { |
|
t.preventDefault(), a = $(this).css("color"), $("#add-new-event").css({ |
|
"background-color": a, |
|
"border-color": a |
|
}) |
|
}), $("#add-new-event").on("click", function(e) { |
|
e.preventDefault(); |
|
var i = $("#new-event").val(); |
|
if (0 != i.length) { |
|
var n = $("<div />"); |
|
n.css({ |
|
"background-color": a, |
|
"border-color": a, |
|
color: "#fff" |
|
}).addClass("external-event"), n.html(i), $("#external-events").prepend(n), t(n), $("#new-event").val("") |
|
} |
|
}); |
|
|
|
}) |