'); -} - - -function disableTextSelection(element) { - element - .attr('unselectable', 'on') - .css('MozUserSelect', 'none') - .bind('selectstart.ui', function() { return false; }); -} - /* + * Use fullcalendar.css for basic styling. + * For event drag & drop, requires jQuery UI draggable. + * For event resizing, requires jQuery UI resizable. + */ + +(function ($, undefined) { + var defaults = { + // display + defaultView: "month", + aspectRatio: 1.35, + header: { + left: "title", + center: "", + right: "today prev,next", + }, + weekends: true, + weekNumbers: false, + weekNumberCalculation: "iso", + weekNumberTitle: "W", + + // editing + //editable: false, + //disableDragging: false, + //disableResizing: false, + + allDayDefault: true, + ignoreTimezone: true, + + // event ajax + lazyFetching: true, + startParam: "start", + endParam: "end", + + // time formats + titleFormat: { + month: "MMMM yyyy", + week: "MMM d[ yyyy]{ '—'[ MMM] d yyyy}", + day: "dddd, MMM d, yyyy", + }, + columnFormat: { + month: "ddd", + week: "ddd M/d", + day: "dddd M/d", + }, + timeFormat: { + // for event elements + "": "h(:mm)t", // default + }, + + // locale + isRTL: false, + firstDay: 0, + monthNames: [ + "January", + "February", + "March", + "April", + "May", + "June", + "July", + "August", + "September", + "October", + "November", + "December", + ], + monthNamesShort: [ + "Jan", + "Feb", + "Mar", + "Apr", + "May", + "Jun", + "Jul", + "Aug", + "Sep", + "Oct", + "Nov", + "Dec", + ], + dayNames: [ + "Sunday", + "Monday", + "Tuesday", + "Wednesday", + "Thursday", + "Friday", + "Saturday", + ], + dayNamesShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], + buttonText: { + prev: "‹", + next: "›", + prevYear: "«", + nextYear: "»", + today: "today", + month: "month", + week: "week", + day: "day", + }, + + // jquery-ui theming + theme: false, + buttonIcons: { + prev: "circle-triangle-w", + next: "circle-triangle-e", + }, + + //selectable: false, + unselectAuto: true, + + dropAccept: "*", + + handleWindowResize: true, + }; + + // right-to-left defaults + var rtlDefaults = { + header: { + left: "next,prev today", + center: "", + right: "title", + }, + buttonText: { + prev: "›", + next: "‹", + prevYear: "»", + nextYear: "«", + }, + buttonIcons: { + prev: "circle-triangle-e", + next: "circle-triangle-w", + }, + }; + + var fc = ($.fullCalendar = { version: "1.6.4" }); + var fcViews = (fc.views = {}); + + $.fn.fullCalendar = function (options) { + // method calling + if (typeof options == "string") { + var args = Array.prototype.slice.call(arguments, 1); + var res; + this.each(function () { + var calendar = $.data(this, "fullCalendar"); + if (calendar && $.isFunction(calendar[options])) { + var r = calendar[options].apply(calendar, args); + if (res === undefined) { + res = r; + } + if (options == "destroy") { + $.removeData(this, "fullCalendar"); + } + } + }); + if (res !== undefined) { + return res; + } + return this; + } + + options = options || {}; + + // would like to have this logic in EventManager, but needs to happen before options are recursively extended + var eventSources = options.eventSources || []; + delete options.eventSources; + if (options.events) { + eventSources.push(options.events); + delete options.events; + } + + options = $.extend( + true, + {}, + defaults, + options.isRTL || (options.isRTL === undefined && defaults.isRTL) + ? rtlDefaults + : {}, + options + ); + + this.each(function (i, _element) { + var element = $(_element); + var calendar = new Calendar(element, options, eventSources); + element.data("fullCalendar", calendar); // TODO: look into memory leak implications + calendar.render(); + }); + + return this; + }; + + // function for adding/overriding defaults + function setDefaults(d) { + $.extend(true, defaults, d); + } + + function Calendar(element, options, eventSources) { + var t = this; + + // exports + t.options = options; + t.render = render; + t.destroy = destroy; + t.refetchEvents = refetchEvents; + t.reportEvents = reportEvents; + t.reportEventChange = reportEventChange; + t.rerenderEvents = rerenderEvents; + t.changeView = changeView; + t.select = select; + t.unselect = unselect; + t.prev = prev; + t.next = next; + t.prevYear = prevYear; + t.nextYear = nextYear; + t.today = today; + t.gotoDate = gotoDate; + t.incrementDate = incrementDate; + t.formatDate = function (format, date) { + return formatDate(format, date, options); + }; + t.formatDates = function (format, date1, date2) { + return formatDates(format, date1, date2, options); + }; + t.getDate = getDate; + t.getView = getView; + t.option = option; + t.trigger = trigger; + + // imports + EventManager.call(t, options, eventSources); + var isFetchNeeded = t.isFetchNeeded; + var fetchEvents = t.fetchEvents; + + // locals + var _element = element[0]; + var header; + var headerElement; + var content; + var tm; // for making theme classes + var currentView; + var elementOuterWidth; + var suggestedViewHeight; + var resizeUID = 0; + var ignoreWindowResize = 0; + var date = new Date(); + var events = []; + var _dragElement; + + /* Main Rendering + -----------------------------------------------------------------------------*/ + + setYMD(date, options.year, options.month, options.date); + + function render(inc) { + if (!content) { + initialRender(); + } else if (elementVisible()) { + // mainly for the public API + calcSize(); + _renderView(inc); + } + } + + function initialRender() { + tm = options.theme ? "ui" : "fc"; + element.addClass("fc"); + if (options.isRTL) { + element.addClass("fc-rtl"); + } else { + element.addClass("fc-ltr"); + } + if (options.theme) { + element.addClass("ui-widget"); + } + + content = $( + "" + ).prependTo(element); + + header = new Header(t, options); + headerElement = header.render(); + if (headerElement) { + element.prepend(headerElement); + } + + changeView(options.defaultView); + + if (options.handleWindowResize) { + $(window).resize(windowResize); + } + + // needed for IE in a 0x0 iframe, b/c when it is resized, never triggers a windowResize + if (!bodyVisible()) { + lateRender(); + } + } + + // called when we know the calendar couldn't be rendered when it was initialized, + // but we think it's ready now + function lateRender() { + setTimeout(function () { + // IE7 needs this so dimensions are calculated correctly + if (!currentView.start && bodyVisible()) { + // !currentView.start makes sure this never happens more than once + renderView(); + } + }, 0); + } + + function destroy() { + if (currentView) { + trigger( + "viewDestroy", + currentView, + currentView, + currentView.element + ); + currentView.triggerEventDestroy(); + } + + $(window).unbind("resize", windowResize); + + header.destroy(); + content.remove(); + element.removeClass("fc fc-rtl ui-widget"); + } + + function elementVisible() { + return element.is(":visible"); + } + + function bodyVisible() { + return $("body").is(":visible"); + } + + /* View Rendering + -----------------------------------------------------------------------------*/ + + function changeView(newViewName) { + if (!currentView || newViewName != currentView.name) { + _changeView(newViewName); + } + } + + function _changeView(newViewName) { + ignoreWindowResize++; + + if (currentView) { + trigger( + "viewDestroy", + currentView, + currentView, + currentView.element + ); + unselect(); + currentView.triggerEventDestroy(); // trigger 'eventDestroy' for each event + freezeContentHeight(); + currentView.element.remove(); + header.deactivateButton(currentView.name); + } + + header.activateButton(newViewName); + + currentView = new fcViews[newViewName]( + $( + "" + ).appendTo(content), + t // the calendar object + ); + + renderView(); + unfreezeContentHeight(); + + ignoreWindowResize--; + } + + function renderView(inc) { + if ( + !currentView.start || // never rendered before + inc || + date < currentView.start || + date >= currentView.end // or new date range + ) { + if (elementVisible()) { + _renderView(inc); + } + } + } + + function _renderView(inc) { + // assumes elementVisible + ignoreWindowResize++; + + if (currentView.start) { + // already been rendered? + trigger( + "viewDestroy", + currentView, + currentView, + currentView.element + ); + unselect(); + clearEvents(); + } + + freezeContentHeight(); + currentView.render(date, inc || 0); // the view's render method ONLY renders the skeleton, nothing else + setSize(); + unfreezeContentHeight(); + (currentView.afterRender || noop)(); + + updateTitle(); + updateTodayButton(); + + trigger( + "viewRender", + currentView, + currentView, + currentView.element + ); + currentView.trigger("viewDisplay", _element); // deprecated + + ignoreWindowResize--; + + getAndRenderEvents(); + } + + /* Resizing + -----------------------------------------------------------------------------*/ + + function updateSize() { + if (elementVisible()) { + unselect(); + clearEvents(); + calcSize(); + setSize(); + renderEvents(); + } + } + + function calcSize() { + // assumes elementVisible + if (options.contentHeight) { + suggestedViewHeight = options.contentHeight; + } else if (options.height) { + suggestedViewHeight = + options.height - + (headerElement ? headerElement.height() : 0) - + vsides(content); + } else { + suggestedViewHeight = Math.round( + content.width() / Math.max(options.aspectRatio, 0.5) + ); + } + } + + function setSize() { + // assumes elementVisible + + if (suggestedViewHeight === undefined) { + calcSize(); // for first time + // NOTE: we don't want to recalculate on every renderView because + // it could result in oscillating heights due to scrollbars. + } + + ignoreWindowResize++; + currentView.setHeight(suggestedViewHeight); + currentView.setWidth(content.width()); + ignoreWindowResize--; + + elementOuterWidth = element.outerWidth(); + } + + function windowResize() { + if (!ignoreWindowResize) { + if (currentView.start) { + // view has already been rendered + var uid = ++resizeUID; + setTimeout(function () { + // add a delay + if ( + uid == resizeUID && + !ignoreWindowResize && + elementVisible() + ) { + if ( + elementOuterWidth != + (elementOuterWidth = element.outerWidth()) + ) { + ignoreWindowResize++; // in case the windowResize callback changes the height + updateSize(); + currentView.trigger("windowResize", _element); + ignoreWindowResize--; + } + } + }, 200); + } else { + // calendar must have been initialized in a 0x0 iframe that has just been resized + lateRender(); + } + } + } + + /* Event Fetching/Rendering + -----------------------------------------------------------------------------*/ + // TODO: going forward, most of this stuff should be directly handled by the view + + function refetchEvents() { + // can be called as an API method + clearEvents(); + fetchAndRenderEvents(); + } + + function rerenderEvents(modifiedEventID) { + // can be called as an API method + clearEvents(); + renderEvents(modifiedEventID); + } + + function renderEvents(modifiedEventID) { + // TODO: remove modifiedEventID hack + if (elementVisible()) { + currentView.setEventData(events); // for View.js, TODO: unify with renderEvents + currentView.renderEvents(events, modifiedEventID); // actually render the DOM elements + currentView.trigger("eventAfterAllRender"); + } + } + + function clearEvents() { + currentView.triggerEventDestroy(); // trigger 'eventDestroy' for each event + currentView.clearEvents(); // actually remove the DOM elements + currentView.clearEventData(); // for View.js, TODO: unify with clearEvents + } + + function getAndRenderEvents() { + if ( + !options.lazyFetching || + isFetchNeeded(currentView.visStart, currentView.visEnd) + ) { + fetchAndRenderEvents(); + } else { + renderEvents(); + } + } + + function fetchAndRenderEvents() { + fetchEvents(currentView.visStart, currentView.visEnd); + // ... will call reportEvents + // ... which will call renderEvents + } + + // called when event data arrives + function reportEvents(_events) { + events = _events; + renderEvents(); + } + + // called when a single event's data has been changed + function reportEventChange(eventID) { + rerenderEvents(eventID); + } + + /* Header Updating + -----------------------------------------------------------------------------*/ + + function updateTitle() { + header.updateTitle(currentView.title); + } + + function updateTodayButton() { + var today = new Date(); + if (today >= currentView.start && today < currentView.end) { + header.disableButton("today"); + } else { + header.enableButton("today"); + } + } + + /* Selection + -----------------------------------------------------------------------------*/ + + function select(start, end, allDay) { + currentView.select( + start, + end, + allDay === undefined ? true : allDay + ); + } + + function unselect() { + // safe to be called before renderView + if (currentView) { + currentView.unselect(); + } + } + + /* Date + -----------------------------------------------------------------------------*/ + + function prev() { + renderView(-1); + } + + function next() { + renderView(1); + } + + function prevYear() { + addYears(date, -1); + renderView(); + } + + function nextYear() { + addYears(date, 1); + renderView(); + } + + function today() { + date = new Date(); + renderView(); + } + + function gotoDate(year, month, dateOfMonth) { + if (year instanceof Date) { + date = cloneDate(year); // provided 1 argument, a Date + } else { + setYMD(date, year, month, dateOfMonth); + } + renderView(); + } + + function incrementDate(years, months, days) { + if (years !== undefined) { + addYears(date, years); + } + if (months !== undefined) { + addMonths(date, months); + } + if (days !== undefined) { + addDays(date, days); + } + renderView(); + } + + function getDate() { + return cloneDate(date); + } + + /* Height "Freezing" + -----------------------------------------------------------------------------*/ + + function freezeContentHeight() { + content.css({ + width: "100%", + height: content.height(), + overflow: "hidden", + }); + } + + function unfreezeContentHeight() { + content.css({ + width: "", + height: "", + overflow: "", + }); + } + + /* Misc + -----------------------------------------------------------------------------*/ + + function getView() { + return currentView; + } + + function option(name, value) { + if (value === undefined) { + return options[name]; + } + if ( + name == "height" || + name == "contentHeight" || + name == "aspectRatio" + ) { + options[name] = value; + updateSize(); + } + } + + function trigger(name, thisObj) { + if (options[name]) { + return options[name].apply( + thisObj || _element, + Array.prototype.slice.call(arguments, 2) + ); + } + } + + /* External Dragging + ------------------------------------------------------------------------*/ + + if (options.droppable) { + $(document) + .bind("dragstart", function (ev, ui) { + var _e = ev.target; + var e = $(_e); + if (!e.parents(".fc").length) { + // not already inside a calendar + var accept = options.dropAccept; + if ( + $.isFunction(accept) + ? accept.call(_e, e) + : e.is(accept) + ) { + _dragElement = _e; + currentView.dragStart(_dragElement, ev, ui); + } + } + }) + .bind("dragstop", function (ev, ui) { + if (_dragElement) { + currentView.dragStop(_dragElement, ev, ui); + _dragElement = null; + } + }); + } + } + + function Header(calendar, options) { + var t = this; + + // exports + t.render = render; + t.destroy = destroy; + t.updateTitle = updateTitle; + t.activateButton = activateButton; + t.deactivateButton = deactivateButton; + t.disableButton = disableButton; + t.enableButton = enableButton; + + // locals + var element = $([]); + var tm; + + function render() { + tm = options.theme ? "ui" : "fc"; + var sections = options.header; + if (sections) { + element = $( + "
" + ); + if (prevButton) { + prevButton.addClass(tm + "-corner-right"); + } + prevButton = null; + } else { + var buttonClick; + if (calendar[buttonName]) { + buttonClick = calendar[buttonName]; // calendar method + } else if (fcViews[buttonName]) { + buttonClick = function () { + button.removeClass(tm + "-state-hover"); // forget why + calendar.changeView(buttonName); + }; + } + if (buttonClick) { + var icon = options.theme + ? smartProperty( + options.buttonIcons, + buttonName + ) + : null; // why are we using smartProperty here? + var text = smartProperty( + options.buttonText, + buttonName + ); // why are we using smartProperty here? + var button = $( + "" + ) + .click(function () { + if ( + !button.hasClass( + tm + "-state-disabled" + ) + ) { + buttonClick(); + } + }) + .mousedown(function () { + button + .not("." + tm + "-state-active") + .not("." + tm + "-state-disabled") + .addClass(tm + "-state-down"); + }) + .mouseup(function () { + button.removeClass(tm + "-state-down"); + }) + .hover( + function () { + button + .not("." + tm + "-state-active") + .not( + "." + tm + "-state-disabled" + ) + .addClass(tm + "-state-hover"); + }, + function () { + button + .removeClass( + tm + "-state-hover" + ) + .removeClass( + tm + "-state-down" + ); + } + ) + .appendTo(e); + disableTextSelection(button); + if (!prevButton) { + button.addClass(tm + "-corner-left"); + } + prevButton = button; + } + } + }); + if (prevButton) { + prevButton.addClass(tm + "-corner-right"); + } + }); + } + return e; + } + + function updateTitle(html) { + element.find("h2").html(html); + } + + function activateButton(buttonName) { + element + .find("span.fc-button-" + buttonName) + .addClass(tm + "-state-active"); + } + + function deactivateButton(buttonName) { + element + .find("span.fc-button-" + buttonName) + .removeClass(tm + "-state-active"); + } + + function disableButton(buttonName) { + element + .find("span.fc-button-" + buttonName) + .addClass(tm + "-state-disabled"); + } + + function enableButton(buttonName) { + element + .find("span.fc-button-" + buttonName) + .removeClass(tm + "-state-disabled"); + } + } + + fc.sourceNormalizers = []; + fc.sourceFetchers = []; + + var ajaxDefaults = { + dataType: "json", + cache: false, + }; + + var eventGUID = 1; + + function EventManager(options, _sources) { + var t = this; + + // exports + t.isFetchNeeded = isFetchNeeded; + t.fetchEvents = fetchEvents; + t.addEventSource = addEventSource; + t.removeEventSource = removeEventSource; + t.updateEvent = updateEvent; + t.renderEvent = renderEvent; + t.removeEvents = removeEvents; + t.clientEvents = clientEvents; + t.normalizeEvent = normalizeEvent; + + // imports + var trigger = t.trigger; + var getView = t.getView; + var reportEvents = t.reportEvents; + + // locals + var stickySource = { events: [] }; + var sources = [stickySource]; + var rangeStart, rangeEnd; + var currentFetchID = 0; + var pendingSourceCnt = 0; + var loadingLevel = 0; + var cache = []; + + for (var i = 0; i < _sources.length; i++) { + _addEventSource(_sources[i]); + } + + /* Fetching + -----------------------------------------------------------------------------*/ + + function isFetchNeeded(start, end) { + return !rangeStart || start < rangeStart || end > rangeEnd; + } + + function fetchEvents(start, end) { + rangeStart = start; + rangeEnd = end; + cache = []; + var fetchID = ++currentFetchID; + var len = sources.length; + pendingSourceCnt = len; + for (var i = 0; i < len; i++) { + fetchEventSource(sources[i], fetchID); + } + } + + function fetchEventSource(source, fetchID) { + _fetchEventSource(source, function (events) { + if (fetchID == currentFetchID) { + if (events) { + if (options.eventDataTransform) { + events = $.map(events, options.eventDataTransform); + } + if (source.eventDataTransform) { + events = $.map(events, source.eventDataTransform); + } + // TODO: this technique is not ideal for static array event sources. + // For arrays, we'll want to process all events right in the beginning, then never again. + + for (var i = 0; i < events.length; i++) { + events[i].source = source; + normalizeEvent(events[i]); + } + cache = cache.concat(events); + } + pendingSourceCnt--; + if (!pendingSourceCnt) { + reportEvents(cache); + } + } + }); + } + + function _fetchEventSource(source, callback) { + var i; + var fetchers = fc.sourceFetchers; + var res; + for (i = 0; i < fetchers.length; i++) { + res = fetchers[i](source, rangeStart, rangeEnd, callback); + if (res === true) { + // the fetcher is in charge. made its own async request + return; + } else if (typeof res == "object") { + // the fetcher returned a new source. process it + _fetchEventSource(res, callback); + return; + } + } + var events = source.events; + if (events) { + if ($.isFunction(events)) { + pushLoading(); + events( + cloneDate(rangeStart), + cloneDate(rangeEnd), + function (events) { + callback(events); + popLoading(); + } + ); + } else if ($.isArray(events)) { + callback(events); + } else { + callback(); + } + } else { + var url = source.url; + if (url) { + var success = source.success; + var error = source.error; + var complete = source.complete; + + // retrieve any outbound GET/POST $.ajax data from the options + var customData; + if ($.isFunction(source.data)) { + // supplied as a function that returns a key/value object + customData = source.data(); + } else { + // supplied as a straight key/value object + customData = source.data; + } + + // use a copy of the custom data so we can modify the parameters + // and not affect the passed-in object. + var data = $.extend({}, customData || {}); + + var startParam = firstDefined( + source.startParam, + options.startParam + ); + var endParam = firstDefined( + source.endParam, + options.endParam + ); + if (startParam) { + data[startParam] = Math.round(+rangeStart / 1000); + } + if (endParam) { + data[endParam] = Math.round(+rangeEnd / 1000); + } + + pushLoading(); + $.ajax( + $.extend({}, ajaxDefaults, source, { + data: data, + success: function (events) { + events = events || []; + var res = applyAll(success, this, arguments); + if ($.isArray(res)) { + events = res; + } + callback(events); + }, + error: function () { + applyAll(error, this, arguments); + callback(); + }, + complete: function () { + applyAll(complete, this, arguments); + popLoading(); + }, + }) + ); + } else { + callback(); + } + } + } + + /* Sources + -----------------------------------------------------------------------------*/ + + function addEventSource(source) { + source = _addEventSource(source); + if (source) { + pendingSourceCnt++; + fetchEventSource(source, currentFetchID); // will eventually call reportEvents + } + } + + function _addEventSource(source) { + if ($.isFunction(source) || $.isArray(source)) { + source = { events: source }; + } else if (typeof source == "string") { + source = { url: source }; + } + if (typeof source == "object") { + normalizeSource(source); + sources.push(source); + return source; + } + } + + function removeEventSource(source) { + sources = $.grep(sources, function (src) { + return !isSourcesEqual(src, source); + }); + // remove all client events from that source + cache = $.grep(cache, function (e) { + return !isSourcesEqual(e.source, source); + }); + reportEvents(cache); + } + + /* Manipulation + -----------------------------------------------------------------------------*/ + + function updateEvent(event) { + // update an existing event + var i, + len = cache.length, + e, + defaultEventEnd = getView().defaultEventEnd, // getView??? + startDelta = event.start - event._start, + endDelta = event.end + ? event.end - (event._end || defaultEventEnd(event)) // event._end would be null if event.end + : 0; // was null and event was just resized + for (i = 0; i < len; i++) { + e = cache[i]; + if (e._id == event._id && e != event) { + e.start = new Date(+e.start + startDelta); + if (event.end) { + if (e.end) { + e.end = new Date(+e.end + endDelta); + } else { + e.end = new Date(+defaultEventEnd(e) + endDelta); + } + } else { + e.end = null; + } + e.title = event.title; + e.url = event.url; + e.allDay = event.allDay; + e.className = event.className; + e.editable = event.editable; + e.color = event.color; + e.backgroundColor = event.backgroundColor; + e.borderColor = event.borderColor; + e.textColor = event.textColor; + normalizeEvent(e); + } + } + normalizeEvent(event); + reportEvents(cache); + } + + function renderEvent(event, stick) { + normalizeEvent(event); + if (!event.source) { + if (stick) { + stickySource.events.push(event); + event.source = stickySource; + } + cache.push(event); + } + reportEvents(cache); + } + + function removeEvents(filter) { + if (!filter) { + // remove all + cache = []; + // clear all array sources + for (var i = 0; i < sources.length; i++) { + if ($.isArray(sources[i].events)) { + sources[i].events = []; + } + } + } else { + if (!$.isFunction(filter)) { + // an event ID + var id = filter + ""; + filter = function (e) { + return e._id == id; + }; + } + cache = $.grep(cache, filter, true); + // remove events from array sources + for (var i = 0; i < sources.length; i++) { + if ($.isArray(sources[i].events)) { + sources[i].events = $.grep( + sources[i].events, + filter, + true + ); + } + } + } + reportEvents(cache); + } + + function clientEvents(filter) { + if ($.isFunction(filter)) { + return $.grep(cache, filter); + } else if (filter) { + // an event ID + filter += ""; + return $.grep(cache, function (e) { + return e._id == filter; + }); + } + return cache; // else, return all + } + + /* Loading State + -----------------------------------------------------------------------------*/ + + function pushLoading() { + if (!loadingLevel++) { + trigger("loading", null, true, getView()); + } + } + + function popLoading() { + if (!--loadingLevel) { + trigger("loading", null, false, getView()); + } + } + + /* Event Normalization + -----------------------------------------------------------------------------*/ + + function normalizeEvent(event) { + var source = event.source || {}; + var ignoreTimezone = firstDefined( + source.ignoreTimezone, + options.ignoreTimezone + ); + event._id = + event._id || + (event.id === undefined ? "_fc" + eventGUID++ : event.id + ""); + if (event.date) { + if (!event.start) { + event.start = event.date; + } + delete event.date; + } + event._start = cloneDate( + (event.start = parseDate(event.start, ignoreTimezone)) + ); + event.end = parseDate(event.end, ignoreTimezone); + if (event.end && event.end <= event.start) { + event.end = null; + } + event._end = event.end ? cloneDate(event.end) : null; + if (event.allDay === undefined) { + event.allDay = firstDefined( + source.allDayDefault, + options.allDayDefault + ); + } + if (event.className) { + if (typeof event.className == "string") { + event.className = event.className.split(/\s+/); + } + } else { + event.className = []; + } + // TODO: if there is no start date, return false to indicate an invalid event + } + + /* Utils + ------------------------------------------------------------------------------*/ + + function normalizeSource(source) { + if (source.className) { + // TODO: repeat code, same code for event classNames + if (typeof source.className == "string") { + source.className = source.className.split(/\s+/); + } + } else { + source.className = []; + } + var normalizers = fc.sourceNormalizers; + for (var i = 0; i < normalizers.length; i++) { + normalizers[i](source); + } + } + + function isSourcesEqual(source1, source2) { + return ( + source1 && + source2 && + getSourcePrimitive(source1) == getSourcePrimitive(source2) + ); + } + + function getSourcePrimitive(source) { + return ( + (typeof source == "object" + ? source.events || source.url + : "") || source + ); + } + } + + fc.addDays = addDays; + fc.cloneDate = cloneDate; + fc.parseDate = parseDate; + fc.parseISO8601 = parseISO8601; + fc.parseTime = parseTime; + fc.formatDate = formatDate; + fc.formatDates = formatDates; + + /* Date Math +-----------------------------------------------------------------------------*/ + + var dayIDs = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], + DAY_MS = 86400000, + HOUR_MS = 3600000, + MINUTE_MS = 60000; + + function addYears(d, n, keepTime) { + d.setFullYear(d.getFullYear() + n); + if (!keepTime) { + clearTime(d); + } + return d; + } + + function addMonths(d, n, keepTime) { + // prevents day overflow/underflow + if (+d) { + // prevent infinite looping on invalid dates + var m = d.getMonth() + n, + check = cloneDate(d); + check.setDate(1); + check.setMonth(m); + d.setMonth(m); + if (!keepTime) { + clearTime(d); + } + while (d.getMonth() != check.getMonth()) { + d.setDate(d.getDate() + (d < check ? 1 : -1)); + } + } + return d; + } + + function addDays(d, n, keepTime) { + // deals with daylight savings + if (+d) { + var dd = d.getDate() + n, + check = cloneDate(d); + check.setHours(9); // set to middle of day + check.setDate(dd); + d.setDate(dd); + if (!keepTime) { + clearTime(d); + } + fixDate(d, check); + } + return d; + } + + function fixDate(d, check) { + // force d to be on check's YMD, for daylight savings purposes + if (+d) { + // prevent infinite looping on invalid dates + while (d.getDate() != check.getDate()) { + d.setTime(+d + (d < check ? 1 : -1) * HOUR_MS); + } + } + } + + function addMinutes(d, n) { + d.setMinutes(d.getMinutes() + n); + return d; + } + + function clearTime(d) { + d.setHours(0); + d.setMinutes(0); + d.setSeconds(0); + d.setMilliseconds(0); + return d; + } + + function cloneDate(d, dontKeepTime) { + if (dontKeepTime) { + return clearTime(new Date(+d)); + } + return new Date(+d); + } + + function zeroDate() { + // returns a Date with time 00:00:00 and dateOfMonth=1 + var i = 0, + d; + do { + d = new Date(1970, i++, 1); + } while (d.getHours()); // != 0 + return d; + } + + function dayDiff(d1, d2) { + // d1 - d2 + return Math.round((cloneDate(d1, true) - cloneDate(d2, true)) / DAY_MS); + } + + function setYMD(date, y, m, d) { + if (y !== undefined && y != date.getFullYear()) { + date.setDate(1); + date.setMonth(0); + date.setFullYear(y); + } + if (m !== undefined && m != date.getMonth()) { + date.setDate(1); + date.setMonth(m); + } + if (d !== undefined) { + date.setDate(d); + } + } + + /* Date Parsing +-----------------------------------------------------------------------------*/ + + function parseDate(s, ignoreTimezone) { + // ignoreTimezone defaults to true + if (typeof s == "object") { + // already a Date object + return s; + } + if (typeof s == "number") { + // a UNIX timestamp + return new Date(s * 1000); + } + if (typeof s == "string") { + if (s.match(/^\d+(\.\d+)?$/)) { + // a UNIX timestamp + return new Date(parseFloat(s) * 1000); + } + if (ignoreTimezone === undefined) { + ignoreTimezone = true; + } + return parseISO8601(s, ignoreTimezone) || (s ? new Date(s) : null); + } + // TODO: never return invalid dates (like from new Date(
"); + } + + function disableTextSelection(element) { + element + .attr("unselectable", "on") + .css("MozUserSelect", "none") + .bind("selectstart.ui", function () { + return false; + }); + } + + /* function enableTextSelection(element) { element .attr('unselectable', 'off') @@ -2030,4251 +2106,4262 @@ function enableTextSelection(element) { } */ + function markFirstLast(e) { + e.children() + .removeClass("fc-first fc-last") + .filter(":first-child") + .addClass("fc-first") + .end() + .filter(":last-child") + .addClass("fc-last"); + } -function markFirstLast(e) { - e.children() - .removeClass('fc-first fc-last') - .filter(':first-child') - .addClass('fc-first') - .end() - .filter(':last-child') - .addClass('fc-last'); -} + function setDayID(cell, date) { + cell.each(function (i, _cell) { + _cell.className = _cell.className.replace( + /^fc-\w*/, + "fc-" + dayIDs[date.getDay()] + ); + // TODO: make a way that doesn't rely on order of classes + }); + } + function getSkinCss(event, opt) { + var source = event.source || {}; + var eventColor = event.color; + var sourceColor = source.color; + var optionColor = opt("eventColor"); + var backgroundColor = + event.backgroundColor || + eventColor || + source.backgroundColor || + sourceColor || + opt("eventBackgroundColor") || + optionColor; + var borderColor = + event.borderColor || + eventColor || + source.borderColor || + sourceColor || + opt("eventBorderColor") || + optionColor; + var textColor = + event.textColor || source.textColor || opt("eventTextColor"); + var statements = []; + if (backgroundColor) { + statements.push("background-color:" + backgroundColor); + } + if (borderColor) { + statements.push("border-color:" + borderColor); + } + if (textColor) { + statements.push("color:" + textColor); + } + return statements.join(";"); + } -function setDayID(cell, date) { - cell.each(function(i, _cell) { - _cell.className = _cell.className.replace(/^fc-\w*/, 'fc-' + dayIDs[date.getDay()]); - // TODO: make a way that doesn't rely on order of classes - }); -} + function applyAll(functions, thisObj, args) { + if ($.isFunction(functions)) { + functions = [functions]; + } + if (functions) { + var i; + var ret; + for (i = 0; i < functions.length; i++) { + ret = functions[i].apply(thisObj, args) || ret; + } + return ret; + } + } + function firstDefined() { + for (var i = 0; i < arguments.length; i++) { + if (arguments[i] !== undefined) { + return arguments[i]; + } + } + } -function getSkinCss(event, opt) { - var source = event.source || {}; - var eventColor = event.color; - var sourceColor = source.color; - var optionColor = opt('eventColor'); - var backgroundColor = - event.backgroundColor || - eventColor || - source.backgroundColor || - sourceColor || - opt('eventBackgroundColor') || - optionColor; - var borderColor = - event.borderColor || - eventColor || - source.borderColor || - sourceColor || - opt('eventBorderColor') || - optionColor; - var textColor = - event.textColor || - source.textColor || - opt('eventTextColor'); - var statements = []; - if (backgroundColor) { - statements.push('background-color:' + backgroundColor); - } - if (borderColor) { - statements.push('border-color:' + borderColor); - } - if (textColor) { - statements.push('color:' + textColor); - } - return statements.join(';'); -} + fcViews.month = MonthView; + function MonthView(element, calendar) { + var t = this; -function applyAll(functions, thisObj, args) { - if ($.isFunction(functions)) { - functions = [ functions ]; - } - if (functions) { - var i; - var ret; - for (i=0; i
" +
+ htmlEscape(formatDate(date, weekNumberFormat)) +
+ "
" +
+ "" +
- htmlEscape(formatDate(date, weekNumberFormat)) +
- "
" +
- "";
- }
+ return html;
+ }
- for (col=0; col";
- return html;
- }
+ if (showNumbers) {
+ html +=
+ "
" +
+ "";
- function buildCellHTML(date) {
- var contentClass = tm + "-widget-content";
- var month = t.start.getMonth();
- var today = clearTime(new Date());
- var html = '';
- var classNames = [
- 'fc-day',
- 'fc-' + dayIDs[date.getDay()],
- contentClass
- ];
+ return html;
+ }
- if (date.getMonth() != month) {
- classNames.push('fc-other-month');
- }
- if (+date == +today) {
- classNames.push(
- 'fc-today',
- tm + '-state-highlight'
- );
- }
- else if (date < today) {
- classNames.push('fc-past');
- }
- else {
- classNames.push('fc-future');
- }
-
- html +=
- "" + date.getDate() + "
";
+ }
+ html +=
+ "" +
+ " " +
+ "
" +
+ "";
-
- if (showNumbers) {
- html += "
" +
- "";
-
- return html;
- }
-
-
-
- /* Dimensions
+ /* Dimensions
-----------------------------------------------------------*/
-
-
- function setHeight(height) {
- viewHeight = height;
-
- var bodyHeight = viewHeight - head.height();
- var rowHeight;
- var rowHeightLast;
- var cell;
-
- if (opt('weekMode') == 'variable') {
- rowHeight = rowHeightLast = Math.floor(bodyHeight / (rowCnt==1 ? 2 : 6));
- }else{
- rowHeight = Math.floor(bodyHeight / rowCnt);
- rowHeightLast = bodyHeight - rowHeight * (rowCnt-1);
- }
-
- bodyFirstCells.each(function(i, _cell) {
- if (i < rowCnt) {
- cell = $(_cell);
- cell.find('> div').css(
- 'min-height',
- (i==rowCnt-1 ? rowHeightLast : rowHeight) - vsides(cell)
- );
- }
- });
-
- }
-
-
- function setWidth(width) {
- viewWidth = width;
- colPositions.clear();
- colContentPositions.clear();
- weekNumberWidth = 0;
- if (showWeekNumbers) {
- weekNumberWidth = head.find('th.fc-week-number').outerWidth();
- }
+ function setHeight(height) {
+ viewHeight = height;
- colWidth = Math.floor((viewWidth - weekNumberWidth) / colCnt);
- setOuterWidth(headCells.slice(0, -1), colWidth);
- }
-
-
-
- /* Day clicking and binding
+ var bodyHeight = viewHeight - head.height();
+ var rowHeight;
+ var rowHeightLast;
+ var cell;
+
+ if (opt("weekMode") == "variable") {
+ rowHeight = rowHeightLast = Math.floor(
+ bodyHeight / (rowCnt == 1 ? 2 : 6)
+ );
+ } else {
+ rowHeight = Math.floor(bodyHeight / rowCnt);
+ rowHeightLast = bodyHeight - rowHeight * (rowCnt - 1);
+ }
+
+ bodyFirstCells.each(function (i, _cell) {
+ if (i < rowCnt) {
+ cell = $(_cell);
+ cell.find("> div").css(
+ "min-height",
+ (i == rowCnt - 1 ? rowHeightLast : rowHeight) -
+ vsides(cell)
+ );
+ }
+ });
+ }
+
+ function setWidth(width) {
+ viewWidth = width;
+ colPositions.clear();
+ colContentPositions.clear();
+
+ weekNumberWidth = 0;
+ if (showWeekNumbers) {
+ weekNumberWidth = head.find("th.fc-week-number").outerWidth();
+ }
+
+ colWidth = Math.floor((viewWidth - weekNumberWidth) / colCnt);
+ setOuterWidth(headCells.slice(0, -1), colWidth);
+ }
+
+ /* Day clicking and binding
-----------------------------------------------------------*/
-
-
- function dayBind(days) {
- days.click(dayClick)
- .mousedown(daySelectionMousedown);
- }
-
-
- function dayClick(ev) {
- if (!opt('selectable')) { // if selectable, SelectionManager will worry about dayClick
- var date = parseISO8601($(this).data('date'));
- trigger('dayClick', this, date, true, ev);
- }
- }
-
-
-
- /* Semi-transparent Overlay Helpers
+
+ function dayBind(days) {
+ days.click(dayClick).mousedown(daySelectionMousedown);
+ }
+
+ function dayClick(ev) {
+ if (!opt("selectable")) {
+ // if selectable, SelectionManager will worry about dayClick
+ var date = parseISO8601($(this).data("date"));
+ trigger("dayClick", this, date, true, ev);
+ }
+ }
+
+ /* Semi-transparent Overlay Helpers
------------------------------------------------------*/
- // TODO: should be consolidated with AgendaView's methods
+ // TODO: should be consolidated with AgendaView's methods
+ function renderDayOverlay(
+ overlayStart,
+ overlayEnd,
+ refreshCoordinateGrid
+ ) {
+ // overlayEnd is exclusive
- function renderDayOverlay(overlayStart, overlayEnd, refreshCoordinateGrid) { // overlayEnd is exclusive
+ if (refreshCoordinateGrid) {
+ coordinateGrid.build();
+ }
- if (refreshCoordinateGrid) {
- coordinateGrid.build();
- }
+ var segments = rangeToSegments(overlayStart, overlayEnd);
- var segments = rangeToSegments(overlayStart, overlayEnd);
+ for (var i = 0; i < segments.length; i++) {
+ var segment = segments[i];
+ dayBind(
+ renderCellOverlay(
+ segment.row,
+ segment.leftCol,
+ segment.row,
+ segment.rightCol
+ )
+ );
+ }
+ }
- for (var i=0; i" + date.getDate() + "
";
- }
-
- html +=
- "" +
- " " +
- "
" +
- "| " + opt('allDayText') + " | " + - "" +
- " " +
- " | " +
- "" + - " |
|---|
" +
- "" +
- "
"
- );
-
- }else{
-
- daySegmentContainer = $([]); // in jQuery 1.4, we can just do $()
-
- }
-
- slotScroller =
- $("")
- .appendTo(slotLayer);
-
- slotContainer =
- $("")
- .appendTo(slotScroller);
-
- slotSegmentContainer =
- $("")
- .appendTo(slotContainer);
-
- s =
- "| " + - ((!slotNormal || !minutes) ? formatDate(d, opt('axisFormat')) : ' ') + - " | " + - "" +
- " | " +
- "
|---|
| " + + opt("allDayText") + + " | " + + "" +
+ " " +
+ " | " +
+ "" + + " |
|---|
" +
+ "" +
+ "
"
+ );
+ } else {
+ daySegmentContainer = $([]); // in jQuery 1.4, we can just do $()
+ }
+
+ slotScroller = $(
+ ""
+ ).appendTo(slotLayer);
+
+ slotContainer = $(
+ ""
+ ).appendTo(slotScroller);
+
+ slotSegmentContainer = $(
+ ""
+ ).appendTo(slotContainer);
+
+ s =
+ "| " + + (!slotNormal || !minutes + ? formatDate(d, opt("axisFormat")) + : " ") + + " | " + + "" +
+ " | " +
+ "
|---|
" +
+ "
" +
+ "" +
+ " " +
+ "
" +
+ "" +
- "
" +
- "" +
- " " +
- "
" +
- "" +
- "
" +
- "";
- if (seg.isEnd && isEventResizable(event)) {
- html +=
- "" +
- htmlEscape(formatDates(event.start, event.end, opt('timeFormat'))) +
- "
" +
- "" +
- htmlEscape(event.title || '') +
- "
" +
- "=
";
- }
- html +=
- "";
- return html;
- }
-
-
- function bindSlotSeg(event, eventElement, seg) {
- var timeElement = eventElement.find('div.fc-event-time');
- if (isEventDraggable(event)) {
- draggableSlotEvent(event, eventElement, timeElement);
- }
- if (seg.isEnd && isEventResizable(event)) {
- resizableSlotEvent(event, eventElement, timeElement);
- }
- eventElementHandlers(event, eventElement);
- }
-
-
-
- /* Dragging
+ seg.top = top;
+ seg.left = left;
+ seg.outerWidth = width;
+ seg.outerHeight = bottom - top;
+ html += slotSegHtml(event, seg);
+ }
+
+ slotSegmentContainer[0].innerHTML = html; // faster than html()
+ eventElements = slotSegmentContainer.children();
+
+ // retrieve elements, run through eventRender callback, bind event handlers
+ for (i = 0; i < segCnt; i++) {
+ seg = segs[i];
+ event = seg.event;
+ eventElement = $(eventElements[i]); // faster than eq()
+ triggerRes = trigger("eventRender", event, event, eventElement);
+ if (triggerRes === false) {
+ eventElement.remove();
+ } else {
+ if (triggerRes && triggerRes !== true) {
+ eventElement.remove();
+ eventElement = $(triggerRes)
+ .css({
+ position: "absolute",
+ top: seg.top,
+ left: seg.left,
+ })
+ .appendTo(slotSegmentContainer);
+ }
+ seg.element = eventElement;
+ if (event._id === modifiedEventId) {
+ bindSlotSeg(event, eventElement, seg);
+ } else {
+ eventElement[0]._fci = i; // for lazySegBind
+ }
+ reportEventElement(event, eventElement);
+ }
+ }
+
+ lazySegBind(slotSegmentContainer, segs, bindSlotSeg);
+
+ // record event sides and title positions
+ for (i = 0; i < segCnt; i++) {
+ seg = segs[i];
+ if ((eventElement = seg.element)) {
+ seg.vsides = vsides(eventElement, true);
+ seg.hsides = hsides(eventElement, true);
+ titleElement = eventElement.find(".fc-event-title");
+ if (titleElement.length) {
+ seg.contentTop = titleElement[0].offsetTop;
+ }
+ }
+ }
+
+ // set all positions/dimensions at once
+ for (i = 0; i < segCnt; i++) {
+ seg = segs[i];
+ if ((eventElement = seg.element)) {
+ eventElement[0].style.width =
+ Math.max(0, seg.outerWidth - seg.hsides) + "px";
+ height = Math.max(0, seg.outerHeight - seg.vsides);
+ eventElement[0].style.height = height + "px";
+ event = seg.event;
+ if (
+ seg.contentTop !== undefined &&
+ height - seg.contentTop < 10
+ ) {
+ // not enough room for title, put it in the time (TODO: maybe make both display:inline instead)
+ eventElement
+ .find("div.fc-event-time")
+ .text(
+ formatDate(event.start, opt("timeFormat")) +
+ " - " +
+ event.title
+ );
+ eventElement.find("div.fc-event-title").remove();
+ }
+ trigger("eventAfterRender", event, event, eventElement);
+ }
+ }
+ }
+
+ function slotSegHtml(event, seg) {
+ var html = "<";
+ var url = event.url;
+ var skinCss = getSkinCss(event, opt);
+ var classes = ["fc-event", "fc-event-vert"];
+ if (isEventDraggable(event)) {
+ classes.push("fc-event-draggable");
+ }
+ if (seg.isStart) {
+ classes.push("fc-event-start");
+ }
+ if (seg.isEnd) {
+ classes.push("fc-event-end");
+ }
+ classes = classes.concat(event.className);
+ if (event.source) {
+ classes = classes.concat(event.source.className || []);
+ }
+ if (url) {
+ html += "a href='" + htmlEscape(event.url) + "'";
+ } else {
+ html += "div";
+ }
+ html +=
+ " class='" +
+ classes.join(" ") +
+ "'" +
+ " style=" +
+ "'" +
+ "position:absolute;" +
+ "top:" +
+ seg.top +
+ "px;" +
+ "left:" +
+ seg.left +
+ "px;" +
+ skinCss +
+ "'" +
+ ">" +
+ "" +
+ "
" +
+ "";
+ if (seg.isEnd && isEventResizable(event)) {
+ html +=
+ "" +
+ htmlEscape(
+ formatDates(event.start, event.end, opt("timeFormat"))
+ ) +
+ "
" +
+ "" +
+ htmlEscape(event.title || "") +
+ "
" +
+ "=
";
+ }
+ html += "";
+ return html;
+ }
+
+ function bindSlotSeg(event, eventElement, seg) {
+ var timeElement = eventElement.find("div.fc-event-time");
+ if (isEventDraggable(event)) {
+ draggableSlotEvent(event, eventElement, timeElement);
+ }
+ if (seg.isEnd && isEventResizable(event)) {
+ resizableSlotEvent(event, eventElement, timeElement);
+ }
+ eventElementHandlers(event, eventElement);
+ }
+
+ /* Dragging
-----------------------------------------------------------------------------------*/
-
-
- // when event starts out FULL-DAY
- // overrides DayEventRenderer's version because it needs to account for dragging elements
- // to and from the slot area.
-
- function draggableDayEvent(event, eventElement, seg) {
- var isStart = seg.isStart;
- var origWidth;
- var revert;
- var allDay = true;
- var dayDelta;
- var hoverListener = getHoverListener();
- var colWidth = getColWidth();
- var snapHeight = getSnapHeight();
- var snapMinutes = getSnapMinutes();
- var minMinute = getMinMinute();
- eventElement.draggable({
- opacity: opt('dragOpacity', 'month'), // use whatever the month view was using
- revertDuration: opt('dragRevertDuration'),
- start: function(ev, ui) {
- trigger('eventDragStart', eventElement, event, ev, ui);
- hideEvents(event, eventElement);
- origWidth = eventElement.width();
- hoverListener.start(function(cell, origCell) {
- clearOverlays();
- if (cell) {
- revert = false;
- var origDate = cellToDate(0, origCell.col);
- var date = cellToDate(0, cell.col);
- dayDelta = dayDiff(date, origDate);
- if (!cell.row) {
- // on full-days
- renderDayOverlay(
- addDays(cloneDate(event.start), dayDelta),
- addDays(exclEndDay(event), dayDelta)
- );
- resetElement();
- }else{
- // mouse is over bottom slots
- if (isStart) {
- if (allDay) {
- // convert event to temporary slot-event
- eventElement.width(colWidth - 10); // don't use entire width
- setOuterHeight(
- eventElement,
- snapHeight * Math.round(
- (event.end ? ((event.end - event.start) / MINUTE_MS) : opt('defaultEventMinutes')) /
- snapMinutes
- )
- );
- eventElement.draggable('option', 'grid', [colWidth, 1]);
- allDay = false;
- }
- }else{
- revert = true;
- }
- }
- revert = revert || (allDay && !dayDelta);
- }else{
- resetElement();
- revert = true;
- }
- eventElement.draggable('option', 'revert', revert);
- }, ev, 'drag');
- },
- stop: function(ev, ui) {
- hoverListener.stop();
- clearOverlays();
- trigger('eventDragStop', eventElement, event, ev, ui);
- if (revert) {
- // hasn't moved or is out of bounds (draggable has already reverted)
- resetElement();
- eventElement.css('filter', ''); // clear IE opacity side-effects
- showEvents(event, eventElement);
- }else{
- // changed!
- var minuteDelta = 0;
- if (!allDay) {
- minuteDelta = Math.round((eventElement.offset().top - getSlotContainer().offset().top) / snapHeight)
- * snapMinutes
- + minMinute
- - (event.start.getHours() * 60 + event.start.getMinutes());
- }
- eventDrop(this, event, dayDelta, minuteDelta, allDay, ev, ui);
- }
- }
- });
- function resetElement() {
- if (!allDay) {
- eventElement
- .width(origWidth)
- .height('')
- .draggable('option', 'grid', null);
- allDay = true;
- }
- }
- }
-
-
- // when event starts out IN TIMESLOTS
-
- function draggableSlotEvent(event, eventElement, timeElement) {
- var coordinateGrid = t.getCoordinateGrid();
- var colCnt = getColCnt();
- var colWidth = getColWidth();
- var snapHeight = getSnapHeight();
- var snapMinutes = getSnapMinutes();
- // states
- var origPosition; // original position of the element, not the mouse
- var origCell;
- var isInBounds, prevIsInBounds;
- var isAllDay, prevIsAllDay;
- var colDelta, prevColDelta;
- var dayDelta; // derived from colDelta
- var minuteDelta, prevMinuteDelta;
+ // when event starts out FULL-DAY
+ // overrides DayEventRenderer's version because it needs to account for dragging elements
+ // to and from the slot area.
- eventElement.draggable({
- scroll: false,
- grid: [ colWidth, snapHeight ],
- axis: colCnt==1 ? 'y' : false,
- opacity: opt('dragOpacity'),
- revertDuration: opt('dragRevertDuration'),
- start: function(ev, ui) {
+ function draggableDayEvent(event, eventElement, seg) {
+ var isStart = seg.isStart;
+ var origWidth;
+ var revert;
+ var allDay = true;
+ var dayDelta;
+ var hoverListener = getHoverListener();
+ var colWidth = getColWidth();
+ var snapHeight = getSnapHeight();
+ var snapMinutes = getSnapMinutes();
+ var minMinute = getMinMinute();
+ eventElement.draggable({
+ opacity: opt("dragOpacity", "month"), // use whatever the month view was using
+ revertDuration: opt("dragRevertDuration"),
+ start: function (ev, ui) {
+ trigger("eventDragStart", eventElement, event, ev, ui);
+ hideEvents(event, eventElement);
+ origWidth = eventElement.width();
+ hoverListener.start(
+ function (cell, origCell) {
+ clearOverlays();
+ if (cell) {
+ revert = false;
+ var origDate = cellToDate(0, origCell.col);
+ var date = cellToDate(0, cell.col);
+ dayDelta = dayDiff(date, origDate);
+ if (!cell.row) {
+ // on full-days
+ renderDayOverlay(
+ addDays(
+ cloneDate(event.start),
+ dayDelta
+ ),
+ addDays(exclEndDay(event), dayDelta)
+ );
+ resetElement();
+ } else {
+ // mouse is over bottom slots
+ if (isStart) {
+ if (allDay) {
+ // convert event to temporary slot-event
+ eventElement.width(colWidth - 10); // don't use entire width
+ setOuterHeight(
+ eventElement,
+ snapHeight *
+ Math.round(
+ (event.end
+ ? (event.end -
+ event.start) /
+ MINUTE_MS
+ : opt(
+ "defaultEventMinutes"
+ )) / snapMinutes
+ )
+ );
+ eventElement.draggable(
+ "option",
+ "grid",
+ [colWidth, 1]
+ );
+ allDay = false;
+ }
+ } else {
+ revert = true;
+ }
+ }
+ revert = revert || (allDay && !dayDelta);
+ } else {
+ resetElement();
+ revert = true;
+ }
+ eventElement.draggable("option", "revert", revert);
+ },
+ ev,
+ "drag"
+ );
+ },
+ stop: function (ev, ui) {
+ hoverListener.stop();
+ clearOverlays();
+ trigger("eventDragStop", eventElement, event, ev, ui);
+ if (revert) {
+ // hasn't moved or is out of bounds (draggable has already reverted)
+ resetElement();
+ eventElement.css("filter", ""); // clear IE opacity side-effects
+ showEvents(event, eventElement);
+ } else {
+ // changed!
+ var minuteDelta = 0;
+ if (!allDay) {
+ minuteDelta =
+ Math.round(
+ (eventElement.offset().top -
+ getSlotContainer().offset().top) /
+ snapHeight
+ ) *
+ snapMinutes +
+ minMinute -
+ (event.start.getHours() * 60 +
+ event.start.getMinutes());
+ }
+ eventDrop(
+ this,
+ event,
+ dayDelta,
+ minuteDelta,
+ allDay,
+ ev,
+ ui
+ );
+ }
+ },
+ });
+ function resetElement() {
+ if (!allDay) {
+ eventElement
+ .width(origWidth)
+ .height("")
+ .draggable("option", "grid", null);
+ allDay = true;
+ }
+ }
+ }
- trigger('eventDragStart', eventElement, event, ev, ui);
- hideEvents(event, eventElement);
+ // when event starts out IN TIMESLOTS
- coordinateGrid.build();
+ function draggableSlotEvent(event, eventElement, timeElement) {
+ var coordinateGrid = t.getCoordinateGrid();
+ var colCnt = getColCnt();
+ var colWidth = getColWidth();
+ var snapHeight = getSnapHeight();
+ var snapMinutes = getSnapMinutes();
- // initialize states
- origPosition = eventElement.position();
- origCell = coordinateGrid.cell(ev.pageX, ev.pageY);
- isInBounds = prevIsInBounds = true;
- isAllDay = prevIsAllDay = getIsCellAllDay(origCell);
- colDelta = prevColDelta = 0;
- dayDelta = 0;
- minuteDelta = prevMinuteDelta = 0;
+ // states
+ var origPosition; // original position of the element, not the mouse
+ var origCell;
+ var isInBounds, prevIsInBounds;
+ var isAllDay, prevIsAllDay;
+ var colDelta, prevColDelta;
+ var dayDelta; // derived from colDelta
+ var minuteDelta, prevMinuteDelta;
- },
- drag: function(ev, ui) {
+ eventElement.draggable({
+ scroll: false,
+ grid: [colWidth, snapHeight],
+ axis: colCnt == 1 ? "y" : false,
+ opacity: opt("dragOpacity"),
+ revertDuration: opt("dragRevertDuration"),
+ start: function (ev, ui) {
+ trigger("eventDragStart", eventElement, event, ev, ui);
+ hideEvents(event, eventElement);
- // NOTE: this `cell` value is only useful for determining in-bounds and all-day.
- // Bad for anything else due to the discrepancy between the mouse position and the
- // element position while snapping. (problem revealed in PR #55)
- //
- // PS- the problem exists for draggableDayEvent() when dragging an all-day event to a slot event.
- // We should overhaul the dragging system and stop relying on jQuery UI.
- var cell = coordinateGrid.cell(ev.pageX, ev.pageY);
+ coordinateGrid.build();
- // update states
- isInBounds = !!cell;
- if (isInBounds) {
- isAllDay = getIsCellAllDay(cell);
+ // initialize states
+ origPosition = eventElement.position();
+ origCell = coordinateGrid.cell(ev.pageX, ev.pageY);
+ isInBounds = prevIsInBounds = true;
+ isAllDay = prevIsAllDay = getIsCellAllDay(origCell);
+ colDelta = prevColDelta = 0;
+ dayDelta = 0;
+ minuteDelta = prevMinuteDelta = 0;
+ },
+ drag: function (ev, ui) {
+ // NOTE: this `cell` value is only useful for determining in-bounds and all-day.
+ // Bad for anything else due to the discrepancy between the mouse position and the
+ // element position while snapping. (problem revealed in PR #55)
+ //
+ // PS- the problem exists for draggableDayEvent() when dragging an all-day event to a slot event.
+ // We should overhaul the dragging system and stop relying on jQuery UI.
+ var cell = coordinateGrid.cell(ev.pageX, ev.pageY);
- // calculate column delta
- colDelta = Math.round((ui.position.left - origPosition.left) / colWidth);
- if (colDelta != prevColDelta) {
- // calculate the day delta based off of the original clicked column and the column delta
- var origDate = cellToDate(0, origCell.col);
- var col = origCell.col + colDelta;
- col = Math.max(0, col);
- col = Math.min(colCnt-1, col);
- var date = cellToDate(0, col);
- dayDelta = dayDiff(date, origDate);
- }
+ // update states
+ isInBounds = !!cell;
+ if (isInBounds) {
+ isAllDay = getIsCellAllDay(cell);
- // calculate minute delta (only if over slots)
- if (!isAllDay) {
- minuteDelta = Math.round((ui.position.top - origPosition.top) / snapHeight) * snapMinutes;
- }
- }
+ // calculate column delta
+ colDelta = Math.round(
+ (ui.position.left - origPosition.left) / colWidth
+ );
+ if (colDelta != prevColDelta) {
+ // calculate the day delta based off of the original clicked column and the column delta
+ var origDate = cellToDate(0, origCell.col);
+ var col = origCell.col + colDelta;
+ col = Math.max(0, col);
+ col = Math.min(colCnt - 1, col);
+ var date = cellToDate(0, col);
+ dayDelta = dayDiff(date, origDate);
+ }
- // any state changes?
- if (
- isInBounds != prevIsInBounds ||
- isAllDay != prevIsAllDay ||
- colDelta != prevColDelta ||
- minuteDelta != prevMinuteDelta
- ) {
+ // calculate minute delta (only if over slots)
+ if (!isAllDay) {
+ minuteDelta =
+ Math.round(
+ (ui.position.top - origPosition.top) /
+ snapHeight
+ ) * snapMinutes;
+ }
+ }
- updateUI();
+ // any state changes?
+ if (
+ isInBounds != prevIsInBounds ||
+ isAllDay != prevIsAllDay ||
+ colDelta != prevColDelta ||
+ minuteDelta != prevMinuteDelta
+ ) {
+ updateUI();
- // update previous states for next time
- prevIsInBounds = isInBounds;
- prevIsAllDay = isAllDay;
- prevColDelta = colDelta;
- prevMinuteDelta = minuteDelta;
- }
+ // update previous states for next time
+ prevIsInBounds = isInBounds;
+ prevIsAllDay = isAllDay;
+ prevColDelta = colDelta;
+ prevMinuteDelta = minuteDelta;
+ }
- // if out-of-bounds, revert when done, and vice versa.
- eventElement.draggable('option', 'revert', !isInBounds);
+ // if out-of-bounds, revert when done, and vice versa.
+ eventElement.draggable("option", "revert", !isInBounds);
+ },
+ stop: function (ev, ui) {
+ clearOverlays();
+ trigger("eventDragStop", eventElement, event, ev, ui);
- },
- stop: function(ev, ui) {
+ if (isInBounds && (isAllDay || dayDelta || minuteDelta)) {
+ // changed!
+ eventDrop(
+ this,
+ event,
+ dayDelta,
+ isAllDay ? 0 : minuteDelta,
+ isAllDay,
+ ev,
+ ui
+ );
+ } else {
+ // either no change or out-of-bounds (draggable has already reverted)
- clearOverlays();
- trigger('eventDragStop', eventElement, event, ev, ui);
+ // reset states for next time, and for updateUI()
+ isInBounds = true;
+ isAllDay = false;
+ colDelta = 0;
+ dayDelta = 0;
+ minuteDelta = 0;
- if (isInBounds && (isAllDay || dayDelta || minuteDelta)) { // changed!
- eventDrop(this, event, dayDelta, isAllDay ? 0 : minuteDelta, isAllDay, ev, ui);
- }
- else { // either no change or out-of-bounds (draggable has already reverted)
+ updateUI();
+ eventElement.css("filter", ""); // clear IE opacity side-effects
- // reset states for next time, and for updateUI()
- isInBounds = true;
- isAllDay = false;
- colDelta = 0;
- dayDelta = 0;
- minuteDelta = 0;
+ // sometimes fast drags make event revert to wrong position, so reset.
+ // also, if we dragged the element out of the area because of snapping,
+ // but the *mouse* is still in bounds, we need to reset the position.
+ eventElement.css(origPosition);
- updateUI();
- eventElement.css('filter', ''); // clear IE opacity side-effects
+ showEvents(event, eventElement);
+ }
+ },
+ });
- // sometimes fast drags make event revert to wrong position, so reset.
- // also, if we dragged the element out of the area because of snapping,
- // but the *mouse* is still in bounds, we need to reset the position.
- eventElement.css(origPosition);
+ function updateUI() {
+ clearOverlays();
+ if (isInBounds) {
+ if (isAllDay) {
+ timeElement.hide();
+ eventElement.draggable("option", "grid", null); // disable grid snapping
+ renderDayOverlay(
+ addDays(cloneDate(event.start), dayDelta),
+ addDays(exclEndDay(event), dayDelta)
+ );
+ } else {
+ updateTimeText(minuteDelta);
+ timeElement.css("display", ""); // show() was causing display=inline
+ eventElement.draggable("option", "grid", [
+ colWidth,
+ snapHeight,
+ ]); // re-enable grid snapping
+ }
+ }
+ }
- showEvents(event, eventElement);
- }
- }
- });
+ function updateTimeText(minuteDelta) {
+ var newStart = addMinutes(cloneDate(event.start), minuteDelta);
+ var newEnd;
+ if (event.end) {
+ newEnd = addMinutes(cloneDate(event.end), minuteDelta);
+ }
+ timeElement.text(
+ formatDates(newStart, newEnd, opt("timeFormat"))
+ );
+ }
+ }
- function updateUI() {
- clearOverlays();
- if (isInBounds) {
- if (isAllDay) {
- timeElement.hide();
- eventElement.draggable('option', 'grid', null); // disable grid snapping
- renderDayOverlay(
- addDays(cloneDate(event.start), dayDelta),
- addDays(exclEndDay(event), dayDelta)
- );
- }
- else {
- updateTimeText(minuteDelta);
- timeElement.css('display', ''); // show() was causing display=inline
- eventElement.draggable('option', 'grid', [colWidth, snapHeight]); // re-enable grid snapping
- }
- }
- }
-
- function updateTimeText(minuteDelta) {
- var newStart = addMinutes(cloneDate(event.start), minuteDelta);
- var newEnd;
- if (event.end) {
- newEnd = addMinutes(cloneDate(event.end), minuteDelta);
- }
- timeElement.text(formatDates(newStart, newEnd, opt('timeFormat')));
- }
-
- }
-
-
-
- /* Resizing
+ /* Resizing
--------------------------------------------------------------------------------------*/
-
-
- function resizableSlotEvent(event, eventElement, timeElement) {
- var snapDelta, prevSnapDelta;
- var snapHeight = getSnapHeight();
- var snapMinutes = getSnapMinutes();
- eventElement.resizable({
- handles: {
- s: '.ui-resizable-handle'
- },
- grid: snapHeight,
- start: function(ev, ui) {
- snapDelta = prevSnapDelta = 0;
- hideEvents(event, eventElement);
- trigger('eventResizeStart', this, event, ev, ui);
- },
- resize: function(ev, ui) {
- // don't rely on ui.size.height, doesn't take grid into account
- snapDelta = Math.round((Math.max(snapHeight, eventElement.height()) - ui.originalSize.height) / snapHeight);
- if (snapDelta != prevSnapDelta) {
- timeElement.text(
- formatDates(
- event.start,
- (!snapDelta && !event.end) ? null : // no change, so don't display time range
- addMinutes(eventEnd(event), snapMinutes*snapDelta),
- opt('timeFormat')
- )
- );
- prevSnapDelta = snapDelta;
- }
- },
- stop: function(ev, ui) {
- trigger('eventResizeStop', this, event, ev, ui);
- if (snapDelta) {
- eventResize(this, event, 0, snapMinutes*snapDelta, ev, ui);
- }else{
- showEvents(event, eventElement);
- // BUG: if event was really short, need to put title back in span
- }
- }
- });
- }
-
-}
+ function resizableSlotEvent(event, eventElement, timeElement) {
+ var snapDelta, prevSnapDelta;
+ var snapHeight = getSnapHeight();
+ var snapMinutes = getSnapMinutes();
+ eventElement.resizable({
+ handles: {
+ s: ".ui-resizable-handle",
+ },
+ grid: snapHeight,
+ start: function (ev, ui) {
+ snapDelta = prevSnapDelta = 0;
+ hideEvents(event, eventElement);
+ trigger("eventResizeStart", this, event, ev, ui);
+ },
+ resize: function (ev, ui) {
+ // don't rely on ui.size.height, doesn't take grid into account
+ snapDelta = Math.round(
+ (Math.max(snapHeight, eventElement.height()) -
+ ui.originalSize.height) /
+ snapHeight
+ );
+ if (snapDelta != prevSnapDelta) {
+ timeElement.text(
+ formatDates(
+ event.start,
+ !snapDelta && !event.end
+ ? null // no change, so don't display time range
+ : addMinutes(
+ eventEnd(event),
+ snapMinutes * snapDelta
+ ),
+ opt("timeFormat")
+ )
+ );
+ prevSnapDelta = snapDelta;
+ }
+ },
+ stop: function (ev, ui) {
+ trigger("eventResizeStop", this, event, ev, ui);
+ if (snapDelta) {
+ eventResize(
+ this,
+ event,
+ 0,
+ snapMinutes * snapDelta,
+ ev,
+ ui
+ );
+ } else {
+ showEvents(event, eventElement);
+ // BUG: if event was really short, need to put title back in span
+ }
+ },
+ });
+ }
+ }
-
-
-/* Agenda Event Segment Utilities
+ /* Agenda Event Segment Utilities
-----------------------------------------------------------------------------*/
+ // Sets the seg.backwardCoord and seg.forwardCoord on each segment and returns a new
+ // list in the order they should be placed into the DOM (an implicit z-index).
+ function placeSlotSegs(segs) {
+ var levels = buildSlotSegLevels(segs);
+ var level0 = levels[0];
+ var i;
-// Sets the seg.backwardCoord and seg.forwardCoord on each segment and returns a new
-// list in the order they should be placed into the DOM (an implicit z-index).
-function placeSlotSegs(segs) {
- var levels = buildSlotSegLevels(segs);
- var level0 = levels[0];
- var i;
+ computeForwardSlotSegs(levels);
- computeForwardSlotSegs(levels);
+ if (level0) {
+ for (i = 0; i < level0.length; i++) {
+ computeSlotSegPressures(level0[i]);
+ }
- if (level0) {
+ for (i = 0; i < level0.length; i++) {
+ computeSlotSegCoords(level0[i], 0, 0);
+ }
+ }
- for (i=0; i";
- if (!event.allDay && segment.isStart) {
- html +=
- "" +
- htmlEscape(
- formatDates(event.start, event.end, opt('timeFormat'))
- ) +
- "";
- }
- html +=
- "" +
- htmlEscape(event.title || '') +
- "" +
- "
";
- if (segment.isEnd && isEventResizable(event)) {
- html +=
- "" +
- " " + // makes hit area a lot better for IE6/7
- "
";
- }
- html += "";
-
- // TODO:
- // When these elements are initially rendered, they will be briefly visibile on the screen,
- // even though their widths/heights are not set.
- // SOLUTION: initially set them as visibility:hidden ?
-
- return html;
- }
-
-
- // Associate each segment (an object) with an element (a jQuery object),
- // by setting each `segment.element`.
- // Run each element through the `eventRender` filter, which allows developers to
- // modify an existing element, supply a new one, or cancel rendering.
- function resolveElements(segments, elements) {
- for (var i=0; i";
+ if (!event.allDay && segment.isStart) {
+ html +=
+ "" +
+ htmlEscape(
+ formatDates(event.start, event.end, opt("timeFormat"))
+ ) +
+ "";
+ }
+ html +=
+ "" +
+ htmlEscape(event.title || "") +
+ "" +
+ "
";
+ if (segment.isEnd && isEventResizable(event)) {
+ html +=
+ "" +
+ " " + // makes hit area a lot better for IE6/7
+ "
";
+ }
+ html += "";
+
+ // TODO:
+ // When these elements are initially rendered, they will be briefly visibile on the screen,
+ // even though their widths/heights are not set.
+ // SOLUTION: initially set them as visibility:hidden ?
+
+ return html;
+ }
+
+ // Associate each segment (an object) with an element (a jQuery object),
+ // by setting each `segment.element`.
+ // Run each element through the `eventRender` filter, which allows developers to
+ // modify an existing element, supply a new one, or cancel rendering.
+ function resolveElements(segments, elements) {
+ for (var i = 0; i < segments.length; i++) {
+ var segment = segments[i];
+ var event = segment.event;
+ var element = elements.eq(i);
+
+ // call the trigger with the original element
+ var triggerRes = trigger("eventRender", event, event, element);
+
+ if (triggerRes === false) {
+ // if `false`, remove the event from the DOM and don't assign it to `segment.event`
+ element.remove();
+ } else {
+ if (triggerRes && triggerRes !== true) {
+ // the trigger returned a new element, but not `true` (which means keep the existing element)
+
+ // re-assign the important CSS dimension properties that were already assigned in `buildHTMLForSegment`
+ triggerRes = $(triggerRes).css({
+ position: "absolute",
+ left: segment.left,
+ });
+
+ element.replaceWith(triggerRes);
+ element = triggerRes;
+ }
+
+ segment.element = element;
+ }
+ }
+ }
+
+ /* Top-coordinate Methods
-------------------------------------------------------------------------------------------------*/
+ // Sets the "top" CSS property for each element.
+ // If `doRowHeights` is `true`, also sets each row's first cell to an explicit height,
+ // so that if elements vertically overflow, the cell expands vertically to compensate.
+ function setVerticals(segments, doRowHeights) {
+ var rowContentHeights = calculateVerticals(segments); // also sets segment.top
+ var rowContentElements = getRowContentElements(); // returns 1 inner div per row
+ var rowContentTops = [];
- // Sets the "top" CSS property for each element.
- // If `doRowHeights` is `true`, also sets each row's first cell to an explicit height,
- // so that if elements vertically overflow, the cell expands vertically to compensate.
- function setVerticals(segments, doRowHeights) {
- var rowContentHeights = calculateVerticals(segments); // also sets segment.top
- var rowContentElements = getRowContentElements(); // returns 1 inner div per row
- var rowContentTops = [];
+ // Set each row's height by setting height of first inner div
+ if (doRowHeights) {
+ for (var i = 0; i < rowContentElements.length; i++) {
+ rowContentElements[i].height(rowContentHeights[i]);
+ }
+ }
- // Set each row's height by setting height of first inner div
- if (doRowHeights) {
- for (var i=0; i
+
+
+  }})
+
+
+
+
+
+
+
+
+  }}){kind=logo}
+
-
-
+
+
+
+
+
+
+
+
-
+ }})
-
-
-
+
@@ -196,8 +304,9 @@
document.getElementById('clear-filter').addEventListener('click', function() {
// Reset province and city dropdowns
- document.getElementById('provinsi').value = '';
document.getElementById('kabkota').value = '';
+ document.getElementById('kecamatan').value = '';
+ document.getElementById('kelurahan').value = '';
// Reset search input
const searchInput = document.querySelector('input[placeholder="Search"]');
@@ -227,7 +336,7 @@
}
document.addEventListener('DOMContentLoaded', function() {
- changeTab('amdal');
+ changeTab('pertek');
});
diff --git a/resources/views/components/frontend/home/news.blade.php b/resources/views/components/frontend/home/news.blade.php
index 5fd9f07..bd68825 100644
--- a/resources/views/components/frontend/home/news.blade.php
+++ b/resources/views/components/frontend/home/news.blade.php
@@ -33,8 +33,8 @@
@@ -64,7 +64,7 @@
-
-
-
-
+
@@ -72,22 +72,22 @@
@@ -72,22 +72,22 @@
-
+
+
-
-
+
Pengenalan dan Uji Coba Aplikasi Perling untuk Mendukung Sistem Persetujuan Lingkungan
Bogor, 11 Desember 2024 - Dalam upaya meningkatkan efisiensi sistem persetujuan lingkungan di Indonesia, Kementerian Lingkungan Hidup dan Kehutanan telah meluncurkan aplikasi Perling yang inovatif...