From 10eef51a0f086ad148928ba965c330599b4765cb Mon Sep 17 00:00:00 2001 From: Unrud Date: Sun, 4 Jun 2017 17:16:11 +0200 Subject: Update package for new web plugin interface --- radicale_infcloud/web/lib/fullcalendar.js | 7196 +++++++++++++++++++++++++++++ 1 file changed, 7196 insertions(+) create mode 100644 radicale_infcloud/web/lib/fullcalendar.js (limited to 'radicale_infcloud/web/lib/fullcalendar.js') diff --git a/radicale_infcloud/web/lib/fullcalendar.js b/radicale_infcloud/web/lib/fullcalendar.js new file mode 100644 index 0000000..8effe83 --- /dev/null +++ b/radicale_infcloud/web/lib/fullcalendar.js @@ -0,0 +1,7196 @@ +/** + * @preserve + * FullCalendar v1.5.4 + * http://arshaw.com/fullcalendar/ + * + * Use fullcalendar.css for basic styling. + * For event drag & drop, requires jQuery UI draggable. + * For event resizing, requires jQuery UI resizable. + * + * Copyright (c) 2011 Adam Shaw + * Dual licensed under the MIT and GPL licenses, located in + * MIT-LICENSE.txt and GPL-LICENSE.txt respectively. + * + * Date: Tue Sep 4 23:38:33 2012 -0700 + * + */ + +(function($, undefined) { + +var defaults = { + + // display + defaultView: 'month', + aspectRatio: 1.35, + header: { + left: 'title', + center: '', + right: 'today prev,next' + }, + weekends: true, + currentTimeIndicator: false, + + // 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', + multiWeek: "MMM d[ yyyy]{ '–'[ MMM] d yyyy}", + week: "MMM d[ yyyy]{ '–'[ MMM] d yyyy}", + day: 'dddd, MMM d, yyyy', + list: 'MMM d, yyyy', + table: "MMM d[ yyyy]{ '–'[ MMM] d yyyy}", + todo: "MMM d[ yyyy]{ '–'[ MMM] d yyyy}", + }, + columnFormat: { + month: 'ddd', + multiWeek: 'ddd', + week: 'ddd M/d', + day: 'dddd M/d', + list: 'dddd, MMM d, yyyy', + table: 'MMM d, yyyy', + todo: 'MMM d, yyyy', + }, + timeFormat: { // for event elements + '': 'h(:mm)t', // default + agenda: 'h:mm{ – h:mm}', //agenda views + list: 'hh:mm{ – hh:mm}', //list and table views + listFull: 'hh:mm M d yyyy{ – hh:mm M d yyyy}', //list and table views for events that span multiple days + listFullAllDay: 'M d yyyy{ – M d yyyy}', //list and table views for allday events that span multiple days + }, + + // locale + isRTL: false, + firstDay: 0, + weekendDays: [0, 6], + 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', + multiWeek: 'mweek', + week: 'week', + day: 'day', + list: 'list', + table: 'table', + todo: 'todo', + prevMonth: 'Load previous month', + nextMonth: 'Load next month', + filtersHeader: 'Filters', + filtersFooter: '* completed at or after %date%', + filterAction: 'Needs action', + filterProgress: 'In progress', + filterCompleted: 'Completed', + filterCanceled: 'Canceled' + }, + + listTexts: { + until: 'until', + past: 'Past events', + today: 'Today', + tomorrow: 'Tomorrow', + thisWeek: 'This week', + nextWeek: 'Next week', + thisMonth: 'This month', + nextMonth: 'Next month', + future: 'Future events', + week: 'W' + }, + + // list/table options + listSections: 'smart', // false|'day'|'week'|'month'|'smart' + listRange: 30, // number of days to be displayed + listPage: 7, // number of days to jump when paging + tableCols: ['handle', 'date', 'time', 'title'], + todoCols: ['handle', 'check', 'priority', 'time', 'title', 'location', 'status', 'percent'], + todoColThresholds: [], + todoOptionalCols: [], + //defaultFilters: ['filterAction', 'filterProgress', 'filterCompleted', 'filterCanceled'], + defaultFilters: [], + + // jquery-ui theming + theme: false, + buttonIcons: { + prev: 'circle-triangle-w', + next: 'circle-triangle-e' + }, + + //selectable: false, + unselectAuto: true, + + dropAccept: '*', + + headerContainer: false, + bindingMode: 'single', + dayEventSizeStrict: false, + startOfBusiness: 0, + endOfBusiness: 0, + showWeekNumbers: true, + multiWeekSize: 3, + showDatepicker: false, + eventMode: true, + showUnstartedEvents: false, + simpleFilters: false, +}; + +// right-to-left defaults +var rtlDefaults = { + header: { + left: 'next,prev today', + center: '', + right: 'title' + }, + headerContainer: '', + buttonText: { + prev: ' ► ', + next: ' ◄ ', + prevYear: ' >> ', + nextYear: ' << ' + }, + buttonIcons: { + prev: 'circle-triangle-e', + next: 'circle-triangle-w' + } +}; + +var fc = $.fullCalendar = { version: "1.5.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; + } + + // 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.findToday = findToday; + 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; + t.selectEvent = selectEvent; + t.allowSelectEvent = allowSelectEvent; + t.updateToday = updateToday; + t.updateGrid = updateGrid; + t.renderViews = renderViews; + t.setOptions = setOptions; + t.getOption = getOption; + t.viewInstances = {}; + + // 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 absoluteViewElement; + 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{ + calcSize(); + markSizesDirty(); + markEventsDirty(); + renderView(inc); + } + } + + function initialRender() { + tm = options.theme ? 'ui' : 'fc'; + element.addClass('fc'); + if (options.isRTL) { + element.addClass('fc-rtl'); + } + if (options.theme) { + element.addClass('ui-widget'); + } + content = $("
") + .prependTo(element); + header = new Header(t, options); + headerElement = header.render(); + if (headerElement) { + options.headerContainer ? options.headerContainer.prepend(headerElement) : element.prepend(headerElement); + } + changeView(options.defaultView); + $(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 updateToday() + { + for(var view in t.viewInstances) + t.viewInstances[view].updateToday(); + } + + function updateGrid() + { + for(var view in t.viewInstances) + t.viewInstances[view].updateGrid(); + } + + function renderViews() + { + //Force rerender of all views + for(var view in t.viewInstances) + t.viewInstances[view].start=null; + renderView(); + } + + function setOptions(newOptions) + { + var rerender=false; + + $.each(newOptions, function(key,value){ + if($.isPlainObject(value)) + $.extend(options[key],value); + else + options[key]=value; + + if(key=='firstDay' || key=='timeFormat') + rerender=true; + else + { + for(var view in t.viewInstances) + t.viewInstances[view]['set'+key.charAt(0).toUpperCase()+key.slice(1)](); + } + }); + + if(rerender) + renderViews(); + } + + function getOption(option) + { + return options[option]; + } + + function destroy() { + $(window).unbind('resize', windowResize); + header.destroy(); + content.remove(); + element.removeClass('fc fc-rtl ui-widget'); + } + + function elementVisible() { + return _element.offsetWidth !== 0; + } + + function bodyVisible() { + return $('body')[0].offsetWidth !== 0; + } + + /* View Rendering + -----------------------------------------------------------------------------*/ + + // TODO: improve view switching (still weird transition in IE, and FF has whiteout problem) + + function changeView(newViewName) { + if (!currentView || newViewName != currentView.name) { + ignoreWindowResize++; // because setMinHeight might change the height before render (and subsequently setSize) is reached + + unselect(); + + var oldView = currentView; + var newViewElement; + + if (oldView) { + (oldView.beforeHide || noop)(); // called before changing min-height. if called after, scroll state is reset (in Opera) + //setMinHeight(content, content.height()); why is this necessary? + oldView.element.hide(); + if(oldView.addedView) { + oldView.addedView.element.hide(); + } + }else{ + setMinHeight(content, 1); // needs to be 1 (not 0) for IE7, or else view dimensions miscalculated + } + content.css('overflow', 'hidden'); + + currentView = t.viewInstances[newViewName]; + if (currentView) { + currentView.element.show(); + }else{ + currentView = t.viewInstances[newViewName] = new fcViews[newViewName]( + newViewElement = absoluteViewElement = + $("
") + .appendTo(content), + t // the calendar object + ); + } + + if(newViewName == 'agendaDay') { + addedView = t.viewInstances['table']; + if (addedView) { + addedView.element.show(); + }else{ + addedView = t.viewInstances['table'] = new fcViews['table']( + addedNewViewElement = addedAbsoluteViewElement = + $("
") + .appendTo(content), + t // the calendar object + ); + currentView.addedView = addedView; + } + } + + if (oldView) { + header.deactivateButton(oldView.name); + } + header.activateButton(newViewName); + + renderView(); // after height has been set, will make absoluteViewElement's position=relative, then set to null + + content.css('overflow', ''); + if (oldView) { + setMinHeight(content, 1); + } + + if (!newViewElement) { + (currentView.afterShow || noop)(); // called after setting min-height/overflow, so in final scroll state (for Opera) + } + + ignoreWindowResize--; + currentView.trigger('viewChanged', _element); + } + } + + function renderView(inc) { + if (elementVisible()) { + currentView.trigger('beforeViewDisplay', _element); + ignoreWindowResize++; // because renderEvents might temporarily change the height before setSize is reached + + unselect(); + + if (suggestedViewHeight === undefined) { + calcSize(); + } + + if(currentView.addedView && currentView.start && cloneDate(date, true).getTime() == currentView.start.getTime()) { + currentView.addedView.scrollToDate(date); + } + + var forceEventRender = false; + if (!currentView.start || inc || date < currentView.start || date >= currentView.end) { + // view must render an entire new date range (and refetch/render events) + currentView.render(date, inc || 0); // responsible for clearing events + setSize(true); + forceEventRender = true; + } + else if (currentView.sizeDirty) { + // view must resize (and rerender events) + currentView.clearEvents(); + setSize(); + forceEventRender = true; + } + else if (currentView.eventsDirty) { + currentView.clearEvents(); + forceEventRender = true; + } + + currentView.sizeDirty = false; + currentView.eventsDirty = false; + updateEvents(forceEventRender); + + elementOuterWidth = element.outerWidth(); + + header.updateTitle(currentView.title); + var today = new Date(); + if (today >= currentView.start && today < currentView.end) { + //header.disableButton('today'); + header.setTodayScroll(element); + findToday(); + }else{ + //header.enableButton('today'); + header.setTodayDefault(); + } + + ignoreWindowResize--; + currentView.trigger('viewDisplay', _element); + } + } + + /* Resizing + -----------------------------------------------------------------------------*/ + + function updateSize() { + markSizesDirty(); + if (elementVisible()) { + calcSize(); + setSize(); + if(currentView.name!='todo') + { + unselect(); + currentView.clearEvents(); + currentView.renderEvents(events); + } + currentView.sizeDirty = false; + } + } + + function markSizesDirty() { + $.each(t.viewInstances, function(i, inst) { + inst.sizeDirty = true; + }); + } + + function calcSize() { + 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, .5)); + } + } + + function setSize(dateChanged) { // todo: dateChanged? + ignoreWindowResize++; + currentView.setWidth(content.width(), dateChanged); + currentView.setHeight(suggestedViewHeight, dateChanged); + if (absoluteViewElement) { + absoluteViewElement.css('position', 'relative'); + absoluteViewElement = null; + } + /*if(currentView.addedView) { + currentView.addedView.setWidth(content.width(), dateChanged); + var tmpContentWidth = Math.floor(content.width() / 2); + currentView.element.width(tmpContentWidth); + currentView.addedView.element.css({'left' : tmpContentWidth, + 'width' : tmpContentWidth - 2}); + }*/ + ignoreWindowResize--; + } + + 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 + -----------------------------------------------------------------------------*/ + + // fetches events if necessary, rerenders events if necessary (or if forced) + function updateEvents(forceRender) { + if (!options.lazyFetching || isFetchNeeded(currentView.visStart, currentView.visEnd)) { + refetchEvents(); + } + else if (forceRender) { + rerenderEvents(); + } + } + + function refetchEvents() { + fetchEvents(currentView.visStart, currentView.visEnd); // will call reportEvents + } + + // called when event data arrives + function reportEvents(_events) { + events = _events; + rerenderEvents(); + } + + // called when a single event's data has been changed + function reportEventChange(eventID) { + rerenderEvents(eventID); + } + + // attempts to rerenderEvents + function rerenderEvents(modifiedEventID) { + markEventsDirty(); + if (elementVisible()) { + currentView.clearEvents(); + currentView.renderEvents(events, modifiedEventID); + currentView.eventsDirty = false; + } + } + + function markEventsDirty() { + $.each(t.viewInstances, function(i, inst) { + inst.eventsDirty = true; + }); + } + + /* 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); + trigger('prevClick'); + } + + function next() { + renderView(1); + trigger('nextClick'); + } + + function prevYear() { + addYears(date, -1); + renderView(); + } + + function nextYear() { + addYears(date, 1); + renderView(); + } + + function today() { + date = new Date(); + renderView(); + findToday(); + trigger('todayClick'); + } + + function findToday() { + if(currentView.addedView) { + if(currentView.addedView.getDaySegmentContainer().find('.fc-today').length>0) { + if(new Date().getDate()==1) { + currentView.addedView.getDaySegmentContainer().parent().scrollTop(0); + } + else { + offset = currentView.addedView.getDaySegmentContainer().find('.fc-today').position().top; + var top = currentView.addedView.getDaySegmentContainer().parent().scrollTop(); + currentView.addedView.getDaySegmentContainer().parent().scrollTop(top + offset); + } + } + } + else if(currentView.name == 'todo') { + if(currentView.getDaySegmentContainer().find('.fc-today').length>0) { + offset = currentView.getDaySegmentContainer().find('.fc-today').position().top; + var top = currentView.getDaySegmentContainer().parent().scrollTop(); + currentView.getDaySegmentContainer().parent().scrollTop(top + offset); + } + } + else { + var todayElem = currentView.element.find('.fc-today'); + if(todayElem.length>0) { + var offset = 0; + if(!todayElem.parent().hasClass('fc-week0')) { + offset = todayElem.position().top; + } + element.parent().scrollTop(offset); + } + } + } + + 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); + } + + /* 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(); + } else if (name.indexOf('list') == 0 || name == 'tableCols') { + options[name] = value; + currentView.start = null; // force re-render + } + } + + function trigger(name, thisObj) { + if (options[name]) { + return options[name].apply( + thisObj || _element, + Array.prototype.slice.call(arguments, 2) + ); + } + } + + function selectEvent(eventElement, noClick) { + currentView.selectEvent(eventElement, noClick); + } + + function allowSelectEvent(value) { + currentView.allowSelectEvent(value); + } + + /* 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; + t.setTodayDefault = setTodayDefault; + t.setTodayScroll = setTodayScroll; + + // locals + var element = $([]); + var tm; + + function render() { + tm = options.theme ? 'ui' : 'fc'; + var sections = options.header; + if (sections) { + element = $("") + .append( + $("") + .append(renderSection('left')) + .append(renderSection('center')) + .append(renderSection('right')) + ); + return element; + } + } + + function destroy() { + element.remove(); + } + + function renderSection(position) { + var e = $("" + + "" + + ""; + for (i=0; i"; // fc- needed for setDayID + } + s += + "" + + "" + + "" + + "" + + "" + + ""; + for (i=0; i" + // fc- needed for setDayID + "
" + + "
" + + "
 
" + + "
" + + "
" + + ""; + } + s += + "
" + + "" + + "" + + "
"); + var buttonStr = options.header[position]; + if (buttonStr) { + $.each(buttonStr.split(' '), function(i) { + if (i > 0) { + e.append(""); + } + var prevButton; + $.each(this.split(','), function(j, buttonName) { + if (buttonName == 'title') { + e.append("

 

"); + 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 icon = (buttonName=='prev' || buttonName=='next') ? buttonName : null; + var text = smartProperty(options.buttonText, buttonName); // why are we using smartProperty here? + var button = $( + "" + + "" + + "" + + (icon ? + "" : + text + ) + + "" + + "" + + "" + + "" + ); + if (button) { + 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); + 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) + .attr('title', $("
").html(html).text()); + } + + 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'); + } + + function setTodayDefault() { + var todayBt = element.find('span.fc-button-' + 'today'); + var todayBtClc = calendar['today']; + + todayBt.unbind('click'); + todayBt.click(function(){ + if(!todayBt.hasClass(tm + '-state-disabled')) { + todayBtClc(); + } + }); + } + + function setTodayScroll(body) { + var todayBt = element.find('span.fc-button-' + 'today'); + var todayBtClc = calendar['findToday']; + + todayBt.unbind('click'); + todayBt.click(function(){ + if(!todayBt.hasClass(tm + '-state-disabled')) + todayBtClc(); + }); + } + +} + +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.removeEventSources = removeEventSources; + 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)), return null instead + return null; +} + +function parseISO8601(s, ignoreTimezone) { // ignoreTimezone defaults to false + // derived from http://delete.me.uk/2005/03/iso8601.html + // TODO: for a know glitch/feature, read tests/issue_206_parseDate_dst.html + var m = s.match(/^([0-9]{4})(-([0-9]{2})(-([0-9]{2})([T ]([0-9]{2}):([0-9]{2})(:([0-9]{2})(\.([0-9]+))?)?(Z|(([-+])([0-9]{2})(:?([0-9]{2}))?))?)?)?)?$/); + if (!m) { + return null; + } + var date = new Date(m[1], 0, 1); + if (ignoreTimezone || !m[13]) { + var check = new Date(m[1], 0, 1, 12, 0); + fixDate(date, check); + if (m[3]) { + date.setMonth(m[3] - 1); + check.setMonth(m[3] - 1); + } + if (m[5]) { + date.setDate(m[5]); + check.setDate(m[5]); + } + fixDate(date, check); + if (m[7]) { + date.setHours(m[7]); + } + if (m[8]) { + date.setMinutes(m[8]); + } + if (m[10]) { + date.setSeconds(m[10]); + } + if (m[12]) { + date.setMilliseconds(Number("0." + m[12]) * 1000); + } + fixDate(date, check); + }else{ + date.setUTCFullYear( + m[1], + m[3] ? m[3] - 1 : 0, + m[5] || 1 + ); + date.setUTCHours( + m[7] || 0, + m[8] || 0, + m[10] || 0, + m[12] ? Number("0." + m[12]) * 1000 : 0 + ); + if (m[14]) { + var offset = Number(m[16]) * 60 + (m[18] ? Number(m[18]) : 0); + offset *= m[15] == '-' ? 1 : -1; + date = new Date(+date + (offset * 60 * 1000)); + } + } + return date; +} + +function parseTime(s) { // returns minutes since start of day + if (typeof s == 'number') { // an hour + return s * 60; + } + if (typeof s == 'object') { // a Date object + return s.getHours() * 60 + s.getMinutes(); + } + var m = s.match(/(\d+)(?::(\d+))?\s*(\w+)?/); + if (m) { + var h = parseInt(m[1], 10); + if (m[3]) { + h %= 12; + if (m[3].toLowerCase().charAt(0) == 'p') { + h += 12; + } + } + return h * 60 + (m[2] ? parseInt(m[2], 10) : 0); + } +} + +/* Date Formatting +-----------------------------------------------------------------------------*/ +// TODO: use same function formatDate(date, [date2], format, [options]) + +function formatDate(date, format, options) { + return formatDates(date, null, format, options); +} + +function formatDates(date1, date2, format, options) { + options = options || defaults; + var date = date1, + otherDate = date2, + i, len = format.length, c, + i2, formatter, + res = ''; + for (i=0; ii; i2--) { + if (formatter = dateFormatters[format.substring(i, i2)]) { + if (date) { + res += formatter(date, options); + } + i = i2 - 1; + break; + } + } + if (i2 == i) { + if (date) { + res += c; + } + } + } + } + return res; +}; + +var dateFormatters = { + s : function(d) {return d.getSeconds() }, + ss : function(d) {return zeroPad(d.getSeconds())}, + m : function(d) {return d.getMinutes()}, + mm : function(d) {return zeroPad(d.getMinutes())}, + h : function(d) {return d.getHours() % 12 || 12}, + hh : function(d) {return zeroPad(d.getHours() % 12 || 12)}, + H : function(d) {return d.getHours()}, + HH : function(d) {return zeroPad(d.getHours())}, + d : function(d) {return d.getDate()}, + dd : function(d) {return zeroPad(d.getDate())}, + ddd : function(d,o) {return o.dayNamesShort[d.getDay()]}, + dddd: function(d,o) {return o.dayNames[d.getDay()]}, + W : function(d) {return getWeekNumber(d)}, + M : function(d) {return d.getMonth() + 1}, + MM : function(d) {return zeroPad(d.getMonth() + 1)}, + MMM : function(d,o) {return o.monthNamesShort[d.getMonth()]}, + MMMM: function(d,o) {return o.monthNames[d.getMonth()]}, + yy : function(d) {return (d.getFullYear()+'').substring(2)}, + yyyy: function(d) {return d.getFullYear()}, + t : function(d) {return d.getHours() < 12 ? 'a' : 'p'}, + tt : function(d) {return d.getHours() < 12 ? 'am' : 'pm'}, + T : function(d) {return d.getHours() < 12 ? 'A' : 'P'}, + TT : function(d) {return d.getHours() < 12 ? 'AM' : 'PM'}, + u : function(d) {return formatDate(d, "yyyy-MM-dd'T'HH:mm:ss'Z'")}, + S : function(d) { + var date = d.getDate(); + if (date > 10 && date < 20) { + return 'th'; + } + return ['st', 'nd', 'rd'][date%10-1] || 'th'; + } +}; + +fc.applyAll = applyAll; + +/* Event Date Math +-----------------------------------------------------------------------------*/ + +function exclEndDay(event) { + if (event.end) { + return _exclEndDay(event.end, event.allDay); + }else{ + return addDays(cloneDate(event.start), 1); + } +} + +function _exclEndDay(end, allDay) { + end = cloneDate(end); + return allDay || end.getHours() || end.getMinutes() ? addDays(end, 1) : clearTime(end); +} + +function segCmp(a, b) { + return (b.msLength - a.msLength) * 100 + (a.event.start - b.event.start); +} + +function segsCollide(seg1, seg2) { + return seg1.end > seg2.start && seg1.start < seg2.end; +} + +/* Event Sorting +-----------------------------------------------------------------------------*/ + +// event rendering utilities +function sliceSegs(events, visEventEnds, start, end) { + var segs = [], + i, len=events.length, event, + eventStart, eventEnd, + segStart, segEnd, + isStart, isEnd; + for (i=0; i start && eventStart < end) { + if (eventStart < start) { + segStart = cloneDate(start); + isStart = false; + }else{ + segStart = eventStart; + isStart = true; + } + if (eventEnd > end) { + segEnd = cloneDate(end); + isEnd = false; + }else{ + segEnd = eventEnd; + isEnd = true; + } + segs.push({ + event: event, + start: segStart, + end: segEnd, + isStart: isStart, + isEnd: isEnd, + msLength: segEnd - segStart + }); + } + } + return segs.sort(segCmp); +} + +// event rendering calculation utilities +function stackSegs(segs) { + var levels = [], + i, len = segs.length, seg, + j, collide, k; + for (i=0; i=0; i--) { + res = obj[parts[i].toLowerCase()]; + if (res !== undefined) { + return res; + } + } + return obj['']; +} + +function htmlEscape(s) { + return s.replace(/&/g, '&') + .replace(//g, '>') + .replace(/'/g, ''') + .replace(/"/g, '"') + .replace(/\n/g, '
'); +} + +function cssKey(_element) { + return _element.id + '/' + _element.className + '/' + _element.style.cssText.replace(/(^|;)\s*(top|left|width|height)\s*:[^;]*/ig, ''); +} + +function disableTextSelection(element) { + element + .attr('unselectable', 'on') + .css('MozUserSelect', 'none') + .bind('selectstart.ui', function() { return false; }); +} + +/* +function enableTextSelection(element) { + element + .attr('unselectable', 'off') + .css('MozUserSelect', '') + .unbind('selectstart.ui'); +} +*/ + +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, opt) { + cell.each(function(i, _cell) { + _cell.className = _cell.className.replace(/^fc-\w*( fc-weekend-day)?/, 'fc-' + dayIDs[date.getDay()] + (opt('weekendDays').length>0 && opt('weekendDays').indexOf(date.getDay())!=-1 ? ' fc-weekend-day' : '')); + // 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 applyAll(functions, thisObj, args) { + if ($.isFunction(functions)) { + functions = [ functions ]; + } + if (functions) { + var i; + var ret; + for (i=0; i0) + addDays(date, -(( - (Math.abs(Math.ceil(dayDiff(dateWeekStart, currentWeekStart) / 7)) % opt('multiWeekSize'))) % opt('multiWeekSize')) * 7); + + //var start = addDays(cloneDate(date), -((date.getDay() - opt('firstDay') + 7) % 7)); + var start = cloneDate(date); + //var end = addDays(cloneDate(start), opt('multiWeekSize') * 7); + //var visStart = cloneDate(start); + var visStart = addDays(cloneDate(date), -((date.getDay() - opt('firstDay') + 7) % 7)); + var end = addDays(cloneDate(visStart), opt('multiWeekSize') * 7); + var visEnd = cloneDate(end); + + var firstDay = opt('firstDay'); + var nwe = opt('weekends') ? 0 : 1; + if (nwe) { + skipWeekend(visStart); + skipWeekend(visEnd, -1, true); + } + + addDays(visStart, -((visStart.getDay() - Math.max(firstDay, nwe) + 7) % 7)); + addDays(visEnd, (7 - visEnd.getDay() + Math.max(firstDay, nwe)) % 7); + + t.title = formatDates( + visStart, + addDays(cloneDate(visEnd), -1), + opt('titleFormat') + ); + t.start = start; + t.end = end; + t.visStart = visStart; + t.visEnd = visEnd; + renderBasic(opt('multiWeekSize'), opt('multiWeekSize'), nwe ? 5 : 7, true); + } +} + +fcViews.basicWeek = BasicWeekView; + +function BasicWeekView(element, calendar) { + var t = this; + + // exports + t.render = render; + + // imports + BasicView.call(t, element, calendar, 'basicWeek'); + var opt = t.opt; + var renderBasic = t.renderBasic; + var formatDates = calendar.formatDates; + + function render(date, delta) { + if (delta) { + addDays(date, delta * 7); + } + var start = addDays(cloneDate(date), -((date.getDay() - opt('firstDay') + 7) % 7)); + var end = addDays(cloneDate(start), 7); + var visStart = cloneDate(start); + var visEnd = cloneDate(end); + var weekends = opt('weekends'); + if (!weekends) { + skipWeekend(visStart); + skipWeekend(visEnd, -1, true); + } + t.title = formatDates( + visStart, + addDays(cloneDate(visEnd), -1), + opt('titleFormat') + ); + t.start = start; + t.end = end; + t.visStart = visStart; + t.visEnd = visEnd; + renderBasic(1, 1, weekends ? 7 : 5, false); + } +} + +fcViews.basicDay = BasicDayView; + +//TODO: when calendar's date starts out on a weekend, shouldn't happen + +function BasicDayView(element, calendar) { + var t = this; + + // exports + t.render = render; + + // imports + BasicView.call(t, element, calendar, 'basicDay'); + var opt = t.opt; + var renderBasic = t.renderBasic; + var formatDate = calendar.formatDate; + + function render(date, delta) { + if (delta) { + addDays(date, delta); + if (!opt('weekends')) { + skipWeekend(date, delta < 0 ? -1 : 1); + } + } + t.title = formatDate(date, opt('titleFormat')); + t.start = t.visStart = cloneDate(date, true); + t.end = t.visEnd = addDays(cloneDate(t.start), 1); + renderBasic(1, 1, 1, false); + } +} + +setDefaults({ + weekMode: 'fixed' +}); + +function BasicView(element, calendar, viewName) { + var t = this; + + // exports + t.renderBasic = renderBasic; + t.setHeight = setHeight; + t.setWidth = setWidth; + t.renderDayOverlay = renderDayOverlay; + t.defaultSelectionEnd = defaultSelectionEnd; + t.renderSelection = renderSelection; + t.clearSelection = clearSelection; + t.reportDayClick = reportDayClick; // for selection (kinda hacky) + t.dragStart = dragStart; + t.dragStop = dragStop; + t.defaultEventEnd = defaultEventEnd; + t.getHoverListener = function() { return hoverListener }; + t.colContentLeft = colContentLeft; + t.colContentRight = colContentRight; + t.dayOfWeekCol = dayOfWeekCol; + t.dateCell = dateCell; + t.cellDate = cellDate; + t.cellIsAllDay = function() { return true }; + t.allDayRow = allDayRow; + t.allDayBounds = allDayBounds; + t.getRowCnt = function() { return rowCnt }; + t.getColCnt = function() { return colCnt }; + t.getColWidth = function() { return colWidth }; + t.getDaySegmentContainer = function() { return daySegmentContainer }; + t.updateGrid = updateGrid; + t.updateToday = updateToday; + t.setAxisFormat = setAxisFormat; + t.setStartOfBusiness = setStartOfBusiness; + t.setEndOfBusiness = setEndOfBusiness; + t.setWeekendDays = setWeekendDays; + t.setBindingMode = setBindingMode; + t.setSelectable = setSelectable; + + // imports + View.call(t, element, calendar, viewName); + OverlayManager.call(t); + SelectionManager.call(t); + BasicEventRenderer.call(t); + var opt = t.opt; + var trigger = t.trigger; + var clearEvents = t.clearEvents; + var renderOverlay = t.renderOverlay; + var clearOverlays = t.clearOverlays; + var daySelectionMousedown = t.daySelectionMousedown; + var formatDate = calendar.formatDate; + + // locals + var head; + var headCells; + var body; + var bodyRows; + var bodyCells; + var bodyFirstCells; + var bodyCellTopInners; + var daySegmentContainer; + + var viewWidth; + var viewHeight; + var colWidth; + + var rowCnt, colCnt; + var coordinateGrid; + var hoverListener; + var colContentPositions; + + var rtl, dis, dit; + var firstDay; + var nwe; + var tm; + var colFormat; + + /* Rendering + ------------------------------------------------------------*/ + + disableTextSelection(element.addClass('fc-grid')); + + function renderBasic(maxr, r, c, showNumbers) { + rowCnt = r; + colCnt = c; + updateOptions(); + var firstTime = !body; + if (firstTime) { + buildSkeleton(maxr, showNumbers); + }else{ + clearEvents(); + } + updateCells(true); + } + + function updateOptions() { + rtl = opt('isRTL'); + if (rtl) { + dis = -1; + dit = colCnt - 1; + }else{ + dis = 1; + dit = 0; + } + firstDay = opt('firstDay'); + nwe = opt('weekends') ? 0 : 1; + tm = opt('theme') ? 'ui' : 'fc'; + colFormat = opt('columnFormat'); + } + + function buildSkeleton(maxRowCnt, showNumbers) { + var s; + var headerClass = tm + "-widget-header"; + var contentClass = tm + "-widget-content"; + var i, j; + var table; + + s = + "" + + "" + + ""; + for (i=0; i"; // need fc- for setDayID + } + s += + "" + + "" + + ""; + for (i=0; i"; + for (j=0; j" + // need fc- for setDayID + "
" + + (showNumbers ? + "
" : + '' + ) + + "
" + + "
 
" + + "
" + + "
" + + ""; + } + s += + ""; + } + s += + "
" + + "
"; + table = $(s).appendTo(element); + + head = table.find('thead'); + headCells = head.find('th'); + body = table.find('tbody'); + bodyRows = body.find('tr'); + bodyCells = body.find('td'); + bodyFirstCells = bodyCells.filter(':first-child'); + bodyCellTopInners = bodyRows.eq(0).find('div.fc-day-content div'); + + markFirstLast(head.add(head.find('tr'))); // marks first+last tr/th's + markFirstLast(bodyRows); // marks first+last td's + bodyRows.eq(0).addClass('fc-first'); // fc-last is done in updateCells + + dayBind(bodyCells); + daySegmentContainer = + $("
") + .appendTo(element); + } + + function updateCells(firstTime) { + var dowDirty = firstTime || rowCnt == 1; // could the cells' day-of-weeks need updating? + var month = t.start.getMonth(); + var today = clearTime(new Date()); + var cell; + var date; + var row; + + if (dowDirty) { + headCells.each(function(i, _cell) { + cell = $(_cell); + date = indexDate(i); + cell.html(formatDate(date, colFormat)); + setDayID(cell, date, opt); + }); + } + + bodyCells.each(function(i, _cell) { + cell = $(_cell); + date = indexDate(i); + if (date.getMonth() == month) { + cell.removeClass('fc-other-month'); + }else{ + cell.addClass('fc-other-month'); + } + if(opt('showWeekNumbers') && (i % 7 == 0)) { + removeWeekNumber(cell, date); + addWeekNumber(cell, date); + } + if (+date == +today) { + cell.addClass(tm + '-state-highlight fc-today'); + removeTodayText(cell, opt('buttonText', 'today')); + addTodayText(cell, opt('buttonText', 'today')); + }else{ + cell.removeClass(tm + '-state-highlight fc-today'); + removeTodayText(cell, opt('buttonText', 'today')); + } + cell.find('div.fc-day-number').text(date.getDate()); + if (dowDirty) { + setDayID(cell, date, opt); + } + }); + + bodyRows.each(function(i, _row) { + row = $(_row); + if (i < rowCnt) { + row.show(); + if (i == rowCnt-1) { + row.addClass('fc-last'); + }else{ + row.removeClass('fc-last'); + } + }else{ + row.hide(); + } + }); + } + + function updateGrid() + { + updateToday(); + setAxisFormat(); + setStartOfBusiness(); + setEndOfBusiness(); + setWeekendDays(); + setBindingMode(); + setSelectable(); + } + + function updateToday() + { + var today = clearTime(new Date()); + var cell; + var date; + + bodyCells.each(function(i, _cell) { + cell = $(_cell); + date = indexDate(i); + + if (+date == +today) { + cell.addClass(tm + '-state-highlight fc-today'); + removeTodayText(cell, opt('buttonText', 'today')); + addTodayText(cell, opt('buttonText', 'today')); + }else{ + cell.removeClass(tm + '-state-highlight fc-today'); + removeTodayText(cell, opt('buttonText', 'today')); + } + }); + } + + function setAxisFormat() + { + // dummy + } + + function setStartOfBusiness() + { + // dummy + } + + function setEndOfBusiness() + { + // dummy + } + + function setWeekendDays() + { + headCells.each(function(i, _cell) { + setDayID($(_cell), indexDate(i), opt); + }); + + bodyCells.each(function(i, _cell) { + setDayID($(_cell), indexDate(i), opt); + }); + } + + function setBindingMode() + { + dayBind(bodyCells); + } + + function setSelectable() + { + dayBind(bodyCells); + } + + 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); + setMinHeight( + cell.find('> div'), + (i==rowCnt-1 ? rowHeightLast : rowHeight) - vsides(cell) + ); + } + }); + } + + function setWidth(width) { + viewWidth = width; + colContentPositions.clear(); + colWidth = Math.floor(viewWidth / colCnt); + setOuterWidth(headCells.slice(0, -1), colWidth); + } + + /* Day clicking and binding + -----------------------------------------------------------*/ + + function dayBind(days) { + days.unbind('click dblclick'); + if(opt('bindingMode') == 'double') + days.dblclick(dayClick).mousedown(daySelectionMousedown); + else + days.click(dayClick).mousedown(daySelectionMousedown); + } + + function dayClick(ev) { + //if (!opt('selectable')) { // if selectable, SelectionManager will worry about dayClick + var index = parseInt(this.className.match(/fc\-day(\d+)/)[1]); // TODO: maybe use .data + var date = indexDate(index); + trigger('dayClick', this, date, true, ev); + //} + } + + /* Semi-transparent Overlay Helpers + ------------------------------------------------------*/ + + function renderDayOverlay(overlayStart, overlayEnd, refreshCoordinateGrid) { // overlayEnd is exclusive + if (refreshCoordinateGrid) { + coordinateGrid.build(); + } + var rowStart = cloneDate(t.visStart); + var rowEnd = addDays(cloneDate(rowStart), colCnt); + for (var i=0; i" + + "
 
  
"; + dayTable = $(s).appendTo(element); + dayHead = dayTable.find('thead'); + dayHeadCells = dayHead.find('th').slice(1, -1); + dayBody = dayTable.find('tbody'); + dayBodyCells = dayBody.find('td').slice(0, -1); + dayBodyCellInners = dayBodyCells.find('div.fc-day-content div'); + dayBodyFirstCell = dayBodyCells.eq(0); + dayBodyFirstCellStretcher = dayBodyFirstCell.find('> div'); + + markFirstLast(dayHead.add(dayHead.find('tr'))); + markFirstLast(dayBody.add(dayBody.find('tr'))); + + axisFirstCells = dayHead.find('th:first'); + gutterCells = dayTable.find('.fc-agenda-gutter'); + + slotLayer = + $("
") + .appendTo(element); + + if(opt('allDaySlot')) { + dayScroller = $("
").appendTo(slotLayer); + dayContent = $("
").appendTo(dayScroller); + daySegmentContainer = $("
").appendTo(dayContent); + + s = + "" + + "" + + "" + + "" + + "" + + "
" + opt('allDayText') + "" + + "
" + + "
"; + + allDayTable = $(s).appendTo(dayScroller); + allDayRow = allDayTable.find('tr'); + dayBind(allDayRow.find('td')); + axisFirstCells = axisFirstCells.add(allDayTable.find('th:first')); + gutterCells = gutterCells.add(allDayTable.find('th.fc-agenda-gutter')); + + divider = $( + "
" + + "
" + + "
" + ).appendTo(slotLayer); + + }else{ + daySegmentContainer = $([]); // in jQuery 1.4, we can just do $() + } + + slotJumpersTopContainer = $("
").appendTo(slotLayer); + slotJumpersBottomContainer = $("
").appendTo(slotLayer); + slotScroller = $("
").appendTo(slotLayer); + slotContent = $("
").appendTo(slotScroller); + slotSegmentContainer = $("
").appendTo(slotContent); + + for (i=0; i')); + slotJumpersBottomContainer.append($('
')); + } + slotJumpersTop = slotJumpersTopContainer.children(); + slotJumpersBottom = slotJumpersBottomContainer.children(); + + s = + "" + + ""; + d = zeroDate(); + maxd = addMinutes(cloneDate(d), maxMinute); + addMinutes(d, minMinute); + slotCnt = 0; + + var startOfBusiness = opt("startOfBusiness") * (60/opt("slotMinutes")); + var endOfBusiness = (opt("endOfBusiness") - (opt("slotMinutes")/60)) * (60/opt("slotMinutes")); + for (i=0; d < maxd; i++) { + minutes = d.getMinutes(); + var nonBusinessHours = (i < startOfBusiness || i > endOfBusiness) ? " fc-non-business-hours" : ""; + s += + "" + + "" + + "" + + ""; + addMinutes(d, opt('slotMinutes')); + slotCnt++; + } + s += + "" + + "
" + + ((!slotNormal || !minutes) ? formatDate(d, opt('axisFormat')) : ' ') + + "" + + "
 
" + + "
"; + slotTable = $(s).appendTo(slotContent); + slotTableFirstInner = slotTable.find('div:first'); + slotBind(slotTable.find('td')); + axisFirstCells = axisFirstCells.add(slotTable.find('th:first')); + } + + function updateCells() { + var i; + var headCell; + var bodyCell; + var axisCell; + var date; + var today = clearTime(new Date()); + axisCell = axisFirstCells[0]; + + if(opt('showWeekNumbers')) { + removeWeekNumber($(axisCell), colDate(0)); + addWeekNumber($(axisCell), colDate(0)); + } + for (i=0; i endOfBusiness) + $(element).addClass('fc-non-business-hours'); + else + $(element).removeClass('fc-non-business-hours'); + }); + } + + function setWeekendDays() + { + dayHeadCells.each(function(i, _cell) { + setDayID($(_cell), colDate(i), opt); + }); + + dayBodyCells.each(function(i, _cell) { + setDayID($(_cell), colDate(i), opt); + }); + } + + function setBindingMode() + { + dayBind(allDayRow.find('td')); + slotBind(slotTable.find('td')); + } + + function setSelectable() + { + dayBind(allDayRow.find('td')); + slotBind(slotTable.find('td')); + } + + function setHeight(height, dateChanged) { + if (height === undefined) { + height = viewHeight; + } + viewHeight = height; + slotTopCache = {}; + + var headHeight = dayBody.position().top; + var allDayHeight = opt('allDaySlot') ? 4 : 0; //if divider is present + var bodyHeight = Math.min( // total body height, including borders + height - headHeight, // when scrollbars + slotTable.height() + allDayHeight + 1 // when no scrollbars. +1 for bottom border + ); + + var maxAllDayHeight = Math.floor((bodyHeight - allDayHeight - 1) / 3); + dayScroller.css('max-height', maxAllDayHeight + 3); + allDayRow.find('div:first').children().css('max-height', maxAllDayHeight); + + allDayHeight = allDayTable.height(); + if(opt('allDaySlot')) { + divider.css('position', 'relative'); + divider.css('top', allDayHeight); + slotScroller.css('top', allDayHeight + 4); + } + + //allDayHeight = slotScroller.position().top; // including divider + bodyHeight = Math.min( // total body height, including borders + height - headHeight, // when scrollbars + slotTable.height() + allDayHeight + 1 // when no scrollbars. +1 for bottom border + ); + + dayBodyFirstCellStretcher + .height(bodyHeight - vsides(dayBodyFirstCell)); + + var slotScrollerHeight = bodyHeight - allDayHeight - 1 - (opt('allDaySlot') ? 4 : 0); + slotLayer.css('top', headHeight); + slotScroller.height(slotScrollerHeight); + slotHeight = slotTableFirstInner.height() + 1; // +1 for border + + slotJumpersTopContainer.css('top', allDayHeight+1); + slotJumpersBottomContainer.css('top', slotScrollerHeight + allDayHeight + 1 - slotJumpersBottom.first().height()); + + if (dateChanged) { + resetScroll(); + } + + if(t.addedView) { + t.addedView.setHeight(height, dateChanged); + } + } + + function setWidth(width) { + if (width === undefined) { + width = viewWidth; + } + viewWidth = width; + if(t.addedView) { + var outerWidth = Math.floor(element.parent().width() / 2); + element.css({'width' : outerWidth}); + viewWidth = outerWidth; + } + colContentPositions.clear(); + + axisWidth = 0; + setOuterWidth( + axisFirstCells + .width('') + .each(function(i, _cell) { + axisWidth = Math.max(axisWidth, $(_cell).outerWidth()); + }), + axisWidth + ); + + var slotTableWidth = slotScroller[0].clientWidth; // needs to be done after axisWidth (for IE7) + //slotTable.width(slotTableWidth); + + //var oldGutterWidth = gutterWidth; + gutterWidth = slotScroller.width() - slotTableWidth || dayScroller.width() - dayContent.width(); + if (gutterWidth) { + /*if(!gutterAck) { + viewWidth -= gutterWidth; + gutterAck = true; + }*/ + setOuterWidth(gutterCells, gutterWidth); + gutterCells + .show() + .prev() + .removeClass('fc-last'); + }else{ + /*if(gutterAck) { + viewWidth += oldGutterWidth; + gutterAck = false; + }*/ + gutterCells + .hide() + .prev() + .addClass('fc-last'); + } + + colWidth = Math.floor((slotTableWidth - axisWidth) / colCnt); + setOuterWidth(dayHeadCells.slice(0, -1), colWidth); + + slotJumpersTop.each(function(i,e){ + var jumper=$(e); + jumper.css('left',axisWidth + (colWidth*(i+1)) - 1 - jumper.width()); + }); + slotJumpersBottom.each(function(i,e){ + var jumper=$(e); + jumper.css('left',axisWidth + (colWidth*(i+1)) - 1 - jumper.width()); + }); + + if(t.addedView) { + t.addedView.setWidth(outerWidth); + } + } + + function resetScroll() { + var d0 = zeroDate(); + var scrollDate = cloneDate(d0); + scrollDate.setHours(opt('firstHour')); + var top = timePosition(d0, scrollDate) + 1; // +1 for the border + function scroll() { + slotScroller.scrollTop(top); + } + scroll(); + setTimeout(scroll, 0); // overrides any previous scroll state made by the browser + } + + function beforeHide() { + savedScrollTop = slotScroller.scrollTop(); + } + + function afterShow() { + slotScroller.scrollTop(savedScrollTop); + } + + /* Slot/Day clicking and binding + -----------------------------------------------------------------------*/ + + function dayBind(cells) { + cells.unbind('click dblclick'); + if(opt('bindingMode') == 'double') + cells.dblclick(daySlotClick).mousedown(daySelectionMousedown); + else + cells.click(daySlotClick).mousedown(daySelectionMousedown); + } + + function slotBind(cells) { + cells.unbind('click dblclick'); + if(opt('bindingMode') == 'double') + cells.dblclick(slotClick).mousedown(slotSelectionMousedown); + else + cells.click(slotClick).mousedown(slotSelectionMousedown); + } + + function daySlotClick(ev) { + var col = Math.min(colCnt-1, Math.floor((ev.pageX - dayTable.offset().left - axisWidth) / colWidth)); + var date = colDate(col); + trigger('dayClick', dayBodyCells[col], date, true, ev); + } + + function slotClick(ev) { + //if (!opt('selectable')) { // if selectable, SelectionManager will worry about dayClick + var col = Math.min(colCnt-1, Math.floor((ev.pageX - dayTable.offset().left - axisWidth) / colWidth)); + var date = colDate(col); + var rowMatch = this.parentNode.className.match(/fc-slot(\d+)/); // TODO: maybe use data + if (rowMatch) { + var mins = parseInt(rowMatch[1]) * opt('slotMinutes'); + var hours = Math.floor(mins/60); + date.setHours(hours); + date.setMinutes(mins%60 + minMinute); + trigger('dayClick', dayBodyCells[col], date, false, ev); + }else{ + trigger('dayClick', dayBodyCells[col], date, true, ev); + } + //} + } + + /* Semi-transparent Overlay Helpers + -----------------------------------------------------*/ + + function renderDayOverlay(startDate, endDate, refreshCoordinateGrid) { // endDate is exclusive + if (refreshCoordinateGrid) { + coordinateGrid.build(); + } + var visStart = cloneDate(t.visStart); + var startCol, endCol; + if (rtl) { + startCol = dayDiff(endDate, visStart)*dis+dit+1; + endCol = dayDiff(startDate, visStart)*dis+dit+1; + }else{ + startCol = dayDiff(startDate, visStart); + endCol = dayDiff(endDate, visStart); + } + startCol = Math.max(0, startCol); + endCol = Math.min(colCnt, endCol); + if (startCol < endCol) { + dayBind( + renderCellOverlay(0, startCol, 0, endCol-1) + ); + } + } + + function renderCellOverlay(row0, col0, row1, col1) { // only for all-day? + var rect = coordinateGrid.rect(row0, col0, row1, col1, slotLayer); + return renderOverlay(rect, slotLayer); + } + + function renderSlotOverlay(overlayStart, overlayEnd) { + var dayStart = cloneDate(t.visStart); + var dayEnd = addDays(cloneDate(dayStart), 1); + for (var i=0; i= 0) { + addMinutes(d, minMinute + slotIndex * opt('slotMinutes')); + } + return d; + } + + function colDate(col) { // returns dates with 00:00:00 + return addDays(cloneDate(t.visStart), col*dis+dit); + } + + function cellIsAllDay(cell) { + return opt('allDaySlot') && !cell.row; + } + + function dayOfWeekCol(dayOfWeek) { + return ((dayOfWeek - Math.max(firstDay, nwe) + colCnt) % colCnt)*dis+dit; + } + + // get the Y coordinate of the given time on the given day (both Date objects) + function timePosition(day, time) { // both date objects. day holds 00:00 of current day + day = cloneDate(day, true); + if (time < addMinutes(cloneDate(day), minMinute)) { + return 0; + } + if (time >= addMinutes(cloneDate(day), maxMinute)) { + return slotTable.height(); + } + var slotMinutes = opt('slotMinutes'), + minutes = time.getHours()*60 + time.getMinutes() - minMinute, + slotI = Math.floor(minutes / slotMinutes), + slotTop = slotTopCache[slotI]; + if (slotTop === undefined) { + slotTop = slotTopCache[slotI] = slotTable.find('tr:eq(' + slotI + ') td div')[0].offsetTop; //.position().top; // need this optimization??? + } + return Math.max(0, Math.round( + slotTop - 1 + slotHeight * ((minutes % slotMinutes) / slotMinutes) + )); + } + + function allDayBounds() { + return { + left: axisWidth, + right: viewWidth - gutterWidth + } + } + + function getAllDayRow(index) { + return allDayRow; + } + + function defaultEventEnd(event) { + var start = cloneDate(event.start); + if (event.allDay) { + return start; + } + return addMinutes(start, opt('defaultEventMinutes')); + } + + /* Selection + ---------------------------------------------------------------------------------*/ + + function defaultSelectionEnd(startDate, allDay) { + if (allDay) { + return cloneDate(startDate); + } + return addMinutes(cloneDate(startDate), opt('slotMinutes')); + } + + function renderSelection(startDate, endDate, allDay) { // only for all-day + if (allDay) { + if (opt('allDaySlot')) { + renderDayOverlay(startDate, addDays(cloneDate(endDate), 1), true); + } + }else{ + renderSlotSelection(startDate, endDate); + } + } + + function renderSlotSelection(startDate, endDate) { + var helperOption = opt('selectHelper'); + coordinateGrid.build(); + if (helperOption) { + var col = dayDiff(startDate, t.visStart) * dis + dit; + if (col >= 0 && col < colCnt) { // only works when times are on same day + var rect = coordinateGrid.rect(0, col, 0, col, slotContent); // only for horizontal coords + var top = timePosition(startDate, startDate); + var bottom = timePosition(startDate, endDate); + if (bottom > top) { // protect against selections that are entirely before or after visible range + rect.top = top; + rect.height = bottom - top; + rect.left += 2; + rect.width -= 5; + if ($.isFunction(helperOption)) { + var helperRes = helperOption(startDate, endDate); + if (helperRes) { + rect.position = 'absolute'; + rect.zIndex = 8; + selectionHelper = $(helperRes) + .css(rect) + .appendTo(slotContent); + } + }else{ + rect.isStart = true; // conside rect a "seg" now + rect.isEnd = true; // + selectionHelper = $(slotSegHtml( + { + title: '', + start: startDate, + end: endDate, + className: ['fc-select-helper'], + editable: false + }, + rect + )); + selectionHelper.css('opacity', opt('dragOpacity')); + } + if (selectionHelper) { + slotBind(selectionHelper); + slotContent.append(selectionHelper); + setOuterWidth(selectionHelper, rect.width, true); // needs to be after appended + setOuterHeight(selectionHelper, rect.height, true); + } + } + } + }else{ + renderSlotOverlay(startDate, endDate); + } + } + + function clearSelection() { + clearOverlays(); + if (selectionHelper) { + selectionHelper.remove(); + selectionHelper = null; + } + } + + function slotSelectionMousedown(ev) { + if (ev.which == 1 && opt('selectable')) { // ev.which==1 means left mouse button + unselect(ev); + var dates; + hoverListener.start(function(cell, origCell) { + clearSelection(); + if (cell && (cell.col == origCell.col || !opt('selectHelper')) && !cellIsAllDay(cell)) { + var d1 = cellDate(origCell); + var d2 = cellDate(cell); + dates = [ + d1, + addMinutes(cloneDate(d1), opt('slotMinutes')), + d2, + addMinutes(cloneDate(d2), opt('slotMinutes')) + ].sort(cmp); + renderSlotSelection(dates[0], dates[3]); + }else{ + dates = null; + } + }, ev); + $(document).one('mouseup', function(ev) { + hoverListener.stop(); + if (dates) { + if (+dates[0] == +dates[1]) { + //reportDayClick(dates[0], false, ev); + } + reportSelection(dates[0], dates[3], false, ev); + } + }); + } + } + + function reportDayClick(date, allDay, ev) { + trigger('dayClick', dayBodyCells[dayOfWeekCol(date.getDay())], date, allDay, ev); + } + + /* External Dragging + --------------------------------------------------------------------------------*/ + + function dragStart(_dragElement, ev, ui) { + hoverListener.start(function(cell) { + clearOverlays(); + if (cell) { + if (cellIsAllDay(cell)) { + renderCellOverlay(cell.row, cell.col, cell.row, cell.col); + }else{ + var d1 = cellDate(cell); + var d2 = addMinutes(cloneDate(d1), opt('defaultEventMinutes')); + renderSlotOverlay(d1, d2); + } + } + }, ev); + } + + function dragStop(_dragElement, ev, ui) { + var cell = hoverListener.stop(); + clearOverlays(); + if (cell) { + trigger('drop', _dragElement, cellDate(cell), cellIsAllDay(cell), ev, ui); + } + } + +} + +function AgendaEventRenderer() { + var t = this; + + // exports + t.renderEvents = renderEvents; + t.compileDaySegs = compileDaySegs; // for DayEventRenderer + t.clearEvents = clearEvents; + t.slotSegHtml = slotSegHtml; + t.bindDaySeg = bindDaySeg; + t.setTimeIndicator = setTimeIndicator; + + // imports + DayEventRenderer.call(t); + var opt = t.opt; + var trigger = t.trigger; + //var setOverflowHidden = t.setOverflowHidden; + var isEventDraggable = t.isEventDraggable; + var isEventResizable = t.isEventResizable; + var eventEnd = t.eventEnd; + var reportEvents = t.reportEvents; + var reportEventClear = t.reportEventClear; + var eventElementHandlers = t.eventElementHandlers; + var setHeight = t.setHeight; + var setWidth = t.setWidth; + var getDaySegmentContainer = t.getDaySegmentContainer; + var getSlotJumpersTop = t.getSlotJumpersTop; + var getSlotJumpersBottom = t.getSlotJumpersBottom; + var getslotScroller = t.getslotScroller; + var getSlotContent = t.getSlotContent; + var getSlotSegmentContainer = t.getSlotSegmentContainer; + var getHoverListener = t.getHoverListener; + var getMaxMinute = t.getMaxMinute; + var getMinMinute = t.getMinMinute; + var timePosition = t.timePosition; + var colContentLeft = t.colContentLeft; + var colContentRight = t.colContentRight; + var renderDaySegs = t.renderDaySegs; + var resizableDayEvent = t.resizableDayEvent; // TODO: streamline binding architecture + var getColCnt = t.getColCnt; + var getColWidth = t.getColWidth; + var getSlotHeight = t.getSlotHeight; + var getBodyContent = t.getBodyContent; + var reportEventElement = t.reportEventElement; + var showEvents = t.showEvents; + var hideEvents = t.hideEvents; + var eventDrop = t.eventDrop; + var eventResize = t.eventResize; + var renderDayOverlay = t.renderDayOverlay; + var renderSlotSelection = t.renderSlotSelection; + var clearOverlays = t.clearOverlays; + var calendar = t.calendar; + var formatDate = calendar.formatDate; + var formatDates = calendar.formatDates; + var timeLineInterval; + + /* Rendering + ----------------------------------------------------------------------------*/ + + // draw a horizontal line indicating the current time (#143) + function setTimeIndicator() + { + var container = getBodyContent(); + var timeline = container.children('.fc-timeline'); + var arrow = container.children('.fc-timeline-arrow'); + if (timeline.length == 0 || arrow.length == 0) { // if timeline isn't there, add it + timeline = $('
').addClass('fc-timeline').appendTo(container); + arrow = $('
').addClass('fc-timeline-arrow').appendTo(container); + } + + var cur_time = new Date(); + var daycol = $('.fc-today', t.element); + if (daycol.length > 0) { + timeline.show(); + arrow.show(); + } + else { + timeline.hide(); + arrow.hide(); + return; + } + + var secs = (cur_time.getHours() * 60 * 60) + (cur_time.getMinutes() * 60) + cur_time.getSeconds(); + var percents = secs / 86400; // 24 * 60 * 60 = 86400, # of seconds in a day + + timeline.css('top', Math.floor(container.height() * percents - 1) + 'px'); + arrow.css('top', Math.floor(container.height() * percents - 1) - 5 + 'px'); + + var left = daycol.position().left; + var width = daycol.width(); + timeline.css({ left: left + 'px', width: width + 'px' }); + } + + function renderEvents(events, modifiedEventId) { + reportEvents(events); + var i, len=events.length, + dayEvents=[], + slotEvents=[]; + for (i=0; i=currentPosition+slotScroller.height()-jumperReserve) + $(slotJumpersBottom[i]).css('display',''); + else + $(slotJumpersBottom[i]).css('display','none'); + } + }).trigger('scroll'); + slotJumpersTop.each(function(i, jumper){ + $(jumper).unbind('click').click(function(){ + var targetTop=0; + var currentPosition = slotScroller.scrollTop(); + $.each(colBoundaries[i].positions,function(ei,ee){ + if(ee.bottom<=currentPosition+jumperReserve) + targetTop=ee.top; + return ee.top=currentPosition+slotScroller.height()-jumperReserve) + { + targetPosition = ee; + return false; + } + }); + slotScroller.scrollTop( + targetPosition.bottom-targetPosition.top+t.getSlotHeight()>slotScroller.height()? + targetPosition.top-t.getSlotHeight(): + targetPosition.bottom-slotScroller.height()+t.getSlotHeight()+1 // +1 is a magic independent constant, used just to make the default scroll position look better + ); + }); + }); + + for (i=0; i" + + "
" + + "
" + + "
" + + htmlEscape(formatDates(event.start, event.end, opt('timeFormat'))) + + "
" + + "
" + + "
" + + "
" + + htmlEscape(event.title) + + "
" + + "
" + + "
" + + "
"; // close inner + if (seg.isEnd && isEventResizable(event)) { + html += + "
=
"; + } + html += + ""; + return html; + } + + function bindDaySeg(event, eventElement, seg) { + if (isEventDraggable(event)) { + draggableDayEvent(event, eventElement, seg.isStart); + } + if (seg.isEnd && isEventResizable(event)) { + resizableDayEvent(event, eventElement, seg); + } + eventElementHandlers(event, eventElement); + // needs to be after, because resizableDayEvent might stopImmediatePropagation on click + } + + 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 + + function draggableDayEvent(event, eventElement, isStart) { + var origWidth; + var revert; + var allDay=true; + var dayDelta; + var dis = opt('isRTL') ? -1 : 1; + var hoverListener = getHoverListener(); + var colWidth = getColWidth(); + var slotHeight = getSlotHeight(); + var minMinute = getMinMinute(); + eventElement.draggable({ + zIndex: 9, + scroll: false, + 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, rowDelta, colDelta) { + clearOverlays(); + if (cell) { + //setOverflowHidden(true); + revert = false; + dayDelta = colDelta * dis; + 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, + slotHeight * Math.round( + (event.end ? ((event.end - event.start) / MINUTE_MS) : opt('defaultEventMinutes')) + / opt('slotMinutes') + ) + ); + eventElement.draggable('option', 'grid', [colWidth, 1]); + allDay = false; + } + else{ + var cellDate = t.cellDate; + if (cell && (cell.col == origCell.col || !opt('selectHelper'))) { + var d1 = cellDate(cell); + var duration = event.end ? minDiff(event.end, event.start) : opt('defaultEventMinutes'); + var d2 = addMinutes(cloneDate(d1, false), duration); + dates = [d1, d2].sort(cmp); + renderSlotSelection(dates[0], dates[1]); + } + } + + }else{ + revert = true; + } + } + revert = revert || (allDay && !dayDelta); + }else{ + resetElement(); + //setOverflowHidden(false); + 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 - getBodyContent().offset().top) / slotHeight) + * opt('slotMinutes') + + minMinute + - (event.start.getHours() * 60 + event.start.getMinutes()); + } + eventDrop(this, event, dayDelta, minuteDelta, allDay, ev, ui); + } + //setOverflowHidden(false); + } + }); + 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 origPosition; + var allDay=false; + var dayDelta; + var minuteDelta; + var prevMinuteDelta; + var dis = opt('isRTL') ? -1 : 1; + var hoverListener = getHoverListener(); + var colCnt = getColCnt(); + var colWidth = getColWidth(); + var slotHeight = getSlotHeight(); + eventElement.draggable({ + zIndex: 9, + scroll: false, + grid: [colWidth, slotHeight], + axis: colCnt==1 ? 'y' : false, + opacity: opt('dragOpacity'), + revertDuration: opt('dragRevertDuration'), + start: function(ev, ui) { + trigger('eventDragStart', eventElement, event, ev, ui); + //hideEvents(event, eventElement); + origPosition = eventElement.position(); + minuteDelta = prevMinuteDelta = 0; + hoverListener.start(function(cell, origCell, rowDelta, colDelta) { + eventElement.draggable('option', 'revert', !cell); + clearOverlays(); + if (cell) { + dayDelta = colDelta * dis; + if (opt('allDaySlot') && !cell.row) { + // over full days + if (!allDay) { + // convert to temporary all-day event + allDay = true; + timeElement.hide(); + eventElement.draggable('option', 'grid', null); + } + renderDayOverlay( + addDays(cloneDate(event.start), dayDelta), + addDays(exclEndDay(event), dayDelta) + ); + }else{ + // on slots + resetElement(); + } + } + }, ev, 'drag'); + }, + drag: function(ev, ui) { + ui.position.left = origPosition.left + (dayDelta * dis) * colWidth; + minuteDelta = Math.round((ui.position.top - origPosition.top) / slotHeight) * opt('slotMinutes'); + if (minuteDelta != prevMinuteDelta) { + if (!allDay) { + updateTimeText(minuteDelta); + } + prevMinuteDelta = minuteDelta; + } + }, + stop: function(ev, ui) { + var cell = hoverListener.stop(); + clearOverlays(); + trigger('eventDragStop', eventElement, event, ev, ui); + if (cell && (dayDelta || minuteDelta || allDay)) { + // changed! + eventDrop(this, event, dayDelta, allDay ? 0 : minuteDelta, allDay, ev, ui); + }else{ + // either no change or out-of-bounds (draggable has already reverted) + resetElement(); + eventElement.css('filter', ''); // clear IE opacity side-effects + eventElement.css(origPosition); // sometimes fast drags make event revert to wrong position + updateTimeText(0); + //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 resetElement() { + // convert back to original slot-event + if (allDay) { + timeElement.css('display', ''); // show() was causing display=inline + eventElement.draggable('option', 'grid', [colWidth, slotHeight]); + allDay = false; + } + } + } + + /* Resizing + --------------------------------------------------------------------------------------*/ + + function resizableSlotEvent(event, eventElement, timeElement) { + var slotDelta, prevSlotDelta; + var slotHeight = getSlotHeight(); + eventElement.resizable({ + handles: { + s: 'div.ui-resizable-s' + }, + grid: slotHeight, + start: function(ev, ui) { + slotDelta = prevSlotDelta = 0; + //hideEvents(event, eventElement); + eventElement.css('z-index', 9); + trigger('eventResizeStart', this, event, ev, ui); + }, + resize: function(ev, ui) { + // don't rely on ui.size.height, doesn't take grid into account + slotDelta = Math.round((Math.max(slotHeight, eventElement.height()) - ui.originalSize.height) / slotHeight); + if (slotDelta != prevSlotDelta) { + timeElement.text( + formatDates( + event.start, + (!slotDelta && !event.end) ? null : // no change, so don't display time range + addMinutes(eventEnd(event), opt('slotMinutes')*slotDelta), + opt('timeFormat') + ) + ); + prevSlotDelta = slotDelta; + } + }, + stop: function(ev, ui) { + trigger('eventResizeStop', this, event, ev, ui); + + var minutesDelta = opt('slotMinutes')*slotDelta; + if(event.end===null) { + minutesDelta+=opt('defaultEventMinutes'); + } + + if (slotDelta) { + eventResize(this, event, 0, minutesDelta, ev, ui); + }else{ + eventElement.css('z-index', 8); + //showEvents(event, eventElement); + // BUG: if event was really short, need to put title back in span + } + } + }); + } +} + +function countForwardSegs(levels) { + var i, j, k, level, segForward, segBack; + for (i=levels.length-1; i>0; i--) { + level = levels[i]; + for (j=0; jt.getDaySegmentContainer().parent().height()) + { + var top=t.getDaySegmentContainer().parent().scrollTop(); + t.getDaySegmentContainer().parent().scrollTop(top+offset-(t.getDaySegmentContainer().parent().height()*0.2)); + } + + // Force event click callback, although its not pretty + if(!noClick) { + eventElement.trigger('mouseover').trigger('click'); + } + } + + function showEvents(event, exceptElement) { + eachEventElement(event, exceptElement, 'show'); + } + + function hideEvents(event, exceptElement) { + eachEventElement(event, exceptElement, 'hide'); + } + + function eachEventElement(event, exceptElement, funcName) { + event[funcName](); +// var elements = eventElementsByID[event._id], +// i, len = elements.length; +// for (i=0; i"); + var elements; + var segmentContainer = getDaySegmentContainer(); + var i; + var segCnt = segs.length; + var element; + tempContainer[0].innerHTML = daySegHTML(segs); // faster than .html() + elements = tempContainer.children(); + segmentContainer.append(elements); + daySegElementResolve(segs, elements); + daySegCalcHSides(segs); + daySegSetWidths(segs); + daySegCalcHeights(segs); + daySegSetTops(segs, getRowTops(getRowDivs())); + elements = []; + for (i=0; i" + + ""; + if (opt('dayEventSizeStrict')) { + html += "
"; + } + if (!event.allDay && seg.isStart && opt('timeFormat')) { + html += + "" + + htmlEscape(formatDates(event.start, event.end, opt('timeFormat'))) + + ""; + } + html += "" + htmlEscape(event.title.replace(/(\r\n|\n|\r)+/gm," ")) + ""; + if (opt('dayEventSizeStrict')) { + html += "
"; + } + html += "
"; + if (seg.isEnd && isEventResizable(event)) { + html += + "
" + + "   " + // makes hit area a lot better for IE6/7 + "
"; + } + html += + "
" + + ""; + seg.left = left; + seg.outerWidth = right - left; + seg.startCol = leftCol; + seg.endCol = rightCol + 1; // needs to be exclusive + } + return html; + } + + function daySegElementResolve(segs, elements) { // sets seg.element + var i; + var segCnt = segs.length; + var seg; + var event; + var element; + var triggerRes; + for (i=0; i div'); // optimal selector? + } + return rowDivs; + } + + + function getRowTops(rowDivs) { + var i; + var rowCnt = rowDivs.length; + var tops = []; + for (i=0; i selection for IE + element + .mousedown(function(ev) { // prevent native selection for others + ev.preventDefault(); + }) + .click(function(ev) { + if (isResizing) { + ev.preventDefault(); // prevent link from being visited (only method that worked in IE6) + ev.stopImmediatePropagation(); // prevent fullcalendar eventClick handler from being called + // (eventElementHandlers needs to be bound after resizableDayEvent) + } + }); + + handle.mousedown(function(ev) { + if (ev.which != 1) { + return; // needs to be left mouse button + } + isResizing = true; + var hoverListener = t.getHoverListener(); + var rowCnt = getRowCnt(); + var colCnt = getColCnt(); + var dis = rtl ? -1 : 1; + var dit = rtl ? colCnt-1 : 0; + var elementTop = element.css('top'); + var dayDelta; + var helpers; + var eventCopy = $.extend({}, event); + var minCell = dateCell(event.start); + clearSelection(); + $('body') + .css('cursor', direction + '-resize') + .one('mouseup', mouseup); + trigger('eventResizeStart', this, event, ev); + hoverListener.start(function(cell, origCell) { + if (cell) { + var r = Math.max(minCell.row, cell.row); + var c = cell.col; + if (rowCnt == 1) { + r = 0; // hack for all-day area in agenda views + } + if (r == minCell.row) { + if (rtl) { + c = Math.min(minCell.col, c); + }else{ + c = Math.max(minCell.col, c); + } + } + dayDelta = (r*7 + c*dis+dit) - (origCell.row*7 + origCell.col*dis+dit); + var newEnd = addDays(eventEnd(event), dayDelta, true); + if (dayDelta) { + eventCopy.end = newEnd; + var oldHelpers = helpers; + helpers = renderTempDaySegs(compileDaySegs([eventCopy]), seg.row, elementTop); + helpers.find('*').css('cursor', direction + '-resize'); + trigger('eventResizeHelperCreated', this, event, ev, element, helpers); + if (oldHelpers) { + oldHelpers.remove(); + } + //hideEvents(event); + hideEvents(element); + }else{ + if (helpers) { + //showEvents(event); + showEvents(element); + helpers.remove(); + helpers = null; + } + } + clearOverlays(); + renderDayOverlay(event.start, addDays(cloneDate(newEnd), 1)); // coordinate grid already rebuild at hoverListener.start + } + }, ev); + + function mouseup(ev) { + trigger('eventResizeStop', this, event, ev); + $('body').css('cursor', ''); + hoverListener.stop(); + clearOverlays(); + if (dayDelta) { + eventResize(this, event, dayDelta, 0, ev); + // event redraw will clear helpers + } + // otherwise, the drag handler already restored the old events + + setTimeout(function() { // make this happen after the element's click event + isResizing = false; + },0); + } + + }); + } + + +} + +//BUG: unselect needs to be triggered when events are dragged+dropped + +function SelectionManager() { + var t = this; + + + // exports + t.select = select; + t.unselect = unselect; + t.reportSelection = reportSelection; + t.daySelectionMousedown = daySelectionMousedown; + + + // imports + var opt = t.opt; + var trigger = t.trigger; + var defaultSelectionEnd = t.defaultSelectionEnd; + var renderSelection = t.renderSelection; + var clearSelection = t.clearSelection; + + + // locals + var selected = false; + + + + // unselectAuto + if (opt('selectable') && opt('unselectAuto')) { + $(document).mousedown(function(ev) { + var ignore = opt('unselectCancel'); + if (ignore) { + if ($(ev.target).parents(ignore).length) { // could be optimized to stop after first match + return; + } + } + unselect(ev); + }); + } + + + function select(startDate, endDate, allDay) { + unselect(); + if (!endDate) { + endDate = defaultSelectionEnd(startDate, allDay); + } + renderSelection(startDate, endDate, allDay); + reportSelection(startDate, endDate, allDay); + } + + + function unselect(ev) { + if (selected) { + selected = false; + clearSelection(); + trigger('unselect', null, ev); + } + } + + + function reportSelection(startDate, endDate, allDay, ev) { + selected = true; + trigger('select', null, startDate, endDate, allDay, ev); + } + + + function daySelectionMousedown(ev) { // not really a generic manager method, oh well + var cellDate = t.cellDate; + var cellIsAllDay = t.cellIsAllDay; + var hoverListener = t.getHoverListener(); + var reportDayClick = t.reportDayClick; // this is hacky and sort of weird + if (ev.which == 1 && opt('selectable')) { // which==1 means left mouse button + unselect(ev); + var _mousedownElement = this; + var dates; + hoverListener.start(function(cell, origCell) { // TODO: maybe put cellDate/cellIsAllDay info in cell + clearSelection(); + if (cell && cellIsAllDay(cell)) { + dates = [ cellDate(origCell), cellDate(cell) ].sort(cmp); + renderSelection(dates[0], dates[1], true); + }else{ + dates = null; + } + }, ev); + $(document).one('mouseup', function(ev) { + hoverListener.stop(); + if (dates) { + if (+dates[0] == +dates[1]) { + //reportDayClick(dates[0], true, ev); + } + reportSelection(dates[0], dates[1], true, ev); + } + }); + } + } + + +} + +function OverlayManager() { + var t = this; + + + // exports + t.renderOverlay = renderOverlay; + t.clearOverlays = clearOverlays; + + + // locals + var usedOverlays = []; + var unusedOverlays = []; + + + function renderOverlay(rect, parent) { + var e = unusedOverlays.shift(); + if (!e) { + e = $("
"); + } + if (e[0].parentNode != parent[0]) { + e.appendTo(parent); + } + usedOverlays.push(e.css(rect).show()); + return e; + } + + + function clearOverlays() { + var e; + while (e = usedOverlays.shift()) { + unusedOverlays.push(e.hide().unbind()); + } + } + + +} + +function CoordinateGrid(buildFunc) { + var t = this; + var rows; + var cols; + + t.build = function() { + rows = []; + cols = []; + buildFunc(rows, cols); + }; + + t.cell = function(x, y) { + var rowCnt = rows.length; + var colCnt = cols.length; + var i, r=-1, c=-1; + for (i=0; i= rows[i][0] && y < rows[i][1]) { + r = i; + break; + } + } + for (i=0; i= cols[i][0] && x < cols[i][1]) { + c = i; + break; + } + } + return (r>=0 && c>=0) ? { row:r, col:c } : null; + }; + + t.rect = function(row0, col0, row1, col1, originElement) { // row1,col1 is inclusive + var origin = originElement.offset(); + return { + top: rows[row0][0] - origin.top, + left: cols[col0][0] - origin.left, + width: cols[col1][1] - cols[col0][0], + height: rows[row1][1] - rows[row0][0] + }; + }; +} + +function HoverListener(coordinateGrid) { + + var t = this; + var bindType; + var change; + var firstCell; + var cell; + var origEvent; + + t.start = function(_change, ev, _bindType) { + origEvent = ev; + change = _change; + firstCell = cell = null; + coordinateGrid.build(); + mouse(ev); + bindType = _bindType || 'mousemove'; + $(document).bind(bindType, mouse); + }; + + function mouse(ev) { + _fixUIEvent(ev); // see below + if(origEvent.pageX - ev.pageX == 0 && origEvent.pageY - ev.pageY == 0) { + return false; + } + var newCell = coordinateGrid.cell(ev.pageX, ev.pageY); + if (!newCell != !cell || newCell && (newCell.row != cell.row || newCell.col != cell.col)) { + if (newCell) { + if (!firstCell) { + firstCell = newCell; + } + change(newCell, firstCell, newCell.row-firstCell.row, newCell.col-firstCell.col); + }else{ + change(newCell, firstCell); + } + cell = newCell; + } + } + + t.stop = function() { + $(document).unbind(bindType, mouse); + return cell; + }; +} + +// this fix was only necessary for jQuery UI 1.8.16 (and jQuery 1.7 or 1.7.1) +// upgrading to jQuery UI 1.8.17 (and using either jQuery 1.7 or 1.7.1) fixed the problem +// but keep this in here for 1.8.16 users +// and maybe remove it down the line + +function _fixUIEvent(event) { // for issue 1168 + if (event.pageX === undefined) { + event.pageX = event.originalEvent.pageX; + event.pageY = event.originalEvent.pageY; + } +} +function HorizontalPositionCache(getElement) { + + var t = this, + elements = {}, + lefts = {}, + rights = {}; + + function e(i) { + return elements[i] = elements[i] || getElement(i); + } + + t.left = function(i) { + return lefts[i] = lefts[i] === undefined ? e(i).position().left : lefts[i]; + }; + + t.right = function(i) { + return rights[i] = rights[i] === undefined ? t.left(i) + e(i).width() : rights[i]; + }; + + t.clear = function() { + elements = {}; + lefts = {}; + rights = {}; + }; +} + +function addTodayText(cell, todayText) +{ + target = cell.find(".fc-day-text"); + target.html(todayText); +} + +function removeTodayText(cell, todayText) +{ + target = cell.find(".fc-day-text"); + target.html(''); +} + +function addWeekNumber(cell, date) +{ + target = cell.find(".fc-week-number"); + target.html(getWeekNumber(date)); +} + +function removeWeekNumber(cell, date) +{ + target = cell.find(".fc-week-number"); + target.html(''); +} + +function addTodayClass(cell) +{ + var classes = cell.attr('class').split(' '); + var filter = ['fc-state-highlight', 'fc-today', 'fc-widget-content', 'fc-source-bg']; + classes = $.grep(classes, function(el) { + if ($.inArray(el, filter) > -1) { + return false; + } + + return true; + }); + classes.push('fc-widget-header'); + var target = $('.' + classes.join('.')); + target.addClass('fc-today'); +} + +function removeTodayClass(cell) +{ + var classes = cell.attr('class').split(' '); + var filter = ['fc-state-highlight', 'fc-today', 'fc-widget-content', 'fc-source-bg']; + classes = $.grep(classes, function(el) { + if ($.inArray(el, filter) > -1) { + return false; + } + return true; + }); + classes.push('fc-widget-header'); + var target = $('.' + classes.join('.')); + target.removeClass('fc-today'); +} + +function getWeekNumber(date) { + //By tanguy.pruvot at gmail.com (2010) + + //first week of year always contains 4th Jan, or 28 Dec (ISO) + + var jan4 = new Date(date.getFullYear(),0,4 ,date.getHours()); + + //ISO weeks numbers begins on monday, so rotate monday:sunday to 0:6 + var jan4Day = (jan4.getDay() - 1 + 7) % 7; + + var days = Math.round((date - jan4) / 86400000); + var week = Math.floor((days + jan4Day ) / 7)+1; + + //special cases + var thisDay = (date.getDay() - 1 + 7) % 7; + if (date.getMonth()==11 && date.getDate() >= 28) { + + jan4 = new Date(date.getFullYear()+1,0,4 ,date.getHours()); + jan4Day = (jan4.getDay() - 1 + 7) % 7; + + if (thisDay < jan4Day) return 1; + + var prevWeek = new Date(date.valueOf()-(86400000*7)); + return getWeekNumber(prevWeek) + 1; + } + + if (week == 0 && thisDay > 3 && date.getMonth()==0) { + var prevWeek = new Date(date.valueOf()-(86400000*7)); + return getWeekNumber(prevWeek) + 1; + } + + return week; +} + +/* Additional view: list (by bruederli@kolabsys.com) +---------------------------------------------------------------------------------*/ + +function ListEventRenderer() { + var t = this; + + // exports + t.renderEvents = renderEvents; + t.renderEventTime = renderEventTime; + t.compileDaySegs = compileSegs; // for DayEventRenderer + t.clearEvents = clearEvents; + t.lazySegBind = lazySegBind; + t.sortCmp = sortCmp; + + // imports + DayEventRenderer.call(t); + var opt = t.opt; + var trigger = t.trigger; + var reportEvents = t.reportEvents; + var reportEventClear = t.reportEventClear; + var reportEventElement = t.reportEventElement; + var eventElementHandlers = t.eventElementHandlers; + var showEvents = t.showEvents; + var hideEvents = t.hideEvents; + var getListContainer = t.getDaySegmentContainer; + var calendar = t.calendar; + var formatDate = calendar.formatDate; + var formatDates = calendar.formatDates; + + + /* Rendering + --------------------------------------------------------------------*/ + + function clearEvents() { + reportEventClear(); + getListContainer().empty(); + } + + function renderEvents(events, modifiedEventId) { + events.sort(sortCmp); + reportEvents(events); + renderSegs(compileSegs(events), modifiedEventId); + } + + /*function compileSegs(events) { + var segs = []; + var colFormat = opt('titleFormat', 'day'); + var firstDay = opt('firstDay'); + var segmode = opt('listSections'); + var event, i, dd, wd, md, seg, segHash, curSegHash, segDate, curSeg = -1; + var today = clearTime(new Date()); + var weekstart = addDays(cloneDate(today), -((today.getDay() - firstDay + 7) % 7)); + + for (i=0; i < events.length; i++) { + event = events[i]; + var eventEnd = event.end ? cloneDate(event.end) : cloneDate(event.start); + + // skip events out of range + if (eventEnd < t.start || event.start > t.visEnd) + continue; + + // define sections of this event + // create smart sections such as today, tomorrow, this week, next week, next month, ect. + segDate = cloneDate(event.start < t.start && eventEnd > t.start ? t.start : event.start, true); + dd = dayDiff(segDate, today); + wd = Math.floor(dayDiff(segDate, weekstart) / 7); + md = segDate.getMonth() + ((segDate.getYear() - today.getYear()) * 12) - today.getMonth(); + + // build section title + if (segmode == 'smart') { + if (dd < 0) { + segHash = opt('listTexts', 'past'); + } else if (dd == 0) { + segHash = opt('listTexts', 'today'); + } else if (dd == 1) { + segHash = opt('listTexts', 'tomorrow'); + } else if (wd == 0) { + segHash = opt('listTexts', 'thisWeek'); + } else if (wd == 1) { + segHash = opt('listTexts', 'nextWeek'); + } else if (md == 0) { + segHash = opt('listTexts', 'thisMonth'); + } else if (md == 1) { + segHash = opt('listTexts', 'nextMonth'); + } else if (md > 1) { + segHash = opt('listTexts', 'future'); + } + } else if (segmode == 'month') { + segHash = formatDate(segDate, 'MMMM yyyy'); + } else if (segmode == 'week') { + segHash = opt('listTexts', 'week') + formatDate(segDate, ' W'); + } else if (segmode == 'day') { + segHash = formatDate(segDate, colFormat); + } else { + segHash = ''; + } + + // start new segment + if (segHash != curSegHash) { + segs[++curSeg] = { events: [], start: segDate, title: segHash, daydiff: dd, weekdiff: wd, monthdiff: md }; + curSegHash = segHash; + } + + segs[curSeg].events.push(event); + } + + return segs; + }*/ + +function compileSegs(events) { + var segs = {}; + var colFormat = opt('columnFormat', t.name); + var firstDay = opt('firstDay'); + var segmode = opt('listSections'); + var event, i, j, dd, wd, md, seg, segHash, segDate; + var today = clearTime(new Date()); + var weekstart = addDays(cloneDate(today), -((today.getDay() - firstDay + 7) % 7)); + + for (i=0; i < events.length; i++) { + event = events[i]; + var eventEnd = event.end ? cloneDate(event.end) : cloneDate(event.start); + + // skip events out of range + if (eventEnd < t.start || event.start > t.visEnd) + continue; + + var boundEventStart = cloneDate(event.start < t.start ? t.start : event.start, true); + var boundEventEnd = cloneDate(eventEnd > t.visEnd ? t.visEnd : eventEnd, true); + var dayDuration = dayDiff(boundEventEnd, boundEventStart); + + for(j = 0; j <= dayDuration; j++) { + segDate = cloneDate(boundEventStart); + segDate.setDate(segDate.getDate() + j); + + // define sections of this event + // create smart sections such as today, tomorrow, this week, next week, next month, ect. + //segDate = cloneDate(event.start < t.start && eventEnd > t.start ? t.start : event.start, true); + dd = dayDiff(segDate, today); + wd = Math.floor(dayDiff(segDate, weekstart) / 7); + md = segDate.getMonth() + ((segDate.getYear() - today.getYear()) * 12) - today.getMonth(); + + // build section title + if (segmode == 'smart') { + if (dd < 0) { + segHash = opt('listTexts', 'past'); + } else if (dd == 0) { + segHash = opt('listTexts', 'today'); + } else if (dd == 1) { + segHash = opt('listTexts', 'tomorrow'); + } else if (wd == 0) { + segHash = opt('listTexts', 'thisWeek'); + } else if (wd == 1) { + segHash = opt('listTexts', 'nextWeek'); + } else if (md == 0) { + segHash = opt('listTexts', 'thisMonth'); + } else if (md == 1) { + segHash = opt('listTexts', 'nextMonth'); + } else if (md > 1) { + segHash = opt('listTexts', 'future'); + } + } else if (segmode == 'month') { + segHash = formatDate(segDate, 'MMMM yyyy'); + } else if (segmode == 'week') { + segHash = opt('listTexts', 'week') + formatDate(segDate, ' W'); + } else if (segmode == 'day') { + segHash = formatDate(segDate, colFormat); + } else { + segHash = ''; + } + + // start new segment + if (!(segHash in segs)) { + segs[segHash] = { events: [], start: segDate, title: segHash, daydiff: dd, weekdiff: wd, monthdiff: md }; + } + + segs[segHash].events.push(event); + } + } + + return segs; + } + + function sortCmp(a, b) { + /*var datediff = 0; + if(a.start != null && b.start != null) { + datediff = a.start.getTime() - b.start.getTime(); + } + if(datediff == 0 && a.end != null && b.end != null) { + datediff = a.end.getTime() - b.end.getTime(); + } + return datediff;*/ + var retVal = a.start.getTime() - b.start.getTime(); + + if(retVal == 0) { + var aEnd = a.end ? a.end : a.start; + var bEnd = b.end ? b.end : b.start; + retVal = aEnd.getTime() - bEnd.getTime(); + } + + if(retVal == 0) { + if(a.compareString < b.compareString) { + retVal = -1; + } + else if(b.compareString < a.compareString) { + retVal = 1; + } + } + return retVal; + } + + function renderSegs(segs, modifiedEventId) { + var tm = opt('theme') ? 'ui' : 'fc'; + var headerClass = tm + "-widget-header"; + var contentClass = tm + "-widget-content"; + var i, j, seg, event, times, s, skinCss, skinCssAttr, classes, segContainer, eventElement, eventElements, triggerRes; + + for (j=0; j < segs.length; j++) { + seg = segs[j]; + + if (seg.title) { + $('
' + htmlEscape(seg.title) + '
').appendTo(getListContainer()); + } + segContainer = $('
').addClass('fc-list-section ' + contentClass).appendTo(getListContainer()); + s = ''; + + for (i=0; i < seg.events.length; i++) { + event = seg.events[i]; + times = renderEventTime(event, seg); + skinCss = getSkinCss(event, opt); + skinCssAttr = (skinCss ? " style='" + skinCss + "'" : ''); + classes = ['fc-event', 'fc-event-skin', 'fc-event-vert', 'fc-corner-top', 'fc-corner-bottom'].concat(event.className); + if (event.source && event.source.className) { + classes = classes.concat(event.source.className); + } + + s += + "
" + + "
" + + "
" + + "
" + + (times[0] ? '' + times[0] + ' ' : '') + + (times[1] ? '' + times[1] + '' : '') + + "
" + + "
" + + "
" + + "
" + + htmlEscape(event.title.replace(/(\r\n|\n|\r)+/gm," ")) + + "
" + + "
" + + "
" + + "
" + // close inner + "
"; // close outer + } + + segContainer[0].innerHTML = s; + eventElements = segContainer.children(); + + // retrieve elements, run through eventRender callback, bind event handlers + for (i=0; i < seg.events.length; i++) { + event = seg.events[i]; + 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).appendTo(segContainer); + } + if (event._id === modifiedEventId) { + eventElementHandlers(event, eventElement, seg); + } else { + eventElement[0]._fci = i; // for lazySegBind + } + reportEventElement(event, eventElement); + } + } + + lazySegBind(segContainer, seg, eventElementHandlers); + } + + markFirstLast(getListContainer()); + } + + // event time/date range to display + function renderEventTime(event, seg) { + var timeFormat = opt('timeFormat', 'list'); + var timeFormatFull = opt('timeFormat', 'listFull'); + var timeFormatFullAllDay = opt('timeFormat', 'listFullAllDay'); + var dateFormat = opt('columnFormat'); + var segmode = opt('listSections'); + var eventEnd = event.end ? cloneDate(event.end) : cloneDate(event.start); + var duration = eventEnd.getTime() - event.start.getTime(); + var datestr = '', timestr = ''; + + if (segmode == 'smart') { + if (event.start < seg.start) { + datestr = opt('listTexts', 'until') + ' ' + formatDate(eventEnd, (event.allDay || eventEnd.getDate() != seg.start.getDate()) ? dateFormat : timeFormat); + } else if (duration > DAY_MS) { + datestr = formatDates(event.start, eventEnd, dateFormat + '{ – ' + dateFormat + '}'); + } else if (seg.daydiff == 0) { + datestr = opt('listTexts', 'today'); + } else if (seg.daydiff == 1) { + datestr = opt('listTexts', 'tomorrow'); + } else if (seg.weekdiff == 0 || seg.weekdiff == 1) { + datestr = formatDate(event.start, 'dddd'); + } else if (seg.daydiff > 1 || seg.daydiff < 0) { + datestr = formatDate(event.start, dateFormat); + } + } else if (segmode != 'day') { + datestr = formatDates(event.start, eventEnd, dateFormat + (duration > DAY_MS ? '{ – ' + dateFormat + '}' : '')); + } + + if (!datestr && event.allDay) { + if(dayDiff(eventEnd, event.start)) { //spans multiple days + timestr = formatDates(event.start, eventEnd, timeFormatFullAllDay); + } + else { + timestr = opt('allDayText'); + } + } else if ((!datestr || !dayDiff(eventEnd, event.start)) && !event.allDay) { + if(dayDiff(eventEnd, event.start)) //spans multiple days + timestr = formatDates(event.start, eventEnd, timeFormatFull); + else if(duration) + timestr = formatDates(event.start, eventEnd, timeFormat); + else + timestr = formatDates(event.start, null, timeFormat); + } + + return [datestr, timestr]; + } + + function lazySegBind(container, seg, bindHandlers) { + container.unbind('mouseover').mouseover(function(ev) { + var parent = ev.target, e = parent, i, event; + while (parent != this) { + e = parent; + parent = parent.parentNode; + } + if ((i = e._fci) !== undefined) { + e._fci = undefined; + event = seg.events[i]; + bindHandlers(event, container.children().eq(i), seg); + $(ev.target).trigger(ev); + } + ev.stopPropagation(); + }); + } +} + +fcViews.list = ListView; + +function ListView(element, calendar) { + var t = this; + + // exports + t.render = render; + t.select = dummy; + t.unselect = dummy; + t.getDaySegmentContainer = function(){ return body; }; + + // imports + View.call(t, element, calendar, 'list'); + ListEventRenderer.call(t); + var opt = t.opt; + var trigger = t.trigger; + var clearEvents = t.clearEvents; + var reportEventClear = t.reportEventClear; + var formatDates = calendar.formatDates; + var formatDate = calendar.formatDate; + + // overrides + t.setWidth = setWidth; + t.setHeight = setHeight; + + // locals + var body; + var firstDay; + var nwe; + var tm; + var colFormat; + + + function render(date, delta) { + if (delta) { + addDays(date, opt('listPage') * delta); + } + t.start = t.visStart = cloneDate(date, true); + t.end = addDays(cloneDate(t.start), opt('listPage')); + t.visEnd = addDays(cloneDate(t.start), opt('listRange')); + addMinutes(t.visEnd, -1); // set end to 23:59 + t.title = formatDates(date, t.visEnd, opt('titleFormat')); + + updateOptions(); + + if (!body) { + buildSkeleton(); + } else { + clearEvents(); + } + } + + + function updateOptions() { + firstDay = opt('firstDay'); + nwe = opt('weekends') ? 0 : 1; + tm = opt('theme') ? 'ui' : 'fc'; + colFormat = opt('columnFormat', 'day'); + } + + + function buildSkeleton() { + body = $('
').addClass('fc-list-content').appendTo(element); + } + + function setHeight(height, dateChanged) { + body.css('height', (height-1)+'px').css('overflow', 'auto'); + } + + function setWidth(width) { + // nothing to be done here + } + + function dummy() { + // Stub. + } + +} + +/* Additional view: table (by bruederli@kolabsys.com) +---------------------------------------------------------------------------------*/ + +function TableEventRenderer() { + var t = this; + + // imports + ListEventRenderer.call(t); + var opt = t.opt; + var sortCmp = t.sortCmp; + var trigger = t.trigger; + var getOrigDate = t.getOrigDate; + var compileSegs = t.compileDaySegs; + var reportEvents = t.reportEvents; + var reportEventClear = t.reportEventClear; + var reportEventElement = t.reportEventElement; + var eventElementHandlers = t.eventElementHandlers; + var renderEventTime = t.renderEventTime; + var showEvents = t.showEvents; + var hideEvents = t.hideEvents; + var getListContainer = t.getDaySegmentContainer; + var lazySegBind = t.lazySegBind; + var calendar = t.calendar; + var formatDate = calendar.formatDate; + var formatDates = calendar.formatDates; + var prevMonth; + var nextMonth; + + // exports + t.renderEvents = renderEvents; + t.scrollToDate = scrollToDate; + t.clearEvents = clearEvents; + t.prevMonthNav = prevMonth; + t.nextMonthNav = nextMonth; + + + /* Rendering + --------------------------------------------------------------------*/ + + function scrollToDate(date) { + var colFormat = opt('columnFormat', t.name); + var currentDate = cloneDate(date, false); + var nextDate; + var segHash; + var currSegHash; + var segFound = false; + + if(currentDate.getDate() == 1) { + getListContainer().parent().scrollTop(0); + } + else { + while(!segFound) { + segHash = formatDate(currentDate, colFormat); + getListContainer().find('td.fc-list-header.fc-widget-header').each(function(){ + currSegHash = $(this).html(); + if(currSegHash == segHash) { + segFound = true; + var offset = $(this).position().top; + var top = getListContainer().parent().scrollTop(); + getListContainer().parent().scrollTop(top + offset); + } + }); + + if(!segFound) { + nextDate = cloneDate(currentDate, false); + nextDate.setDate(nextDate.getDate()+1); + + if(nextDate.getDate() > currentDate.getDate()) { + currentDate = cloneDate(nextDate, false); + } + else { + segFound = true; + getListContainer().parent().scrollTop(getListContainer().height()); + } + } + } + } + } + + function clearEvents() { + reportEventClear(); + getListContainer().children('tbody').remove(); + } + + function renderEvents(events, modifiedEventId) { + events.sort(sortCmp); + reportEvents(events); + renderSegs(compileSegs(events), modifiedEventId); + getListContainer().removeClass('fc-list-smart fc-list-day fc-list-month fc-list-week').addClass('fc-list-' + opt('listSections')); + scrollToDate(getOrigDate()); + } + + function renderSegs(segs, modifiedEventId) { + var tm = opt('theme') ? 'ui' : 'fc'; + var table = getListContainer(); + var headerClass = tm + "-widget-header"; + var contentClass = tm + "-widget-content"; + var segHeader = null; + var tableCols = opt('tableCols'); + var timecol = $.inArray('time', tableCols) >= 0; + var i, j, seg, event, times, s, bg, skinCss, skinCssAttr, skinClasses, rowClasses, segContainer, eventElements, eventElement, triggerRes; + + prevMonth = $('' + opt('buttonText', 'prevMonth') + '').appendTo(table); + prevMonth.click(function(){ + var prevMonthDate = cloneDate(t.getOrigDate(), true); + prevMonthDate.setDate(0); + calendar.gotoDate(prevMonthDate); + trigger('prevClick'); + }); + + for (j in segs) { + seg = segs[j]; + bg = false; + + if (seg.title) { + var segHeader = $('' + htmlEscape(seg.title) + '').appendTo(table); + } + segContainer = $('').addClass('fc-list-section ' + contentClass).appendTo(table); + s = ''; + + for (i=0; i < seg.events.length; i++) { + event = seg.events[i]; + times = renderEventTime(event, seg); + skinCss = getSkinCss(event, opt); + skinCssAttr = (skinCss ? " style='" + skinCss + "'" : ''); + skinClasses = ['fc-event-skin', 'fc-corner-left', 'fc-corner-right', 'fc-corner-top', 'fc-corner-bottom'].concat(event.className); + if (event.source && event.source.className) { + skinClasses = skinClasses.concat(event.source.className); + } + if(event.source && event.source.background) { + bg = true; + } + rowClasses = ['fc-'+dayIDs[event.start.getDay()], 'fc-event', 'fc-event-row']; + if(opt('weekendDays').length>0 && opt('weekendDays').indexOf(segs[j].start.getDay())!=-1) + rowClasses.splice(1, 0, 'fc-weekend-day'); + + if (seg.daydiff == 0) { + if(segHeader) + segHeader.addClass('fc-today'); + rowClasses.push('fc-today'); + rowClasses.push('fc-state-highlight'); + } + + s += ""; + for (var col, c=0; c < tableCols.length; c++) { + col = tableCols[c]; + if (col == 'handle') { + s += ""; + } else if (col == 'title') { + s += "" + (event.title ? htmlEscape(event.title.replace(/(\r\n|\n|\r)+/gm," ")) : ' ') + ""; + } else if (col == 'date') { + s += "" + htmlEscape(times[0]) + ""; + } else if (col == 'time') { + if (times[1]) { + s += "" + htmlEscape(times[1]) + ""; + } + } else { + s += "" + (event[col] ? htmlEscape(event[col]) : ' ') + ""; + } + } + s += ""; + + // IE doesn't like innerHTML on tbody elements so we insert every row individually + if (document.all) { + $(s).appendTo(segContainer); + s = ''; + } + } + + if (!document.all) + segContainer[0].innerHTML = s; + + eventElements = segContainer.children(); + + // retrieve elements, run through eventRender callback, bind event handlers + for (i=0; i < seg.events.length; i++) { + event = seg.events[i]; + eventElement = $(eventElements[i]); // faster than eq() + if(bg) { + eventElement.addClass('fc-source-bg'); + } + triggerRes = trigger('eventRender', event, event, eventElement); + if (triggerRes === false) { + eventElement.remove(); + } else { + if (triggerRes && triggerRes !== true) { + eventElement.remove(); + eventElement = $(triggerRes).appendTo(segContainer); + } + if (event._id === modifiedEventId) { + eventElementHandlers(event, eventElement, seg); + } else { + eventElement[0]._fci = i; // for lazySegBind + } + reportEventElement(event, eventElement); + } + trigger('eventAfterRender', event, event, eventElement); + } + + lazySegBind(segContainer, seg, eventElementHandlers); + markFirstLast(segContainer); + segContainer.addClass('fc-day-'+seg.start.getDay()); + } + + nextMonth = $('' + opt('buttonText', 'nextMonth') + '').appendTo(table); + nextMonth.click(function(){ + var nextMonthDate = cloneDate(t.getOrigDate(), true); + nextMonthDate.setDate(1); + nextMonthDate.setMonth(nextMonthDate.getMonth() + 1); + calendar.gotoDate(nextMonthDate); + trigger('nextClick'); + }); + + //markFirstLast(table); + } + +} + + +fcViews.table = TableView; + + +function TableView(element, calendar) { + var t = this; + + // exports + t.render = render; + t.select = dummy; + t.unselect = dummy; + t.getDaySegmentContainer = function(){return table;}; + t.getOrigDate = function() {return origDate;}; + t.updateGrid = updateGrid; + t.updateToday = updateToday; + t.setAxisFormat = setAxisFormat; + t.setStartOfBusiness = setStartOfBusiness; + t.setEndOfBusiness = setEndOfBusiness; + t.setWeekendDays = setWeekendDays; + t.setBindingMode = setBindingMode; + t.setSelectable = setSelectable; + + // imports + View.call(t, element, calendar, 'table'); + TableEventRenderer.call(t); + var opt = t.opt; + var trigger = t.trigger; + var clearEvents = t.clearEvents; + var reportEventClear = t.reportEventClear; + var formatDates = calendar.formatDates; + var formatDate = calendar.formatDate; + + // overrides + t.setWidth = setWidth; + t.setHeight = setHeight; + + // locals + var div; + var table; + var firstDay; + var nwe; + var tm; + var colFormat; + var datepicker; + var dateInfo; + var dateInfoNumber; + var dateInfoNumberDiv; + var dateInfoText; + var origDate; + + function render(date, delta) { + /*if (delta) { + addDays(date, opt('listPage') * delta); + } + t.start = t.visStart = cloneDate(date, true); + t.end = addDays(cloneDate(t.start), opt('listPage')); + t.visEnd = addDays(cloneDate(t.start), opt('listRange'));*/ + + origDate = date; + if (delta) { + addMonths(date, delta); + date.setDate(1); + } + t.start = cloneDate(date, true); + t.start.setDate(1); + t.end = addMonths(cloneDate(t.start), 1); + t.visStart = cloneDate(t.start); + t.visEnd = cloneDate(t.end); + + addMinutes(t.visEnd, -1); // set end to 23:59 + t.title = formatDates( + t.visStart, + t.visEnd, + opt('titleFormat') + ); + //t.title = (t.visEnd.getTime() - t.visStart.getTime() < DAY_MS) ? formatDate(date, opt('titleFormat')) : formatDates(date, t.visEnd, opt('titleFormat')); + + updateOptions(); + if (!table) { + buildSkeleton(origDate); + } else { + clearEvents(); + if(opt('showDatepicker')) { + dateInfoNumberDiv.html(origDate.getDate()); + dateInfoText.html(formatDates(origDate, null, opt('titleFormat', 'table'))); + datepicker.datepicker('option','firstDay',firstDay); + datepicker.datepicker('setDate', origDate); + } + } + } + + + function updateOptions() { + firstDay = opt('firstDay'); + nwe = opt('weekends') ? 0 : 1; + tm = opt('theme') ? 'ui' : 'fc'; + colFormat = opt('columnFormat'); + } + + function buildSkeleton(date) { + var tableCols = opt('tableCols'); + var s = + "" + + ""; + for (var c=0; c < tableCols.length; c++) { + s += ""; + } + s += "" + + "
"; + if(opt('showDatepicker')) { + dateInfo = $('
').addClass('fc-table-dateinfo').appendTo(element); + dateInfoNumber = $('
').addClass('fc-table-dateinfo-number').appendTo(dateInfo); + dateInfoNumberDiv = $('
').appendTo(dateInfoNumber); + dateInfoNumberDiv.html(date.getDate()); + dateInfoText = $('
').addClass('fc-table-dateinfo-text').appendTo(dateInfo); + dateInfoText.html(formatDates(origDate, null, opt('titleFormat', 'table'))); + datepicker = $('
').addClass('fc-table-datepicker').appendTo(element); + datepicker.datepicker({ + firstDay: opt('firstDay'), + weekendDays: opt('weekendDays'), + defaultDate: date, + showWeek: true, + weekHeader: '', + + onSelect: function(dateText, inst) { + var date = new Date(dateText); + calendar.gotoDate(date); + trigger('datepickerClick', this, date); + }, + }); + } + div = $('
').addClass('fc-list-content').appendTo(element); + table = $(s).appendTo(div); + } + + function updateGrid() + { + updateToday(); + setAxisFormat(); + setStartOfBusiness(); + setEndOfBusiness(); + setWeekendDays(); + setBindingMode(); + setSelectable(); + } + + function updateToday() + { + var today = clearTime(new Date()); + var segHash = formatDate(today, colFormat); + + $(table).find('.fc-list-header').each(function() { + $(this).removeClass('fc-today'); + $(this).next().children().removeClass('fc-state-highlight'); + + if(segHash == $(this).find('td').html()) { + $(this).addClass('fc-today'); + $(this).next().children().addClass('fc-state-highlight'); + } + }); + + datepicker.datepicker('refresh'); + } + + function setAxisFormat() + { + // dummy + } + + function setStartOfBusiness() + { + // dummy + } + + function setEndOfBusiness() + { + // dummy + } + + function setWeekendDays() + { + var weekendDays = opt('weekendDays'); + + $(table).find('.fc-list-section').each(function() { + var day=parseInt(this.className.match(/fc-day-(\d)/)[1],10); + if(weekendDays.indexOf(day)==-1) + $(this).children().removeClass('fc-weekend-day'); + else + $(this).children().addClass('fc-weekend-day'); + }); + + if(opt('showDatepicker')) + datepicker.datepicker('option','weekendDays',weekendDays); + } + + function setBindingMode() + { + // dummy + } + + function setSelectable() + { + // dummy + } + + function setHeight(height, dateChanged) { + if(opt('showDatepicker')) { + var datepickerHeight = datepicker.height(); + dateInfoText.css('padding-bottom', datepickerHeight - datepicker.children().outerHeight() + 3); //+3 for paddings + var textHeight = dateInfoText.outerHeight(); + dateInfoNumber.css({'height': datepickerHeight - textHeight, + 'font-size': 145 - textHeight}); + dateInfoNumberDiv.height(145 - textHeight); + } + + div.css('height', (height-div.position().top-2)+'px').css('overflow', 'auto'); + } + + function setWidth(width) { + var outerWidth = Math.floor(element.parent().width() / 2) - 8; + element.css({'left' : width, 'width' : outerWidth}); + } + + function dummy() { + // Stub. + } + +} + +function TodoEventRenderer() { + var t = this; + + // exports + t.renderEvents = renderEvents; + t.clearEvents = clearEvents; + t.renderEventTime = renderEventTime; + t.compileDaySegs = compileSegs; // for DayEventRenderer + t.lazySegBind = lazySegBind; + t.sortCmp = sortCmp; + + // imports + DayEventRenderer.call(t); + var opt = t.opt; + var sortCmp = t.sortCmp; + var trigger = t.trigger; + var compileSegs = t.compileDaySegs; + var reportEvents = t.reportEvents; + var reportEventClear = t.reportEventClear; + var reportEventElement = t.reportEventElement; + var eventElementHandlers = t.eventElementHandlers; + var renderEventTime = t.renderEventTime; + var showEvents = t.showEvents; + var hideEvents = t.hideEvents; + var getListContainer = t.getDaySegmentContainer; + var lazySegBind = t.lazySegBind; + var calendar = t.calendar; + var formatDate = calendar.formatDate; + var formatDates = calendar.formatDates; + var prevMonth; + var nextMonth; + + function compileSegs(events) { + var segs = {}; + var event, i; + + //for (i=0; i < events.length; i++) { + for (i=events.length-1; i > -1; i--) { + event = events[i]; + var segHash = event.repeatHash; + var eventEnd = event.end ? cloneDate(event.end) : cloneDate(event.start); + + // skip events out of range + if ((event.completedOn && event.completedOn < t.start && (opt('showUnstartedEvents') || !event.start || event.completedOn > event.start)) || + (!opt('showUnstartedEvents') && event.start && event.start > t.visEnd)) { + continue; + } + + // start new segment + if (!(segHash in segs)) { + segs[segHash] = { events: [], id: segHash}; + } + + segs[segHash].events.push(event); + } + + return segs; + } + + function reverseSegs(oldSegs) { + var newSegs = {}; + var keys = $.map(oldSegs, function (value, key) { return key; }); + var values = $.map(oldSegs, function (value, key) { return value; }); + + for (i=keys.length-1; i > -1; i--) { + newSegs[keys[i]] = values[i]; + } + + return newSegs; + } + + function sortCmp(a, b) { + /*var sd = a.start.getTime() - b.start.getTime(); + var aEnd = a.end ? a.end : a.start; + var bEnd = b.end ? b.end : b.start; + return sd + (sd ? 0 : aEnd.getTime() - bEnd.getTime());*/ + var aEnd = a.end ? a.end.getTime() : Infinity; + var bEnd = b.end ? b.end.getTime() : Infinity; + var aStart = a.start ? a.start.getTime() : Infinity; + var bStart = b.start ? b.start.getTime() : Infinity; + var aPriority = parseInt(a.priority, 10) || 10; + var bPriority = parseInt(b.priority, 10) || 10; + + var statusSort = { + "NEEDS-ACTION": 1, + "IN-PROCESS": 2, + "COMPLETED": 3, + "CANCELLED": 4 + }; + + if(aEnd < bEnd) { + return -1; + } + else if(bEnd < aEnd) { + return 1; + } + else if(aStart < bStart){ + return -1; + } + else if(bStart < aStart) { + return 1; + } + else if(aPriority < bPriority) { + return -1; + } + else if(bPriority < aPriority) { + return 1; + } + else if(statusSort[a.status] < statusSort[b.status]) { + return -1; + } + else if(statusSort[b.status] < statusSort[a.status]) { + return 1; + } + else if(a.percent < b.percent) { + return -1; + } + else if(b.percent < a.percent) { + return 1; + } + else if(a.compareString < b.compareString) { + return -1; + } + else if(b.compareString < a.compareString) { + return 1; + } + else { + return 0; + } + } + + // event time/date range to display + function renderEventTime(event) { + var timeFormat = opt('timeFormat', 'list'); + return event.end? formatDate(event.end, timeFormat) : ''; + } + + function lazySegBind(container, seg, bindHandlers) { + container.unbind('mouseover').mouseover(function(ev) { + var parent = ev.target, e = parent, i, event; + while (parent != this) { + e = parent; + parent = parent.parentNode; + } + if ((i = e._fci) !== undefined) { + e._fci = undefined; + event = seg.events[i]; + bindHandlers(event, container.children().eq(0), seg); + $(ev.target).trigger(ev); + } + ev.stopPropagation(); + }); + } + + function clearEvents() { + reportEventClear(); + getListContainer().children('tbody').remove(); + } + + function renderEvents(events, modifiedEventId) { + events.sort(sortCmp); + reportEvents(events); + renderSegs(reverseSegs(compileSegs(events)), modifiedEventId); + getListContainer().removeClass('fc-list-smart fc-list-day fc-list-month fc-list-week').addClass('fc-list-' + opt('listSections')); + //t.selectEvent(); + t.applyFilters(); + } + + function renderSegs(segs, modifiedEventId) { + var tm = opt('theme') ? 'ui' : 'fc'; + var table = getListContainer(); + var headerClass = tm + "-widget-header"; + var contentClass = tm + "-widget-content"; + var segHeader = null; + var tableCols = opt('todoCols'); + var timecol = $.inArray('time', tableCols) >= 0; + var i, j, iter, seg, event, times, s, skinCss, skinCssAttr, skinClasses, rowClasses, segContainer, eventElements, eventElement, triggerRes; + + for (j in segs) { + seg = segs[j]; + + segContainer = $('').addClass('fc-list-section ' + contentClass).appendTo(table); + s = ''; + + event = seg.events[0]; + iter=0; + if(opt('showUnstartedEvents') && seg.events.length>1) { + for(;iter"; + for (var col, c=0; c < tableCols.length; c++) { + col = tableCols[c]; + if (col == 'handle') { + s += ""; + } else if (col == 'check') { + s += "" + '' + ""; + } else if (col == 'priority') { + s += "" + (event.renderPriority ? ' ' : '') + ""; + } else if (col == 'time') { + s += "" + htmlEscape(dueTime) + ""; + } else if (col == 'title') { + s += "" + htmlEscape(event.title.replace(/(\r\n|\n|\r)+/gm, " ")) + ""; + } else if (col == 'location') { + s += "" + htmlEscape(event.location.replace(/(\r\n|\n|\r)+/gm, " ")) + ""; + } else if (col == 'status') { + s += ""; + } else if (col == 'percent') { + s += "" + event.percent + '%' + ""; + } + else { + s += "" + (event[col] ? htmlEscape(event[col]) : ' ') + ""; + } + } + s += ""; + + // IE doesn't like innerHTML on tbody elements so we insert every row individually + if (document.all) { + $(s).appendTo(segContainer); + s = ''; + } + + if (!document.all) + segContainer[0].innerHTML = s; + + eventElements = segContainer.children(); + + // retrieve elements, run through eventRender callback, bind event handlers + eventElement = $(eventElements[0]); // faster than eq() + triggerRes = trigger('eventRender', event, event, eventElement); + if (triggerRes === false) { + eventElement.remove(); + } else { + if (triggerRes && triggerRes !== true) { + eventElement.remove(); + eventElement = $(triggerRes).appendTo(segContainer); + } + if (event._id === modifiedEventId) { + eventElementHandlers(event, eventElement, seg); + } else { + eventElement[0]._fci = iter; // for lazySegBind + } + reportEventElement(event, eventElement); + } + trigger('eventCheckDefault', event, event, eventElement.find('.fc-event-checkbox')); + trigger('eventAfterRender', event, event, eventElement); + + lazySegBind(segContainer, seg, eventElementHandlers); + markFirstLast(segContainer); + } + + //markFirstLast(table); + } + +} + +fcViews.todo = TodoView; + +function TodoView(element, calendar) { + var t = this; + + // exports + t.render = render; + t.select = dummy; + t.unselect = dummy; + t.getDaySegmentContainer = function(){ return table; }; + t.applyFilters = applyFilters; + t.allowSelectEvent = allowSelectEvent; + t.eventSelectLock = 0; + t.updateGrid = updateGrid; + t.updateToday = updateToday; + t.setAxisFormat = setAxisFormat; + t.setStartOfBusiness = setStartOfBusiness; + t.setEndOfBusiness = setEndOfBusiness; + t.setWeekendDays = setWeekendDays; + t.setBindingMode = setBindingMode; + t.setSelectable = setSelectable; + + // imports + View.call(t, element, calendar, 'todo'); + TodoEventRenderer.call(t); + var opt = t.opt; + var trigger = t.trigger; + var clearEvents = t.clearEvents; + var reportEventClear = t.reportEventClear; + var formatDates = calendar.formatDates; + var formatDate = calendar.formatDate; + + // overrides + t.setWidth = setWidth; + t.setHeight = setHeight; + + // locals + var div; + var table; + var filter; + var filterTable; + var firstDay; + var nwe; + var tm; + var colFormat; + var currentDate; + var datepickers; + var dateInfo; + var dateInfoNumber; + var dateInfoNumberDiv; + var dateInfoText; + + function render(date, delta) { + if (delta) { + addMonths(date, delta); + date.setDate(1); + } + currentDate = date; + var start = cloneDate(date, true); + var end = addDays(cloneDate(start), 1); + t.title = formatDate(date, opt('titleFormat')); + t.start = t.visStart = start; + t.end = t.visEnd = end; + + updateOptions(); + if (!table) { + buildSkeleton(date); + initFilters(); + } else { + clearEvents(); + filterTable.find('.fc-filter-table-footer').text(opt('buttonText', 'filtersFooter').replace('%date%', formatDates(date, null, opt('columnFormat', 'todo')))); + if(opt('showDatepicker')) { + dateInfoNumberDiv.html(date.getDate()); + dateInfoText.html(formatDates(date, null, opt('titleFormat', 'todo'))); + + var defaultDate = cloneDate(date, true); + defaultDate.setHours(12); + defaultDate.setDate(1); + defaultDate.setMonth(currentDate.getMonth() - datepickers.length + 1); + + datepickers.forEach(function(e, i){ + defaultDate.setMonth(defaultDate.getMonth() + 1); + e.datepicker('option','firstDay',firstDay); + if((i===0 && datepickers.length<3) || (i===datepickers.length-2 && datepickers.length>2)) + e.datepicker('setDate', date); + else + e.datepicker('setDate', defaultDate); + }); + } + } + } + + function updateOptions() { + firstDay = opt('firstDay'); + nwe = opt('weekends') ? 0 : 1; + tm = opt('theme') ? 'ui' : 'fc'; + colFormat = opt('columnFormat'); + } + + function buildSkeleton(date) { + var tableCols = opt('todoCols'); + var s = + "" + + ""; + for (var c=0; c < tableCols.length; c++) { + s += ""; + } + s += "" + + "
"; + if(opt('showDatepicker')) { + dateInfo = $('
').addClass('fc-table-dateinfo').appendTo(element); + dateInfoNumber = $('
').addClass('fc-table-dateinfo-number').appendTo(dateInfo); + dateInfoNumberDiv = $('
').appendTo(dateInfoNumber); + dateInfoNumberDiv.html(date.getDate()); + dateInfoText = $('
').addClass('fc-table-dateinfo-text').appendTo(dateInfo); + dateInfoText.html(formatDates(date, null, opt('titleFormat', 'todo'))); + + datepickers = [$('
').addClass('fc-table-datepicker fc-table-datepicker-current').appendTo(element)]; + datepickers[0].datepicker({ + firstDay: opt('firstDay'), + weekendDays: opt('weekendDays'), + defaultDate: date, + showWeek: true, + weekHeader: '', + + onSelect: function(dateText, inst) { + var date = new Date(dateText); + calendar.gotoDate(date); + trigger('datepickerClick', this, date); + } + }); + } + filter = $('
').addClass('fc-filter').appendTo(element); + var ft = '' + + '' + + '' + + ''; + + if(opt('simpleFilters')) { + ft += '' + + '' + + '' + + ''; + } + else { + ft += '' + + '' + + '' + + '' + + '' + + '' + + '' + + ''; + } + + ft += '' + + '' + + '' + + '
'+opt('buttonText', 'filtersHeader')+'
'+ opt('buttonText', 'filterAction') +''+ opt('buttonText', 'filterCompleted') +' *
'+ opt('buttonText', 'filterAction') +''+ opt('buttonText', 'filterProgress') +'
'+ opt('buttonText', 'filterCompleted') +' *'+ opt('buttonText', 'filterCanceled') +'
'; + filterTable = $(ft).appendTo(filter); + div = $('
').addClass('fc-list-content').appendTo(element); + table = $(s).appendTo(div); + } + + function updateGrid() + { + updateToday(); + setAxisFormat(); + setStartOfBusiness(); + setEndOfBusiness(); + setWeekendDays(); + setBindingMode(); + setSelectable(); + } + + function updateToday() + { + if(opt('showDatepicker')) + datepickers.forEach(function(e){ + e.datepicker('refresh'); + }); + } + + function setAxisFormat() + { + // dummy + } + + function setStartOfBusiness() + { + // dummy + } + + function setEndOfBusiness() + { + // dummy + } + + function setWeekendDays() + { + if(opt('showDatepicker')) + datepickers.forEach(function(e){ + e.datepicker('option','weekendDays',opt('weekendDays')); + }); + } + + function setBindingMode() + { + // dummy + } + + function setSelectable() + { + // dummy + } + + function initFilters() { + filterTable.find('.fc-filter-option').each(function() { + if(opt('defaultFilters').indexOf($(this).attr('data-type')) != -1) { + filterToggle($(this)); + } + $(this).click(function(){ + filterToggle($(this)); + }); + }); + } + + function filterToggle(button) { + if(button.hasClass('fc-filter-option-selected')) { + button.removeClass('fc-filter-option-selected'); + } + else { + button.addClass('fc-filter-option-selected'); + } + applyFilters(); + } + + function applyFilters() { + filterTable.find('.fc-filter-option').each(function(){ + if($(this).hasClass('fc-filter-option-selected')) { + t.getDaySegmentContainer().find('.fc-event-' + $(this).attr('data-type')).removeClass('fc-filter-hide'); + } + else { + t.getDaySegmentContainer().find('.fc-event-' + $(this).attr('data-type')).addClass('fc-filter-hide'); + } + }); + + opt('todoOptionalCols').forEach(function(item){ + var itemsFilled = $('.fc-event-'+item.col+':visible').filter(function(){ + return this.innerHTML!==''; + }); + + $('col.fc-event-'+item.col).toggleClass('fc-hidden-empty', !itemsFilled.length); + }); + + //if(!t.getDaySegmentContainer().find('.fc-event-selected:visible').length) { + t.selectEvent(); + //} + } + + function setHeight(height, dateChanged) { + if(opt('showDatepicker')) { + var datepickerHeight = datepickers[0].height(); + dateInfoText.css('padding-bottom', datepickerHeight - datepickers[0].children().outerHeight() + 3); //+3 for paddings + var textHeight = dateInfoText.outerHeight(); + dateInfoNumber.css({'height': datepickerHeight - textHeight, + 'font-size': 145 - textHeight}); + dateInfoNumberDiv.height(145 - textHeight); + } + + div.css({'height': height-div.position().top-2, 'overflow': 'auto'}); + } + + function setWidth(width) { + element.width(width); + var slots = Math.floor((width - dateInfo.outerWidth() - 1) / datepickers[0].outerWidth()); + + if(slots > datepickers.length) { + var defaultDate = cloneDate(currentDate, true); + defaultDate.setHours(12); + defaultDate.setDate(1); + defaultDate.setMonth(currentDate.getMonth() + 1); + + if(datepickers.length==1) { + datepickers.push($('
').addClass('fc-table-datepicker fc-table-datepicker-no-default').prependTo(element).datepicker({ + firstDay: opt('firstDay'), + weekendDays: opt('weekendDays'), + defaultDate: cloneDate(defaultDate), + showWeek: true, + weekHeader: '', + hideIfNoPrevNext: true, + + onSelect: function(dateText, inst) { + var date = new Date(dateText); + calendar.gotoDate(date); + trigger('datepickerClick', this, date); + } + })); + } + + defaultDate.setMonth(defaultDate.getMonth() - datepickers.length + 1); + for(var i=datepickers.length; i').addClass('fc-table-datepicker fc-table-datepicker-no-default').insertBefore(filter).datepicker({ + firstDay: opt('firstDay'), + weekendDays: opt('weekendDays'), + defaultDate: cloneDate(defaultDate), + showWeek: true, + weekHeader: '', + hideIfNoPrevNext: true, + + onSelect: function(dateText, inst) { + var date = new Date(dateText); + calendar.gotoDate(date); + trigger('datepickerClick', this, date); + } + })); + } + } + else { + while(datepickers.length>slots && datepickers.length>1) { + if(datepickers.length==2) + datepickers.pop().remove(); + else + datepickers.shift().remove(); + } + } + + var hiddenWidth = 0; + opt('todoOptionalCols').forEach(function(e){ + hiddenWidth += $('col.fc-event-'+e.col).hasClass('fc-hidden-empty') ? e.width : 0; + }); + opt('todoColThresholds').forEach(function(e){ + $('col.fc-event-'+e.col).toggleClass('fc-hidden-width', width