diff --git a/plugins/calendar/lib/fullcalendar-rc.patch b/plugins/calendar/lib/fullcalendar-rc.patch deleted file mode 100644 index fd0ea6f6..00000000 --- a/plugins/calendar/lib/fullcalendar-rc.patch +++ /dev/null @@ -1,943 +0,0 @@ ---- js/fullcalendar-1.5.2.js 2011-08-21 22:07:18.000000000 +0200 -+++ js/fullcalendar.js 2011-11-14 23:44:05.000000000 +0100 -@@ -29,6 +29,7 @@ - right: 'today prev,next' - }, - weekends: true, -+ currentTimeIndicator: false, - - // editing - //editable: false, -@@ -47,12 +48,16 @@ - titleFormat: { - month: 'MMMM yyyy', - week: "MMM d[ yyyy]{ '—'[ MMM] d yyyy}", -- day: 'dddd, MMM d, yyyy' -+ day: 'dddd, MMM d, yyyy', -+ list: 'MMM d, yyyy', -+ table: 'MMM d, yyyy' - }, - columnFormat: { - month: 'ddd', - week: 'ddd M/d', -- day: 'dddd M/d' -+ day: 'dddd M/d', -+ list: 'dddd, MMM d, yyyy', -+ table: 'dddd, MMM d, yyyy' - }, - timeFormat: { // for event elements - '': 'h(:mm)t' // default -@@ -73,8 +78,28 @@ - today: 'today', - month: 'month', - week: 'week', -- day: 'day' -+ day: 'day', -+ list: 'list', -+ table: 'table' - }, -+ 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: 'month', // 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'], - - // jquery-ui theming - theme: false, -@@ -424,6 +449,7 @@ - setSize(); - unselect(); - currentView.clearEvents(); -+ currentView.trigger('viewRender', currentView); - currentView.renderEvents(events); - currentView.sizeDirty = false; - } -@@ -500,8 +526,8 @@ - } - - -- function refetchEvents() { -- fetchEvents(currentView.visStart, currentView.visEnd); // will call reportEvents -+ function refetchEvents(source) { -+ fetchEvents(currentView.visStart, currentView.visEnd, source); // will call reportEvents - } - - -@@ -523,6 +549,7 @@ - markEventsDirty(); - if (elementVisible()) { - currentView.clearEvents(); -+ currentView.trigger('viewRender', currentView); - currentView.renderEvents(events, modifiedEventID); - currentView.eventsDirty = false; - } -@@ -632,6 +659,12 @@ - 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 -+ } -+ else if (name == 'maxHeight') { -+ options[name] = value; - } - } - -@@ -897,15 +930,16 @@ - } - - -- function fetchEvents(start, end) { -+ function fetchEvents(start, end, src) { - rangeStart = start; - rangeEnd = end; -- cache = []; -+ cache = typeof src != 'undefined' ? $.grep(cache, function(e) { return !isSourcesEqual(e.source, src); }) : []; - var fetchID = ++currentFetchID; - var len = sources.length; -- pendingSourceCnt = len; -+ pendingSourceCnt = typeof src == 'undefined' ? len : 1; - for (var i=0; i 1; - - if (rtl = opt('isRTL')) { - dis = -1; -@@ -3791,8 +3846,11 @@ - outerWidth = availWidth / (levelI + forward + 1); - }else{ - if (forward) { -- // moderately wide, aligned left still -- outerWidth = ((availWidth / (forward + 1)) - (12/2)) * 2; // 12 is the predicted width of resizer = -+ if (overlapping) { // moderately wide, aligned left still -+ outerWidth = ((availWidth / (forward + 1)) - (12/2)) * 2; // 12 is the predicted width of resizer = -+ }else{ -+ outerWidth = outerWidth = availWidth / (forward + 1); -+ } - }else{ - // can be entire width, aligned left - outerWidth = availWidth; -@@ -3803,7 +3861,7 @@ - * dis + (rtl ? availWidth - outerWidth : 0); // rtl - seg.top = top; - seg.left = left; -- seg.outerWidth = outerWidth; -+ seg.outerWidth = outerWidth - (overlapping ? 0 : 1); - seg.outerHeight = bottom - top; - html += slotSegHtml(event, seg); - } -@@ -3953,6 +4011,37 @@ - } - - -+ // draw a horizontal line across the agenda view indicating the current time (#143) -+ function setTimeIndicator() -+ { -+ var container = getBodyContent(); -+ var timeline = container.children('.fc-timeline'); -+ if (timeline.length == 0) { // if timeline isn't there, add it -+ timeline = $('
').addClass('fc-timeline').appendTo(container); -+ } -+ -+ var cur_time = new Date(); -+ if (t.visStart < cur_time && t.visEnd > cur_time) { -+ timeline.show(); -+ } -+ else { -+ timeline.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'); -+ -+ if (t.name == 'agendaWeek') { // week view, don't want the timeline to go the whole way across -+ var daycol = $('.fc-today', t.element); -+ var left = daycol.position().left + 1; -+ var width = daycol.width(); -+ timeline.css({ left: left + 'px', width: width + 'px' }); -+ } -+ } -+ - - /* Dragging - -----------------------------------------------------------------------------------*/ -@@ -4262,7 +4351,7 @@ - - function opt(name, viewNameOverride) { - var v = options[name]; -- if (typeof v == 'object') { -+ if (typeof v == 'object' && !v.length) { - return smartProperty(v, viewNameOverride || viewName); - } - return v; -@@ -4528,6 +4617,9 @@ - var seg; - var top; - var k; -+ var overflows; -+ var overflowLinks; -+ var maxHeight = opt('maxHeight'); - segmentContainer[0].innerHTML = daySegHTML(segs); // faster than .html() - daySegElementResolve(segs, segmentContainer.children()); - daySegElementReport(segs); -@@ -4539,26 +4631,69 @@ - // set row heights, calculate event tops (in relation to row top) - for (rowI=0; rowI maxHeight) { -+ seg.overflow = true; -+ } -+ else { -+ seg.top = top; -+ top += seg.outerHeight; -+ } - for (k=seg.startCol; k 1) { -+ element = $('').addClass('fc-more-link').html('+'+link.count).appendTo(container); -+ element[0].style.position = 'absolute'; -+ element[0].style.left = link.seg.left + 'px'; -+ element[0].style.top = (link.top + rowDiv[0].offsetTop) + 'px'; -+ triggerRes = trigger('overflowRender', link, { count:link.count, date:link.date }, element); -+ if (triggerRes === false) -+ element.remove(); -+ } -+ else { -+ link.seg.top = link.top; -+ link.seg.overflow = false; -+ } -+ } -+ } -+ } -+ -+ - function renderTempDaySegs(segs, adjustRow, adjustTop) { - var tempContainer = $("
"); - var elements; -@@ -4806,6 +4941,8 @@ - } - seg.outerHeight = element[0].offsetHeight + val; - } -+ else -+ seg.outerHeight = 0; - } - } - -@@ -4842,11 +4979,13 @@ - for (i=0; i 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 && event.end > 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 sortCmp(a, b) { -+ var sd = a.start.getTime() - b.start.getTime(); -+ return sd + (sd ? 0 : a.end.getTime() - b.end.getTime()); -+ } -+ -+ 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, eventElements; -+ -+ 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) + -+ "
" + -+ "
" + -+ "
" + -+ "
" + // 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'); -+ var dateFormat = opt('columnFormat'); -+ var segmode = opt('listSections'); -+ var duration = event.end.getTime() - event.start.getTime(); -+ var datestr = '', timestr = ''; -+ -+ if (segmode == 'smart') { -+ if (event.start < seg.start) { -+ datestr = opt('listTexts', 'until') + ' ' + formatDate(event.end, (event.allDay || event.end.getDate() != seg.start.getDate()) ? dateFormat : timeFormat); -+ } else if (duration > DAY_MS) { -+ datestr = formatDates(event.start, event.end, 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, event.end, dateFormat + (duration > DAY_MS ? '{ - ' + dateFormat + '}' : '')); -+ } -+ -+ if (!datestr && event.allDay) { -+ timestr = opt('allDayText'); -+ } else if ((duration < DAY_MS || !datestr) && !event.allDay) { -+ timestr = formatDates(event.start, event.end, 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 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; -+ -+ // exports -+ t.renderEvents = renderEvents; -+ t.clearEvents = clearEvents; -+ -+ -+ /* Rendering -+ --------------------------------------------------------------------*/ -+ -+ 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')); -+ } -+ -+ function renderSegs(segs, modifiedEventId) { -+ var tm = opt('theme') ? 'ui' : 'fc'; -+ var table = getListContainer(); -+ var headerClass = tm + "-widget-header"; -+ var contentClass = tm + "-widget-content"; -+ var tableCols = opt('tableCols'); -+ var timecol = $.inArray('time', tableCols) >= 0; -+ var i, j, seg, event, times, s, skinCss, skinCssAttr, skinClasses, rowClasses, segContainer, eventElements; -+ -+ for (j=0; j < segs.length; j++) { -+ seg = segs[j]; -+ -+ if (seg.title) { -+ $('' + 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); -+ } -+ rowClasses = ['fc-event', 'fc-event-row', 'fc-'+dayIDs[event.start.getDay()]]; -+ if (seg.daydiff == 0) { -+ rowClasses.push('fc-today'); -+ } -+ -+ s += ""; -+ for (var col, c=0; c < tableCols.length; c++) { -+ col = tableCols[c]; -+ if (col == 'handle') { -+ s += "" + -+ "
" + -+ "" + -+ "
"; -+ } else if (col == 'date') { -+ s += "" + htmlEscape(times[0]) + ""; -+ } else if (col == 'time') { -+ if (times[1]) { -+ s += "" + htmlEscape(times[1]) + ""; -+ } -+ } else { -+ s += "" + (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() -+ 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(segContainer); -+ } -+ -+ //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; }; -+ -+ // 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; -+ -+ -+ 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 = (t.visEnd.getTime() - t.visStart.getTime() < DAY_MS) ? formatDate(date, opt('titleFormat')) : formatDates(date, t.visEnd, opt('titleFormat')); -+ -+ updateOptions(); -+ -+ if (!table) { -+ buildSkeleton(); -+ } else { -+ clearEvents(); -+ } -+ } -+ -+ -+ function updateOptions() { -+ firstDay = opt('firstDay'); -+ nwe = opt('weekends') ? 0 : 1; -+ tm = opt('theme') ? 'ui' : 'fc'; -+ colFormat = opt('columnFormat'); -+ } -+ -+ -+ function buildSkeleton() { -+ var tableCols = opt('tableCols'); -+ var s = -+ "" + -+ ""; -+ for (var c=0; c < tableCols.length; c++) { -+ s += ""; -+ } -+ s += "" + -+ "
"; -+ div = $('
').addClass('fc-list-content').appendTo(element); -+ table = $(s).appendTo(div); -+ } -+ -+ function setHeight(height, dateChanged) { -+ div.css('height', (height-1)+'px').css('overflow', 'auto'); -+ } -+ -+ function setWidth(width) { -+ // nothing to be done here -+ } -+ -+ function dummy() { -+ // Stub. -+ } -+ -+} -+ -+ -+})(jQuery); -\ No newline at end of file diff --git a/plugins/calendar/lib/js/fullcalendar.js b/plugins/calendar/lib/js/fullcalendar.js index 79a2b7fa..2150126b 100644 --- a/plugins/calendar/lib/js/fullcalendar.js +++ b/plugins/calendar/lib/js/fullcalendar.js @@ -1,52 +1,20 @@ -/** - * @preserve - * FullCalendar v1.5.4-rcube-0.9.0 - * https://github.com/roundcube/fullcalendar - * +/*! + * FullCalendar v1.6.4-rcube-1.0 + * Docs & License: http://arshaw.com/fullcalendar/ + * (c) 2013 Adam Shaw, 2014 Kolab Systems AG + */ + +/* * 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 - * Copyright (c) 2011, Kolab Systems AG - * Dual licensed under the MIT and GPL licenses - * - * @licstart The following is the entire license notice for the - * JavaScript code in this file. - * - * Copyright (c) Copyright (c) Jon Nylander - * - * Licensed under the MIT licenses - * - * Permission is hereby granted, free of charge, to any person obtaining - * a copy of this software and associated documentation files (the - * "Software"), to deal in the Software without restriction, including - * without limitation the rights to use, copy, modify, merge, publish, - * distribute, sublicense, and/or sell copies of the Software, and to - * permit persons to whom the Software is furnished to do so, subject to - * the following conditions: - * - * The above copyright notice and this permission notice shall be - * included in all copies or substantial portions of the Software. - * - * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, - * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF - * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND - * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE - * LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION - * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION - * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. - * - * @licend The above is the entire license notice - * for the JavaScript code in this file. - * - * Date: Wed Nov 7 16:28:11 2012 +0100 - * */ (function($, undefined) { +;; + var defaults = { // display @@ -58,6 +26,9 @@ var defaults = { right: 'today prev,next' }, weekends: true, + weekNumbers: false, + weekNumberCalculation: 'iso', + weekNumberTitle: 'W', currentTimeIndicator: false, // editing @@ -100,10 +71,10 @@ var defaults = { dayNames: ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'], dayNamesShort: ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'], buttonText: { - prev: ' ◄ ', - next: ' ► ', - prevYear: ' << ', - nextYear: ' >> ', + prev: "", + next: "", + prevYear: "«", + nextYear: "»", today: 'today', month: 'month', week: 'week', @@ -140,7 +111,9 @@ var defaults = { //selectable: false, unselectAuto: true, - dropAccept: '*' + dropAccept: '*', + + handleWindowResize: true }; @@ -152,10 +125,10 @@ var rtlDefaults = { right: 'title' }, buttonText: { - prev: ' ► ', - next: ' ◄ ', - prevYear: ' >> ', - nextYear: ' << ' + prev: "", + next: "", + prevYear: "»", + nextYear: "«" }, buttonIcons: { prev: 'circle-triangle-e', @@ -165,7 +138,9 @@ var rtlDefaults = { -var fc = $.fullCalendar = { version: "1.5.4-rcube-0.9.0" }; +;; + +var fc = $.fullCalendar = { version: "1.6.4-rcube-1.0" }; var fcViews = fc.views = {}; @@ -193,7 +168,8 @@ $.fn.fullCalendar = function(options) { } return this; } - + + options = options || {}; // would like to have this logic in EventManager, but needs to happen before options are recursively extended var eventSources = options.eventSources || []; @@ -231,6 +207,8 @@ function setDefaults(d) { +;; + function Calendar(element, options, eventSources) { var t = this; @@ -275,10 +253,8 @@ function Calendar(element, options, eventSources) { var content; var tm; // for making theme classes var currentView; - var viewInstances = {}; var elementOuterWidth; var suggestedViewHeight; - var absoluteViewElement; var resizeUID = 0; var ignoreWindowResize = 0; var date = new Date(); @@ -297,11 +273,11 @@ function Calendar(element, options, eventSources) { function render(inc) { if (!content) { initialRender(); - }else{ + } + else if (elementVisible()) { + // mainly for the public API calcSize(); - markSizesDirty(); - markEventsDirty(); - renderView(inc); + _renderView(inc); } } @@ -312,18 +288,28 @@ function Calendar(element, options, eventSources) { if (options.isRTL) { element.addClass('fc-rtl'); } + else { + element.addClass('fc-ltr'); + } if (options.theme) { element.addClass('ui-widget'); } + content = $("
") .prependTo(element); + header = new Header(t, options); headerElement = header.render(); if (headerElement) { element.prepend(headerElement); } + changeView(options.defaultView); - $(window).resize(windowResize); + + if (options.handleWindowResize) { + $(window).resize(windowResize); + } + // needed for IE in a 0x0 iframe, b/c when it is resized, never triggers a windowResize if (!bodyVisible()) { lateRender(); @@ -343,21 +329,27 @@ function Calendar(element, options, eventSources) { function destroy() { + + if (currentView) { + trigger('viewDestroy', currentView, currentView, currentView.element); + currentView.triggerEventDestroy(); + } + $(window).unbind('resize', windowResize); + header.destroy(); content.remove(); element.removeClass('fc fc-rtl ui-widget'); } - function elementVisible() { - return _element.offsetWidth !== 0; + return element.is(':visible'); } function bodyVisible() { - return $('body')[0].offsetWidth !== 0; + return $('body').is(':visible'); } @@ -365,115 +357,89 @@ function Calendar(element, options, eventSources) { /* 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()); - oldView.element.hide(); - }else{ - setMinHeight(content, 1); // needs to be 1 (not 0) for IE7, or else view dimensions miscalculated - } - content.css('overflow', 'hidden'); - - currentView = viewInstances[newViewName]; - if (currentView) { - currentView.element.show(); - }else{ - currentView = viewInstances[newViewName] = new fcViews[newViewName]( - newViewElement = absoluteViewElement = - $("
") - .appendTo(content), - t // the calendar object - ); - } - - 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--; + _changeView(newViewName); } } - - - + + + function _changeView(newViewName) { + ignoreWindowResize++; + + if (currentView) { + trigger('viewDestroy', currentView, currentView, currentView.element); + unselect(); + currentView.triggerEventDestroy(); // trigger 'eventDestroy' for each event + freezeContentHeight(); + currentView.element.remove(); + header.deactivateButton(currentView.name); + } + + header.activateButton(newViewName); + + currentView = new fcViews[newViewName]( + $("
") + .appendTo(content), + t // the calendar object + ); + + renderView(); + unfreezeContentHeight(); + + ignoreWindowResize--; + } + + function renderView(inc) { - if (elementVisible()) { - ignoreWindowResize++; // because renderEvents might temporarily change the height before setSize is reached - - unselect(); - - if (suggestedViewHeight === undefined) { - calcSize(); + if ( + !currentView.start || // never rendered before + inc || date < currentView.start || date >= currentView.end // or new date range + ) { + if (elementVisible()) { + _renderView(inc); } - - 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'); - }else{ - header.enableButton('today'); - } - - ignoreWindowResize--; - currentView.trigger('viewDisplay', _element); } } + + + function _renderView(inc) { // assumes elementVisible + ignoreWindowResize++; + + if (currentView.start) { // already been rendered? + trigger('viewDestroy', currentView, currentView, currentView.element); + unselect(); + clearEvents(); + } + + freezeContentHeight(); + currentView.render(date, inc || 0); // the view's render method ONLY renders the skeleton, nothing else + setSize(); + unfreezeContentHeight(); + (currentView.afterRender || noop)(); + + updateTitle(); + updateTodayButton(); + + trigger('viewRender', currentView, currentView, currentView.element); + currentView.trigger('viewDisplay', _element); // deprecated + + ignoreWindowResize--; + + getAndRenderEvents(); + } - + /* Resizing -----------------------------------------------------------------------------*/ function updateSize() { - markSizesDirty(); if (elementVisible()) { + unselect(); + clearEvents(); calcSize(); setSize(); unselect(); @@ -485,14 +451,7 @@ function Calendar(element, options, eventSources) { } - function markSizesDirty() { - $.each(viewInstances, function(i, inst) { - inst.sizeDirty = true; - }); - } - - - function calcSize() { + function calcSize() { // assumes elementVisible if (options.contentHeight) { suggestedViewHeight = options.contentHeight; } @@ -505,15 +464,20 @@ function Calendar(element, options, eventSources) { } - function setSize(dateChanged) { // todo: dateChanged? - ignoreWindowResize++; - currentView.setHeight(suggestedViewHeight, dateChanged); - if (absoluteViewElement) { - absoluteViewElement.css('position', 'relative'); - absoluteViewElement = null; + function setSize() { // assumes elementVisible + + if (suggestedViewHeight === undefined) { + calcSize(); // for first time + // NOTE: we don't want to recalculate on every renderView because + // it could result in oscillating heights due to scrollbars. } - currentView.setWidth(content.width(), dateChanged); + + ignoreWindowResize++; + currentView.setHeight(suggestedViewHeight); + currentView.setWidth(content.width()); ignoreWindowResize--; + + elementOuterWidth = element.outerWidth(); } @@ -542,53 +506,90 @@ function Calendar(element, options, eventSources) { /* 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(); + // TODO: going forward, most of this stuff should be directly handled by the view + + + function refetchEvents() { // can be called as an API method + clearEvents(); + fetchAndRenderEvents(); + } + + + function rerenderEvents(modifiedEventID) { // can be called as an API method + clearEvents(); + renderEvents(modifiedEventID); + } + + + function renderEvents(modifiedEventID) { // TODO: remove modifiedEventID hack + if (elementVisible()) { + currentView.setEventData(events); // for View.js, TODO: unify with renderEvents + currentView.renderEvents(events, modifiedEventID); // actually render the DOM elements + currentView.trigger('eventAfterAllRender'); } } + + + function clearEvents() { + currentView.triggerEventDestroy(); // trigger 'eventDestroy' for each event + currentView.clearEvents(); // actually remove the DOM elements + currentView.clearEventData(); // for View.js, TODO: unify with clearEvents + } - + + function getAndRenderEvents() { + if (!options.lazyFetching || isFetchNeeded(currentView.visStart, currentView.visEnd)) { + fetchAndRenderEvents(); + } + else { + renderEvents(); + } + } + + + function fetchAndRenderEvents() { + fetchEvents(currentView.visStart, currentView.visEnd); + // ... will call reportEvents + // ... which will call renderEvents + } + + function refetchEvents(source) { fetchEvents(currentView.visStart, currentView.visEnd, source); // will call reportEvents } - + // called when event data arrives function reportEvents(_events) { events = _events; - rerenderEvents(); + renderEvents(); } - - + + // 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.trigger('viewRender', currentView); - currentView.renderEvents(events, modifiedEventID); - currentView.eventsDirty = false; - } + + + + /* Header Updating + -----------------------------------------------------------------------------*/ + + + function updateTitle() { + header.updateTitle(currentView.title); } - - - function markEventsDirty() { - $.each(viewInstances, function(i, inst) { - inst.eventsDirty = true; - }); + + + function updateTodayButton() { + var today = new Date(); + if (today >= currentView.start && today < currentView.end) { + header.disableButton('today'); + } + else { + header.enableButton('today'); + } } @@ -669,6 +670,29 @@ function Calendar(element, options, eventSources) { function getDate() { return cloneDate(date); } + + + + /* Height "Freezing" + -----------------------------------------------------------------------------*/ + + + function freezeContentHeight() { + content.css({ + width: '100%', + height: content.height(), + overflow: 'hidden' + }); + } + + + function unfreezeContentHeight() { + content.css({ + width: '', + height: '', + overflow: '' + }); + } @@ -735,6 +759,8 @@ function Calendar(element, options, eventSources) { } +;; + function Header(calendar, options) { var t = this; @@ -808,54 +834,47 @@ function Header(calendar, options) { var text = smartProperty(options.buttonText, buttonName); // why are we using smartProperty here? var button = $( "" + - "" + - "" + - (icon ? - "" + - "" + - "" : - text - ) + - "" + - "" + - "" + + (icon ? + "" + + "" + + "" : + text + ) + "" - ); - if (button) { - button - .click(function() { - if (!button.hasClass(tm + '-state-disabled')) { - buttonClick(); - } - }) - .mousedown(function() { + ) + .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-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; + .addClass(tm + '-state-hover'); + }, + function() { + button + .removeClass(tm + '-state-hover') + .removeClass(tm + '-state-down'); + } + ) + .appendTo(e); + disableTextSelection(button); + if (!prevButton) { + button.addClass(tm + '-corner-left'); } + prevButton = button; } } }); @@ -900,6 +919,8 @@ function Header(calendar, options) { } +;; + fc.sourceNormalizers = []; fc.sourceFetchers = []; @@ -978,6 +999,16 @@ function EventManager(options, _sources) { _fetchEventSource(source, function(events) { if (fetchID == currentFetchID) { if (events) { + + if (options.eventDataTransform) { + events = $.map(events, options.eventDataTransform); + } + if (source.eventDataTransform) { + events = $.map(events, source.eventDataTransform); + } + // TODO: this technique is not ideal for static array event sources. + // For arrays, we'll want to process all events right in the beginning, then never again. + for (var i=0; i 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" + - "" + - ""; - 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); - + function buildEventContainer() { daySegmentContainer = - $("
") + $("
") .appendTo(element); } - - function updateCells(firstTime) { - var dowDirty = firstTime || rowCnt == 1; // could the cells' day-of-weeks need updating? + function buildTable() { + var html = buildTableHTML(); + + if (table) { + table.remove(); + } + table = $(html).appendTo(element); + + head = table.find('thead'); + headCells = head.find('.fc-day-header'); + body = table.find('tbody'); + bodyRows = body.find('tr'); + bodyCells = body.find('.fc-day'); + bodyFirstCells = bodyRows.find('td:first-child'); + + firstRowCellInners = bodyRows.eq(0).find('.fc-day > div'); + firstRowCellContentInners = bodyRows.eq(0).find('.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'); + bodyRows.filter(':last').addClass('fc-last'); + + bodyCells.each(function(i, _cell) { + var date = cellToDate( + Math.floor(i / colCnt), + i % colCnt + ); + trigger('dayRender', t, date, $(_cell)); + }); + + dayBind(bodyCells); + } + + + + /* HTML Building + -----------------------------------------------------------*/ + + + function buildTableHTML() { + var html = + "" + + buildHeadHTML() + + buildBodyHTML() + + "
"; + + return html; + } + + + function buildHeadHTML() { + var headerClass = tm + "-widget-header"; + var html = ''; + var col; + var date; + + html += ""; + + if (showWeekNumbers) { + html += + "" + + htmlEscape(weekNumberTitle) + + ""; + } + + for (col=0; col" + + htmlEscape(formatDate(date, colFormat)) + + ""; + } + + html += ""; + + return html; + } + + + function buildBodyHTML() { + var contentClass = tm + "-widget-content"; + var html = ''; + var row; + var col; + var date; + + html += ""; + + for (row=0; row" + + "
" + + htmlEscape(formatDate(date, weekNumberFormat)) + + "
" + + ""; + } + + for (col=0; col" + + "
"; + + if (showNumbers) { + html += "
" + date.getDate() + "
"; + } + + html += + "
" + + "
 
" + + "
" + + "
" + + ""; + + return html; } - + + + + /* Dimensions + -----------------------------------------------------------*/ function setHeight(height) { @@ -2419,8 +2475,8 @@ function BasicView(element, calendar, viewName) { bodyFirstCells.each(function(i, _cell) { if (i < rowCnt) { cell = $(_cell); - setMinHeight( - cell.find('> div'), + cell.find('> div').css( + 'min-height', (i==rowCnt-1 ? rowHeightLast : rowHeight) - vsides(cell) ); } @@ -2431,8 +2487,15 @@ function BasicView(element, calendar, viewName) { function setWidth(width) { viewWidth = width; + colPositions.clear(); colContentPositions.clear(); - colWidth = Math.floor(viewWidth / colCnt); + + weekNumberWidth = 0; + if (showWeekNumbers) { + weekNumberWidth = head.find('th.fc-week-number').outerWidth(); + } + + colWidth = Math.floor((viewWidth - weekNumberWidth) / colCnt); setOuterWidth(headCells.slice(0, -1), colWidth); } @@ -2450,8 +2513,7 @@ function BasicView(element, calendar, viewName) { 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); + var date = parseISO8601($(this).data('date')); trigger('dayClick', this, date, true, ev); } } @@ -2460,35 +2522,30 @@ function BasicView(element, calendar, viewName) { /* Semi-transparent Overlay Helpers ------------------------------------------------------*/ - - + // TODO: should be consolidated with AgendaView's methods + + 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" + - "" + - "" + - " "; - for (i=0; i"; // fc- needed for setDayID - } - s += - " " + - "" + - "" + - "" + - "" + - " "; - for (i=0; i" + // fc- needed for setDayID - "
" + - "
" + - "
 
" + - "
" + - "
" + - ""; - } - s += - " " + - "" + - "" + - ""; - 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'); + buildDayTable(); slotLayer = $("
") @@ -3100,7 +3002,7 @@ function AgendaView(element, calendar, viewName) { if (opt('allDaySlot')) { daySegmentContainer = - $("
") + $("
") .appendTo(slotLayer); s = @@ -3118,9 +3020,6 @@ function AgendaView(element, calendar, viewName) { dayBind(allDayRow.find('td')); - axisFirstCells = axisFirstCells.add(allDayTable.find('th:first')); - gutterCells = gutterCells.add(allDayTable.find('th.fc-agenda-gutter')); - slotLayer.append( "
" + "
" + @@ -3137,13 +3036,13 @@ function AgendaView(element, calendar, viewName) { $("
") .appendTo(slotLayer); - slotContent = + slotContainer = $("
") .appendTo(slotScroller); slotSegmentContainer = - $("
") - .appendTo(slotContent); + $("
") + .appendTo(slotContainer); s = "" + @@ -3169,39 +3068,170 @@ function AgendaView(element, calendar, viewName) { s += "" + "
"; - slotTable = $(s).appendTo(slotContent); - slotTableFirstInner = slotTable.find('div:first'); + slotTable = $(s).appendTo(slotContainer); slotBind(slotTable.find('td')); - - axisFirstCells = axisFirstCells.add(slotTable.find('th:first')); } - - - - function updateCells() { - var i; - var headCell; - var bodyCell; + + + + /* Build Day Table + -----------------------------------------------------------------------*/ + + + function buildDayTable() { + var html = buildDayTableHTML(); + + if (dayTable) { + dayTable.remove(); + } + dayTable = $(html).appendTo(element); + + dayHead = dayTable.find('thead'); + dayHeadCells = dayHead.find('th').slice(1, -1); // exclude gutter + dayBody = dayTable.find('tbody'); + dayBodyCells = dayBody.find('td').slice(0, -1); // exclude gutter + dayBodyCellInners = dayBodyCells.find('> div'); + dayBodyCellContentInners = dayBodyCells.find('.fc-day-content > div'); + + dayBodyFirstCell = dayBodyCells.eq(0); + dayBodyFirstCellStretcher = dayBodyCellInners.eq(0); + + markFirstLast(dayHead.add(dayHead.find('tr'))); + markFirstLast(dayBody.add(dayBody.find('tr'))); + + // TODO: now that we rebuild the cells every time, we should call dayRender + } + + + function buildDayTableHTML() { + var html = + "" + + buildDayTableHeadHTML() + + buildDayTableBodyHTML() + + "
"; + + return html; + } + + + function buildDayTableHeadHTML() { + var headerClass = tm + "-widget-header"; + var date; + var html = ''; + var weekText; + var col; + + html += + "" + + ""; + + if (showWeekNumbers) { + date = cellToDate(0, 0); + weekText = formatDate(date, weekNumberFormat); + if (rtl) { + weekText += weekNumberTitle; + } + else { + weekText = weekNumberTitle + weekText; + } + html += + "" + + htmlEscape(weekText) + + ""; + } + else { + html += " "; + } + + for (col=0; col" + + htmlEscape(formatDate(date, colFormat)) + + ""; + } + + html += + " " + + "" + + ""; + + return html; + } + + + function buildDayTableBodyHTML() { + var headerClass = tm + "-widget-header"; // TODO: make these when updateOptions() called + var contentClass = tm + "-widget-content"; var date; var today = clearTime(new Date()); - for (i=0; i" + + "" + + " "; + + cellsHTML = ''; + + for (col=0; col" + + "
" + + "
" + + "
 
" + + "
" + + "
" + + ""; + + cellsHTML += cellHTML; } + + html += cellsHTML; + html += + " " + + "" + + ""; + + return html; } + + + // TODO: data-date on the cells + + /* Dimensions + -----------------------------------------------------------------------*/ + - function setHeight(height, dateChanged) { + function setHeight(height) { if (height === undefined) { height = viewHeight; } @@ -3214,7 +3244,7 @@ function AgendaView(element, calendar, viewName) { height - headHeight, // when scrollbars slotTable.height() + allDayHeight + 1 // when no scrollbars. +1 for bottom border ); - + dayBodyFirstCellStretcher .height(bodyHeight - vsides(dayBodyFirstCell)); @@ -3222,18 +3252,25 @@ function AgendaView(element, calendar, viewName) { slotScroller.height(bodyHeight - allDayHeight - 1); - slotHeight = slotTableFirstInner.height() + 1; // +1 for border - - if (dateChanged) { - resetScroll(); - } + // the stylesheet guarantees that the first row has no border. + // this allows .height() to work well cross-browser. + slotHeight = slotTable.find('tr:first').height() + 1; // +1 for bottom border + + snapRatio = opt('slotMinutes') / snapMinutes; + snapHeight = slotHeight / snapRatio; } - function setWidth(width) { viewWidth = width; + colPositions.clear(); colContentPositions.clear(); + + var axisFirstCells = dayHead.find('th:first'); + if (allDayTable) { + axisFirstCells = axisFirstCells.add(allDayTable.find('th:first')); + } + axisFirstCells = axisFirstCells.add(slotTable.find('th:first')); axisWidth = 0; setOuterWidth( @@ -3245,8 +3282,12 @@ function AgendaView(element, calendar, viewName) { axisWidth ); + var gutterCells = dayTable.find('.fc-agenda-gutter'); + if (allDayTable) { + gutterCells = gutterCells.add(allDayTable.find('th.fc-agenda-gutter')); + } + var slotTableWidth = slotScroller[0].clientWidth; // needs to be done after axisWidth (for IE7) - //slotTable.width(slotTableWidth); gutterWidth = slotScroller.width() - slotTableWidth; if (gutterWidth) { @@ -3268,6 +3309,10 @@ function AgendaView(element, calendar, viewName) { + /* Scrolling + -----------------------------------------------------------------------*/ + + function resetScroll() { var d0 = zeroDate(); var scrollDate = cloneDate(d0); @@ -3279,15 +3324,10 @@ function AgendaView(element, calendar, viewName) { scroll(); setTimeout(scroll, 0); // overrides any previous scroll state made by the browser } - - - function beforeHide() { - savedScrollTop = slotScroller.scrollTop(); - } - - - function afterShow() { - slotScroller.scrollTop(savedScrollTop); + + + function afterRender() { // after the view has been freshly rendered and sized + resetScroll(); } @@ -3311,7 +3351,7 @@ function AgendaView(element, calendar, viewName) { 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 date = cellToDate(0, col); var rowMatch = this.parentNode.className.match(/fc-slot(\d+)/); // TODO: maybe use data if (rowMatch) { var mins = parseInt(rowMatch[1]) * opt('slotMinutes'); @@ -3329,26 +3369,26 @@ function AgendaView(element, calendar, viewName) { /* Semi-transparent Overlay Helpers -----------------------------------------------------*/ - + // TODO: should be consolidated with BasicView's methods + + + function renderDayOverlay(overlayStart, overlayEnd, refreshCoordinateGrid) { // overlayEnd is exclusive - 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) { + + var segments = rangeToSegments(overlayStart, overlayEnd); + + for (var i=0; i= 0) { - addMinutes(d, minMinute + slotIndex * opt('slotMinutes')); + addMinutes(d, minMinute + slotIndex * snapMinutes); } 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); @@ -3492,7 +3520,11 @@ function AgendaView(element, calendar, viewName) { 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??? + slotTop = slotTopCache[slotI] = + slotTable.find('tr').eq(slotI).find('td div')[0].offsetTop; + // .eq() is faster than ":eq()" selector + // [0].offsetTop is faster than .position().top (do we really need this optimization?) + // a better optimization would be to cache all these divs } return Math.max(0, Math.round( slotTop - 1 + slotHeight * ((minutes % slotMinutes) / slotMinutes) @@ -3500,14 +3532,6 @@ function AgendaView(element, calendar, viewName) { } - function allDayBounds() { - return { - left: axisWidth, - right: viewWidth - gutterWidth - } - } - - function getAllDayRow(index) { return allDayRow; } @@ -3550,9 +3574,9 @@ function AgendaView(element, calendar, viewName) { var helperOption = opt('selectHelper'); coordinateGrid.build(); if (helperOption) { - var col = dayDiff(startDate, t.visStart) * dis + dit; + var col = dateToCell(startDate).col; 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 rect = coordinateGrid.rect(0, col, 0, col, slotContainer); // 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 @@ -3564,10 +3588,9 @@ function AgendaView(element, calendar, viewName) { var helperRes = helperOption(startDate, endDate); if (helperRes) { rect.position = 'absolute'; - rect.zIndex = 8; selectionHelper = $(helperRes) .css(rect) - .appendTo(slotContent); + .appendTo(slotContainer); } }else{ rect.isStart = true; // conside rect a "seg" now @@ -3586,7 +3609,7 @@ function AgendaView(element, calendar, viewName) { } if (selectionHelper) { slotBind(selectionHelper); - slotContent.append(selectionHelper); + slotContainer.append(selectionHelper); setOuterWidth(selectionHelper, rect.width, true); // needs to be after appended setOuterHeight(selectionHelper, rect.height, true); } @@ -3613,15 +3636,15 @@ function AgendaView(element, calendar, viewName) { var dates, helperOption = opt('selectHelper'); hoverListener.start(function(cell, origCell) { clearSelection(); - if (cell && (cell.col == origCell.col || !helperOption) && !cellIsAllDay(cell)) { - var d1 = cellDate(origCell); - var d2 = cellDate(cell); + if (cell && (cell.col == origCell.col || !helperOption) && !getIsCellAllDay(cell)) { + var d1 = realCellToDate(origCell); + var d2 = realCellToDate(cell); dates = [ d1, - addMinutes(cloneDate(d1), opt('slotMinutes')), + addMinutes(cloneDate(d1), snapMinutes), // calculate minutes depending on selection slot minutes d2, - addMinutes(cloneDate(d2), opt('slotMinutes')) - ].sort(cmp); + addMinutes(cloneDate(d2), snapMinutes) + ].sort(dateCompare); renderSlotSelection(dates[0], dates[3]); }else{ dates = null; @@ -3638,10 +3661,10 @@ function AgendaView(element, calendar, viewName) { }); } } - - + + function reportDayClick(date, allDay, ev) { - trigger('dayClick', dayBodyCells[dayOfWeekCol(date.getDay())], date, allDay, ev); + trigger('dayClick', dayBodyCells[dateToCell(date).col], date, allDay, ev); } @@ -3654,10 +3677,10 @@ function AgendaView(element, calendar, viewName) { hoverListener.start(function(cell) { clearOverlays(); if (cell) { - if (cellIsAllDay(cell)) { + if (getIsCellAllDay(cell)) { renderCellOverlay(cell.row, cell.col, cell.row, cell.col); }else{ - var d1 = cellDate(cell); + var d1 = realCellToDate(cell); var d2 = addMinutes(cloneDate(d1), opt('defaultEventMinutes')); renderSlotOverlay(d1, d2); } @@ -3670,35 +3693,32 @@ function AgendaView(element, calendar, viewName) { var cell = hoverListener.stop(); clearOverlays(); if (cell) { - trigger('drop', _dragElement, cellDate(cell), cellIsAllDay(cell), ev, ui); + trigger('drop', _dragElement, realCellToDate(cell), getIsCellAllDay(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; // 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 getDaySegmentContainer = t.getDaySegmentContainer; @@ -3707,14 +3727,15 @@ function AgendaEventRenderer() { var getMaxMinute = t.getMaxMinute; var getMinMinute = t.getMinMinute; var timePosition = t.timePosition; + var getIsCellAllDay = t.getIsCellAllDay; var colContentLeft = t.colContentLeft; var colContentRight = t.colContentRight; - var renderDaySegs = t.renderDaySegs; - var resizableDayEvent = t.resizableDayEvent; // TODO: streamline binding architecture + var cellToDate = t.cellToDate; var getColCnt = t.getColCnt; var getColWidth = t.getColWidth; - var getSlotHeight = t.getSlotHeight; - var getBodyContent = t.getBodyContent; + var getSnapHeight = t.getSnapHeight; + var getSnapMinutes = t.getSnapMinutes; + var getSlotContainer = t.getSlotContainer; var reportEventElement = t.reportEventElement; var showEvents = t.showEvents; var hideEvents = t.hideEvents; @@ -3722,19 +3743,22 @@ function AgendaEventRenderer() { var eventResize = t.eventResize; var renderDayOverlay = t.renderDayOverlay; var clearOverlays = t.clearOverlays; + var renderDayEvents = t.renderDayEvents; var calendar = t.calendar; var formatDate = calendar.formatDate; var formatDates = calendar.formatDates; var timeLineInterval; + // overrides + t.draggableDayEvent = draggableDayEvent; + /* Rendering ----------------------------------------------------------------------------*/ function renderEvents(events, modifiedEventId) { - reportEvents(events); var i, len=events.length, dayEvents=[], slotEvents=[]; @@ -3745,10 +3769,12 @@ function AgendaEventRenderer() { slotEvents.push(events[i]); } } + if (opt('allDaySlot')) { - renderDaySegs(compileDaySegs(dayEvents), modifiedEventId); + renderDayEvents(dayEvents, modifiedEventId); setHeight(); // no params means set to viewHeight } + renderSlotSegs(compileSlotSegs(slotEvents), modifiedEventId); if (opt('currentTimeIndicator')) { @@ -3760,58 +3786,85 @@ function AgendaEventRenderer() { function clearEvents() { - reportEventClear(); getDaySegmentContainer().empty(); getSlotSegmentContainer().empty(); } - - - function compileDaySegs(events) { - var levels = stackSegs(sliceSegs(events, $.map(events, exclEndDay), t.visStart, t.visEnd)), - i, levelCnt=levels.length, level, - j, seg, - segs=[]; - 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 + }); + } + } + return segs.sort(compareSlotSegs); + } + + function slotEventEnd(event) { if (event.end) { return cloneDate(event.end); @@ -3822,39 +3875,30 @@ function AgendaEventRenderer() { // renders events in the 'time slots' at the bottom + // TODO: when we refactor this, when user returns `false` eventRender, don't have empty space + // TODO: refactor will include using pixels to detect collisions instead of dates (handy for seg cmp) function renderSlotSegs(segs, modifiedEventId) { var i, segCnt=segs.length, seg, event, - classes, - top, bottom, - colI, levelI, forward, - leftmost, - availWidth, - outerWidth, + top, + bottom, + columnLeft, + columnRight, + columnWidth, + width, left, - html='', + right, + html = '', eventElements, eventElement, triggerRes, - vsideCache={}, - hsideCache={}, - key, val, contentElement, height, slotSegmentContainer = getSlotSegmentContainer(), - rtl, dis, dit, - colCnt = getColCnt(), - overlapping = colCnt > 1; - - if (rtl = opt('isRTL')) { - dis = -1; - dit = colCnt - 1; - }else{ - dis = 1; - dit = 0; - } + isRTL = opt('isRTL'), + colCnt = getColCnt(); // calculate position/dimensions, create html for (i=0; i 1) { + // double the width while making sure resize handle is visible + // (assumed to be 20px wide) + width = Math.max( + (width - (20/2)) * 2, + width // narrow columns will want to make the segment smaller than + // the natural width. don't allow it + ); } - left = leftmost + // leftmost possible - (availWidth / (levelI + forward + 1) * levelI) // indentation - * dis + (rtl ? availWidth - outerWidth : 0); // rtl + + if (isRTL) { + right = columnRight - seg.backwardCoord * columnWidth; + left = right - width; + } + else { + left = columnLeft + seg.backwardCoord * columnWidth; + right = left + width; + } + + // make sure horizontal coordinates are in bounds + left = Math.max(left, columnLeft); + right = Math.min(right, columnRight); + width = right - left; + seg.top = top; seg.left = left; - seg.outerWidth = outerWidth - (overlapping ? 0 : 1); + seg.outerWidth = width; seg.outerHeight = bottom - top; html += slotSegHtml(event, seg); } + slotSegmentContainer[0].innerHTML = html; // faster than html() eventElements = slotSegmentContainer.children(); @@ -3930,11 +3987,9 @@ function AgendaEventRenderer() { for (i=0; i" + "
" + "
" + @@ -3999,7 +4060,7 @@ function AgendaEventRenderer() { "
" + "
" + "
" + - htmlEscape(event.title) + + htmlEscape(event.title || '') + "
" + "
" + "
" + @@ -4014,18 +4075,6 @@ function AgendaEventRenderer() { } - 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)) { @@ -4041,7 +4090,7 @@ function AgendaEventRenderer() { // draw a horizontal line indicating the current time (#143) function setTimeIndicator() { - var container = getBodyContent(); + var container = getSlotContainer(); var timeline = container.children('.fc-timeline'); if (timeline.length == 0) { // if timeline isn't there, add it timeline = $('
').addClass('fc-timeline').appendTo(container); @@ -4075,31 +4124,34 @@ function AgendaEventRenderer() { // when event starts out FULL-DAY + // overrides DayEventRenderer's version because it needs to account for dragging elements + // to and from the slot area. - function draggableDayEvent(event, eventElement, isStart) { + function draggableDayEvent(event, eventElement, seg) { + var isStart = seg.isStart; var origWidth; var revert; - var allDay=true; + var allDay = true; var dayDelta; - var dis = opt('isRTL') ? -1 : 1; var hoverListener = getHoverListener(); var colWidth = getColWidth(); - var slotHeight = getSlotHeight(); + var snapHeight = getSnapHeight(); + var snapMinutes = getSnapMinutes(); var minMinute = getMinMinute(); eventElement.draggable({ - zIndex: 9, 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) { + hoverListener.start(function(cell, origCell) { clearOverlays(); if (cell) { - //setOverflowHidden(true); revert = false; - dayDelta = colDelta * dis; + var origDate = cellToDate(0, origCell.col); + var date = cellToDate(0, cell.col); + dayDelta = dayDiff(date, origDate); if (!cell.row) { // on full-days renderDayOverlay( @@ -4115,9 +4167,9 @@ function AgendaEventRenderer() { 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') + snapHeight * Math.round( + (event.end ? ((event.end - event.start) / MINUTE_MS) : opt('defaultEventMinutes')) / + snapMinutes ) ); eventElement.draggable('option', 'grid', [colWidth, 1]); @@ -4130,7 +4182,6 @@ function AgendaEventRenderer() { revert = revert || (allDay && !dayDelta); }else{ resetElement(); - //setOverflowHidden(false); revert = true; } eventElement.draggable('option', 'revert', revert); @@ -4149,14 +4200,13 @@ function AgendaEventRenderer() { // changed! var minuteDelta = 0; if (!allDay) { - minuteDelta = Math.round((eventElement.offset().top - getBodyContent().offset().top) / slotHeight) - * opt('slotMinutes') + minuteDelta = Math.round((eventElement.offset().top - getSlotContainer().offset().top) / snapHeight) + * snapMinutes + minMinute - (event.start.getHours() * 60 + event.start.getMinutes()); } eventDrop(this, event, dayDelta, minuteDelta, allDay, ev, ui); } - //setOverflowHidden(false); } }); function resetElement() { @@ -4174,78 +4224,147 @@ function AgendaEventRenderer() { // 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 coordinateGrid = t.getCoordinateGrid(); var colCnt = getColCnt(); var colWidth = getColWidth(); - var slotHeight = getSlotHeight(); + var snapHeight = getSnapHeight(); + var snapMinutes = getSnapMinutes(); + + // states + var origPosition; // original position of the element, not the mouse + var origCell; + var isInBounds, prevIsInBounds; + var isAllDay, prevIsAllDay; + var colDelta, prevColDelta; + var dayDelta; // derived from colDelta + var minuteDelta, prevMinuteDelta; + eventElement.draggable({ - zIndex: 9, scroll: false, - grid: [colWidth, slotHeight], + grid: [ colWidth, snapHeight ], axis: colCnt==1 ? 'y' : false, opacity: opt('dragOpacity'), revertDuration: opt('dragRevertDuration'), start: function(ev, ui) { + trigger('eventDragStart', eventElement, event, ev, ui); hideEvents(event, eventElement); + + coordinateGrid.build(); + + // initialize states origPosition = eventElement.position(); + origCell = coordinateGrid.cell(ev.pageX, ev.pageY); + isInBounds = prevIsInBounds = true; + isAllDay = prevIsAllDay = getIsCellAllDay(origCell); + colDelta = prevColDelta = 0; + dayDelta = 0; minuteDelta = prevMinuteDelta = 0; - 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) { - minuteDelta = Math.round((ui.position.top - origPosition.top) / slotHeight) * opt('slotMinutes'); - if (minuteDelta != prevMinuteDelta) { - if (!allDay) { - updateTimeText(minuteDelta); + + // NOTE: this `cell` value is only useful for determining in-bounds and all-day. + // Bad for anything else due to the discrepancy between the mouse position and the + // element position while snapping. (problem revealed in PR #55) + // + // PS- the problem exists for draggableDayEvent() when dragging an all-day event to a slot event. + // We should overhaul the dragging system and stop relying on jQuery UI. + var cell = coordinateGrid.cell(ev.pageX, ev.pageY); + + // update states + isInBounds = !!cell; + if (isInBounds) { + isAllDay = getIsCellAllDay(cell); + + // calculate column delta + colDelta = Math.round((ui.position.left - origPosition.left) / colWidth); + if (colDelta != prevColDelta) { + // calculate the day delta based off of the original clicked column and the column delta + var origDate = cellToDate(0, origCell.col); + var col = origCell.col + colDelta; + col = Math.max(0, col); + col = Math.min(colCnt-1, col); + var date = cellToDate(0, col); + dayDelta = dayDiff(date, origDate); } + + // calculate minute delta (only if over slots) + if (!isAllDay) { + minuteDelta = Math.round((ui.position.top - origPosition.top) / snapHeight) * snapMinutes; + } + } + + // any state changes? + if ( + isInBounds != prevIsInBounds || + isAllDay != prevIsAllDay || + colDelta != prevColDelta || + minuteDelta != prevMinuteDelta + ) { + + updateUI(); + + // update previous states for next time + prevIsInBounds = isInBounds; + prevIsAllDay = isAllDay; + prevColDelta = colDelta; prevMinuteDelta = minuteDelta; } + + // if out-of-bounds, revert when done, and vice versa. + eventElement.draggable('option', 'revert', !isInBounds); + }, 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(); + + if (isInBounds && (isAllDay || dayDelta || minuteDelta)) { // changed! + eventDrop(this, event, dayDelta, isAllDay ? 0 : minuteDelta, isAllDay, ev, ui); + } + else { // either no change or out-of-bounds (draggable has already reverted) + + // reset states for next time, and for updateUI() + isInBounds = true; + isAllDay = false; + colDelta = 0; + dayDelta = 0; + minuteDelta = 0; + + updateUI(); eventElement.css('filter', ''); // clear IE opacity side-effects - eventElement.css(origPosition); // sometimes fast drags make event revert to wrong position - updateTimeText(0); + + // sometimes fast drags make event revert to wrong position, so reset. + // also, if we dragged the element out of the area because of snapping, + // but the *mouse* is still in bounds, we need to reset the position. + eventElement.css(origPosition); + showEvents(event, eventElement); } } }); + + function updateUI() { + clearOverlays(); + if (isInBounds) { + if (isAllDay) { + timeElement.hide(); + eventElement.draggable('option', 'grid', null); // disable grid snapping + renderDayOverlay( + addDays(cloneDate(event.start), dayDelta), + addDays(exclEndDay(event), dayDelta) + ); + } + else { + updateTimeText(minuteDelta); + timeElement.css('display', ''); // show() was causing display=inline + eventElement.draggable('option', 'grid', [colWidth, snapHeight]); // re-enable grid snapping + } + } + } + function updateTimeText(minuteDelta) { var newStart = addMinutes(cloneDate(event.start), minuteDelta); var newEnd; @@ -4254,14 +4373,7 @@ function AgendaEventRenderer() { } 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; - } - } + } @@ -4271,40 +4383,39 @@ function AgendaEventRenderer() { function resizableSlotEvent(event, eventElement, timeElement) { - var slotDelta, prevSlotDelta; - var slotHeight = getSlotHeight(); + var snapDelta, prevSnapDelta; + var snapHeight = getSnapHeight(); + var snapMinutes = getSnapMinutes(); eventElement.resizable({ handles: { - s: 'div.ui-resizable-s' + s: '.ui-resizable-handle' }, - grid: slotHeight, + grid: snapHeight, start: function(ev, ui) { - slotDelta = prevSlotDelta = 0; + snapDelta = prevSnapDelta = 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) { + snapDelta = Math.round((Math.max(snapHeight, eventElement.height()) - ui.originalSize.height) / snapHeight); + if (snapDelta != prevSnapDelta) { timeElement.text( formatDates( event.start, - (!slotDelta && !event.end) ? null : // no change, so don't display time range - addMinutes(eventEnd(event), opt('slotMinutes')*slotDelta), + (!snapDelta && !event.end) ? null : // no change, so don't display time range + addMinutes(eventEnd(event), snapMinutes*snapDelta), opt('timeFormat') ) ); - prevSlotDelta = slotDelta; + prevSnapDelta = snapDelta; } }, stop: function(ev, ui) { trigger('eventResizeStop', this, event, ev, ui); - if (slotDelta) { - eventResize(this, event, 0, opt('slotMinutes')*slotDelta, ev, ui); + if (snapDelta) { + eventResize(this, event, 0, snapMinutes*snapDelta, ev, ui); }else{ - eventElement.css('z-index', 8); showEvents(event, eventElement); // BUG: if event was really short, need to put title back in span } @@ -4316,1080 +4427,304 @@ function AgendaEventRenderer() { } -function countForwardSegs(levels) { - var i, j, k, level, segForward, segBack; - for (i=levels.length-1; i>0; i--) { + +/* Agenda Event Segment Utilities +-----------------------------------------------------------------------------*/ + + +// Sets the seg.backwardCoord and seg.forwardCoord on each segment and returns a new +// list in the order they should be placed into the DOM (an implicit z-index). +function placeSlotSegs(segs) { + var levels = buildSlotSegLevels(segs); + var level0 = levels[0]; + var i; + + computeForwardSlotSegs(levels); + + if (level0) { + + for (i=0; i maxHeight) { - seg.overflow = true; - } - else { - seg.top = top; - top += seg.outerHeight; - } - for (k=seg.startCol; k 1) { - element = $('').addClass('fc-more-link').html('+'+link.count).appendTo(container); - element[0].style.position = 'absolute'; - element[0].style.left = link.seg.left + 'px'; - element[0].style.top = (link.top + rowDiv[0].offsetTop) + 'px'; - triggerRes = trigger('overflowRender', link, { count:link.count, date:link.date }, element); - if (triggerRes === false) - element.remove(); - } - else { - link.seg.top = link.top; - link.seg.overflow = false; - } - } - } - } - - - function renderTempDaySegs(segs, adjustRow, adjustTop) { - var tempContainer = $("
"); - 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 (!event.allDay && seg.isStart) { - html += - "" + - htmlEscape(formatDates(event.start, event.end, opt('timeFormat'))) + - ""; - } - html += - "" + htmlEscape(event.title) + "" + - "
"; - 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'); - if (oldHelpers) { - oldHelpers.remove(); - } - hideEvents(event); - }else{ - if (helpers) { - showEvents(event); - 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; - - - t.start = function(_change, ev, _bindType) { - change = _change; - firstCell = cell = null; - coordinateGrid.build(); - mouse(ev); - bindType = _bindType || 'mousemove'; - $(document).bind(bindType, mouse); - }; - - - function mouse(ev) { - _fixUIEvent(ev); // see below - 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; - }; - - } +// Calculate seg.forwardCoord and seg.backwardCoord for the segment, where both values range +// from 0 to 1. If the calendar is left-to-right, the seg.backwardCoord maps to "left" and +// seg.forwardCoord maps to "right" (via percentage). Vice-versa if the calendar is right-to-left. +// +// The segment might be part of a "series", which means consecutive segments with the same pressure +// who's width is unknown until an edge has been hit. `seriesBackwardPressure` is the number of +// segments behind this one in the current series, and `seriesBackwardCoord` is the starting +// coordinate of the first segment in the series. +function computeSlotSegCoords(seg, seriesBackwardPressure, seriesBackwardCoord) { + var forwardSegs = seg.forwardSegs; + var i; -// 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 + if (seg.forwardCoord === undefined) { // not already computed -function _fixUIEvent(event) { // for issue 1168 - if (event.pageX === undefined) { - event.pageX = event.originalEvent.pageX; - event.pageY = event.originalEvent.pageY; + if (!forwardSegs.length) { + + // if there are no forward segments, this segment should butt up against the edge + seg.forwardCoord = 1; + } + else { + + // sort highest pressure first + forwardSegs.sort(compareForwardSlotSegs); + + // this segment's forwardCoord will be calculated from the backwardCoord of the + // highest-pressure forward segment. + computeSlotSegCoords(forwardSegs[0], seriesBackwardPressure + 1, seriesBackwardCoord); + seg.forwardCoord = forwardSegs[0].backwardCoord; + } + + // calculate the backwardCoord from the forwardCoord. consider the series + seg.backwardCoord = seg.forwardCoord - + (seg.forwardCoord - seriesBackwardCoord) / // available width for series + (seriesBackwardPressure + 1); // # of segments in the series + + // use this segment's coordinates to computed the coordinates of the less-pressurized + // forward segments + for (i=0; i seg2.start && seg1.start < seg2.end; +} + + +// A cmp function for determining which forward segment to rely on more when computing coordinates. +function compareForwardSlotSegs(seg1, seg2) { + // put higher-pressure first + return seg2.forwardPressure - seg1.forwardPressure || + // put segments that are closer to initial edge first (and favor ones with no coords yet) + (seg1.backwardCoord || 0) - (seg2.backwardCoord || 0) || + // do normal sorting... + compareSlotSegs(seg1, seg2); +} + + +// A cmp function for determining which segment should be closer to the initial edge +// (the left edge on a left-to-right calendar). +function compareSlotSegs(seg1, seg2) { + return seg1.start - seg2.start || // earlier start time goes first + (seg2.end - seg2.start) - (seg1.end - seg1.start) || // tie? longer-duration goes first + (seg1.event.title || '').localeCompare(seg2.event.title); // tie? alphabetically by title +} + + +;; + /* Additional view: list (by bruederli@kolabsys.com) ---------------------------------------------------------------------------------*/ +fcViews.list = ListView; + + +function ListView(element, calendar) { + var t = this; + + // exports + t.render = render; + t.select = dummy; + t.unselect = dummy; + t.reportSelection = 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) { + if (!opt('listNoHeight')) + body.css('height', (height-1)+'px').css('overflow', 'auto'); + } + + function setWidth(width) { + // nothing to be done here + } + + function dummy() { + // Stub. + } + +} + +;; + +/* Additional view renderer: list (by bruederli@kolabsys.com) +---------------------------------------------------------------------------------*/ + function ListEventRenderer() { var t = this; @@ -5405,8 +4740,6 @@ function ListEventRenderer() { 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; @@ -5421,13 +4754,11 @@ function ListEventRenderer() { --------------------------------------------------------------------*/ function clearEvents() { - reportEventClear(); getListContainer().empty(); } function renderEvents(events, modifiedEventId) { events.sort(sortCmp); - reportEvents(events); renderSegs(compileSegs(events), modifiedEventId); } @@ -5629,21 +4960,26 @@ function ListEventRenderer() { } -fcViews.list = ListView; +;; + +/* Additional view: table (by bruederli@kolabsys.com) +---------------------------------------------------------------------------------*/ + +fcViews.table = TableView; -function ListView(element, calendar) { +function TableView(element, calendar) { var t = this; // exports t.render = render; t.select = dummy; t.unselect = dummy; - t.getDaySegmentContainer = function(){ return body; }; + t.getDaySegmentContainer = function(){ return table; }; // imports - View.call(t, element, calendar, 'list'); - ListEventRenderer.call(t); + View.call(t, element, calendar, 'table'); + TableEventRenderer.call(t); var opt = t.opt; var trigger = t.trigger; var clearEvents = t.clearEvents; @@ -5656,7 +4992,8 @@ function ListView(element, calendar) { t.setHeight = setHeight; // locals - var body; + var div; + var table; var firstDay; var nwe; var tm; @@ -5671,11 +5008,11 @@ function ListView(element, calendar) { 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')); + t.title = (t.visEnd.getTime() - t.visStart.getTime() < DAY_MS) ? formatDate(date, opt('titleFormat')) : formatDates(date, t.visEnd, opt('titleFormat')); updateOptions(); - if (!body) { + if (!table) { buildSkeleton(); } else { clearEvents(); @@ -5687,17 +5024,27 @@ function ListView(element, calendar) { firstDay = opt('firstDay'); nwe = opt('weekends') ? 0 : 1; tm = opt('theme') ? 'ui' : 'fc'; - colFormat = opt('columnFormat', 'day'); + colFormat = opt('columnFormat'); } function buildSkeleton() { - body = $('
').addClass('fc-list-content').appendTo(element); + var tableCols = opt('tableCols'); + var s = + "" + + ""; + for (var c=0; c < tableCols.length; c++) { + s += ""; + } + s += "" + + "
"; + div = $('
').addClass('fc-list-content').appendTo(element); + table = $(s).appendTo(div); } function setHeight(height, dateChanged) { if (!opt('listNoHeight')) - body.css('height', (height-1)+'px').css('overflow', 'auto'); + div.css('height', (height-1)+'px').css('overflow', 'auto'); } function setWidth(width) { @@ -5710,7 +5057,9 @@ function ListView(element, calendar) { } -/* Additional view: table (by bruederli@kolabsys.com) +;; + +/* Additional view renderer: table (by bruederli@kolabsys.com) ---------------------------------------------------------------------------------*/ function TableEventRenderer() { @@ -5722,8 +5071,6 @@ function TableEventRenderer() { 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; @@ -5744,13 +5091,11 @@ function TableEventRenderer() { --------------------------------------------------------------------*/ 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')); } @@ -5848,98 +5193,1633 @@ function TableEventRenderer() { } } +;; -fcViews.table = TableView; - - -function TableView(element, calendar) { +function View(element, calendar, viewName) { var t = this; - + + // exports - t.render = render; - t.select = dummy; - t.unselect = dummy; - t.getDaySegmentContainer = function(){ return table; }; - + t.element = element; + t.calendar = calendar; + t.name = viewName; + t.opt = opt; + t.trigger = trigger; + t.isEventDraggable = isEventDraggable; + t.isEventResizable = isEventResizable; + t.setEventData = setEventData; + t.clearEventData = clearEventData; + t.eventEnd = eventEnd; + t.reportEventElement = reportEventElement; + t.triggerEventDestroy = triggerEventDestroy; + t.eventElementHandlers = eventElementHandlers; + t.showEvents = showEvents; + t.hideEvents = hideEvents; + t.eventDrop = eventDrop; + t.eventResize = eventResize; + // t.title + // t.start, t.end + // t.visStart, t.visEnd + + // 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; + var defaultEventEnd = t.defaultEventEnd; + var normalizeEvent = calendar.normalizeEvent; // in EventManager + var reportEventChange = calendar.reportEventChange; + // locals - var div; - var table; - var firstDay; - var nwe; - var tm; - var colFormat; + var eventsByID = {}; // eventID mapped to array of events (there can be multiple b/c of repeating events) + var eventElementsByID = {}; // eventID mapped to array of jQuery elements + var eventElementCouples = []; // array of objects, { event, element } // TODO: unify with segment system + var options = calendar.options; - function render(date, delta) { - if (delta) { - addDays(date, opt('listPage') * delta); + + function opt(name, viewNameOverride) { + var v = options[name]; + if ($.isPlainObject(v)) { + return smartProperty(v, viewNameOverride || viewName); } - 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 = (t.visEnd.getTime() - t.visStart.getTime() < DAY_MS) ? formatDate(date, opt('titleFormat')) : formatDates(date, t.visEnd, opt('titleFormat')); - - updateOptions(); - - if (!table) { - buildSkeleton(); - } else { - clearEvents(); - } - } - - - function updateOptions() { - firstDay = opt('firstDay'); - nwe = opt('weekends') ? 0 : 1; - tm = opt('theme') ? 'ui' : 'fc'; - colFormat = opt('columnFormat'); - } - - - function buildSkeleton() { - var tableCols = opt('tableCols'); - var s = - "" + - ""; - for (var c=0; c < tableCols.length; c++) { - s += ""; - } - s += "" + - "
"; - div = $('
').addClass('fc-list-content').appendTo(element); - table = $(s).appendTo(div); - } - - function setHeight(height, dateChanged) { - if (!opt('listNoHeight')) - div.css('height', (height-1)+'px').css('overflow', 'auto'); + return v; } - function setWidth(width) { - // nothing to be done here + + function trigger(name, thisObj) { + return calendar.trigger.apply( + calendar, + [name, thisObj || t].concat(Array.prototype.slice.call(arguments, 2), [t]) + ); } - function dummy() { - // Stub. + + + /* Event Editable Boolean Calculations + ------------------------------------------------------------------------------*/ + + + function isEventDraggable(event) { + var source = event.source || {}; + return firstDefined( + event.startEditable, + source.startEditable, + opt('eventStartEditable'), + event.editable, + source.editable, + opt('editable') + ) + && !opt('disableDragging'); // deprecated } + + + function isEventResizable(event) { // but also need to make sure the seg.isEnd == true + var source = event.source || {}; + return firstDefined( + event.durationEditable, + source.durationEditable, + opt('eventDurationEditable'), + event.editable, + source.editable, + opt('editable') + ) + && !opt('disableResizing'); // deprecated + } + + + + /* Event Data + ------------------------------------------------------------------------------*/ + + + function setEventData(events) { // events are already normalized at this point + eventsByID = {}; + var i, len=events.length, event; + for (i=0; i').addClass('fc-more-link').html('+'+link.count).appendTo(container); + element[0].style.position = 'absolute'; + element[0].style.left = link.seg.left + 'px'; + element[0].style.top = (link.top + rowDiv[0].offsetTop) + 'px'; + triggerRes = trigger('overflowRender', link, { count:link.count, date:link.date }, element); + if (triggerRes === false) + element.remove(); + } + else { + link.seg.top = link.top; + link.seg.overflow = false; + } + } + } + } + + + /* Mouse Handlers + ---------------------------------------------------------------------------------------------------*/ + // TODO: better documentation! + + + function attachHandlers(segments, modifiedEventId) { + var segmentContainer = getDaySegmentContainer(); + + segmentElementEach(segments, function(segment, element, i) { + var event = segment.event; + if (event._id === modifiedEventId) { + bindDaySeg(event, element, segment); + }else{ + element[0]._fci = i; // for lazySegBind + } + }); + + lazySegBind(segmentContainer, segments, bindDaySeg); + } + + + function bindDaySeg(event, eventElement, segment) { + + if (isEventDraggable(event)) { + t.draggableDayEvent(event, eventElement, segment); // use `t` so subclasses can override + } + + if ( + segment.isEnd && // only allow resizing on the final segment for an event + isEventResizable(event) + ) { + t.resizableDayEvent(event, eventElement, segment); // use `t` so subclasses can override + } + + // attach all other handlers. + // needs to be after, because resizableDayEvent might stopImmediatePropagation on click + eventElementHandlers(event, eventElement); + } + + + function draggableDayEvent(event, eventElement) { + var hoverListener = getHoverListener(); + var dayDelta; + eventElement.draggable({ + delay: 50, + opacity: opt('dragOpacity'), + revertDuration: opt('dragRevertDuration'), + start: function(ev, ui) { + trigger('eventDragStart', eventElement, event, ev, ui); + hideEvents(event, eventElement); + hoverListener.start(function(cell, origCell, rowDelta, colDelta) { + eventElement.draggable('option', 'revert', !cell || !rowDelta && !colDelta); + clearOverlays(); + if (cell) { + var origDate = cellToDate(origCell); + var date = cellToDate(cell); + dayDelta = dayDiff(date, origDate); + renderDayOverlay( + addDays(cloneDate(event.start), dayDelta), + addDays(exclEndDay(event), dayDelta) + ); + }else{ + dayDelta = 0; + } + }, ev, 'drag'); + }, + stop: function(ev, ui) { + hoverListener.stop(); + clearOverlays(); + trigger('eventDragStop', eventElement, event, ev, ui); + if (dayDelta) { + eventDrop(this, event, dayDelta, 0, event.allDay, ev, ui); + }else{ + eventElement.css('filter', ''); // clear IE opacity side-effects + showEvents(event, eventElement); + } + } + }); + } + + + function resizableDayEvent(event, element, segment) { + var isRTL = opt('isRTL'); + var direction = isRTL ? 'w' : 'e'; + var handle = element.find('.ui-resizable-' + direction); // TODO: stop using this class because we aren't using jqui for this + var isResizing = false; + + // TODO: look into using jquery-ui mouse widget for this stuff + disableTextSelection(element); // prevent native 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 = getHoverListener(); + var rowCnt = getRowCnt(); + var colCnt = getColCnt(); + var elementTop = element.css('top'); + var dayDelta; + var helpers; + var eventCopy = $.extend({}, event); + var minCellOffset = dayOffsetToCellOffset( dateToDayOffset(event.start) ); + clearSelection(); + $('body') + .css('cursor', direction + '-resize') + .one('mouseup', mouseup); + trigger('eventResizeStart', this, event, ev); + hoverListener.start(function(cell, origCell) { + if (cell) { + + var origCellOffset = cellToCellOffset(origCell); + var cellOffset = cellToCellOffset(cell); + + // don't let resizing move earlier than start date cell + cellOffset = Math.max(cellOffset, minCellOffset); + + dayDelta = + cellOffsetToDayOffset(cellOffset) - + cellOffsetToDayOffset(origCellOffset); + + if (dayDelta) { + eventCopy.end = addDays(eventEnd(event), dayDelta, true); + var oldHelpers = helpers; + + helpers = renderTempDayEvent(eventCopy, segment.row, elementTop); + helpers = $(helpers); // turn array into a jQuery object + + helpers.find('*').css('cursor', direction + '-resize'); + if (oldHelpers) { + oldHelpers.remove(); + } + + hideEvents(event); + } + else { + if (helpers) { + showEvents(event); + helpers.remove(); + helpers = null; + } + } + clearOverlays(); + renderDayOverlay( // coordinate grid already rebuilt with hoverListener.start() + event.start, + addDays( exclEndDay(event), dayDelta ) + // TODO: instead of calling renderDayOverlay() with dates, + // call _renderDayOverlay (or whatever) with cell offsets. + ); + } + }, 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); + } + }); + } + + +} + + + +/* Generalized Segment Utilities +-------------------------------------------------------------------------------------------------*/ + + +function isDaySegmentCollision(segment, otherSegments) { + for (var i=0; i= segment.leftCol + ) { + return true; + } + } + return false; +} + + +function segmentElementEach(segments, callback) { // TODO: use in AgendaView? + for (var i=0; i"); + } + 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; + + + t.start = function(_change, ev, _bindType) { + change = _change; + firstCell = cell = null; + coordinateGrid.build(); + mouse(ev); + bindType = _bindType || 'mousemove'; + $(document).bind(bindType, mouse); + }; + + + function mouse(ev) { + _fixUIEvent(ev); // see below + 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 = {}; + }; + +} + +;; + +})(jQuery); \ No newline at end of file diff --git a/plugins/calendar/print.js b/plugins/calendar/print.js index 89f7cb8b..731a7d21 100644 --- a/plugins/calendar/print.js +++ b/plugins/calendar/print.js @@ -126,7 +126,7 @@ window.rcmail && rcmail.addEventListener('init', function(evt) { // event rendering eventRender: function(event, element, view) { if (view.name != 'month') { - var cont = element.find('div.fc-event-title'); + var cont = element.find('.fc-event-title'); if (event.location) { cont.after('
@ ' + Q(event.location) + '
'); cont = cont.next(); @@ -136,9 +136,9 @@ window.rcmail && rcmail.addEventListener('init', function(evt) { } /* TODO: create icons black on white if (event.recurrence) - element.find('div.fc-event-time').append(''); + element.find('.fc-event-time').append(''); if (event.alarms) - element.find('div.fc-event-time').append(''); + element.find('.fc-event-time').append(''); */ } if (view.name == 'table' && event.description && showdesc) { diff --git a/plugins/calendar/skins/classic/calendar.css b/plugins/calendar/skins/classic/calendar.css index 0f3ba5fc..5ec806c6 100644 --- a/plugins/calendar/skins/classic/calendar.css +++ b/plugins/calendar/skins/classic/calendar.css @@ -369,7 +369,7 @@ pre { } .calendarmain #quicksearchbar { - top: 82px; + top: 80px; right: 4px; } @@ -1380,7 +1380,7 @@ span.spacer { #calendar .fc-header-right { padding-right: 200px; - padding-top: 4px; + padding-top: 0; } .rcube-fc-content { @@ -1421,7 +1421,7 @@ span.spacer { font-style:italic; } -div.fc-event-location { +.fc-event-location { font-size: 90%; } @@ -1466,6 +1466,14 @@ div.fc-event-location { cursor: pointer; } +#calendar .fc-event-vert .fc-event-head, +#calendar .fc-event-vert .fc-event-content { + position: relative; + z-index: 2; + width: 100%; + overflow: hidden; +} + .fc-view-list div.fc-list-header, .fc-view-table td.fc-list-header, .edit-attendees-table thead td { diff --git a/plugins/calendar/skins/classic/fullcalendar.css b/plugins/calendar/skins/classic/fullcalendar.css deleted file mode 100644 index bf9e7dd5..00000000 --- a/plugins/calendar/skins/classic/fullcalendar.css +++ /dev/null @@ -1,724 +0,0 @@ -/* - * FullCalendar v1.5.4-rcube-0.9.0 Stylesheet - * - * Copyright (c) 2011 Adam Shaw - * Copyright (c) 2011, Kolab Systems AG - * Dual licensed under the MIT and GPL licenses, located in - * MIT-LICENSE.txt and GPL-LICENSE.txt respectively. - * - * Date: Wed Nov 7 16:28:11 2012 +0100 - * - */ - - -.fc { - direction: ltr; - text-align: left; - } - -.fc table { - border-collapse: collapse; - border-spacing: 0; - } - -html .fc, -.fc table { - font-size: 1em; - } - -.fc td, -.fc th { - padding: 0; - vertical-align: top; - } - - - -/* Header -------------------------------------------------------------------------*/ - -.fc-header td { - white-space: nowrap; - } - -.fc-header-left { - width: 25%; - text-align: left; - } - -.fc-header-center { - text-align: center; - } - -.fc-header-right { - width: 25%; - text-align: right; - } - -.fc-header-title { - display: inline-block; - vertical-align: top; - } - -.fc-header-title h2 { - margin-top: 0; - white-space: nowrap; - } - -.fc .fc-header-space { - padding-left: 10px; - } - -.fc-header .fc-button { - margin-bottom: 1em; - vertical-align: top; - } - -/* buttons edges butting together */ - -.fc-header .fc-button { - margin-right: -1px; - } - -.fc-header .fc-corner-right { - margin-right: 1px; /* back to normal */ - } - -.fc-header .ui-corner-right { - margin-right: 0; /* back to normal */ - } - -/* button layering (for border precedence) */ - -.fc-header .fc-state-hover, -.fc-header .ui-state-hover { - z-index: 2; - } - -.fc-header .fc-state-down { - z-index: 3; - } - -.fc-header .fc-state-active, -.fc-header .ui-state-active { - z-index: 4; - } - - - -/* Content -------------------------------------------------------------------------*/ - -.fc-content { - clear: both; - } - -.fc-view { - width: 100%; /* needed for view switching (when view is absolute) */ - overflow: hidden; - } - - - -/* Cell Styles -------------------------------------------------------------------------*/ - -.fc-widget-header, /* , usually */ -.fc-widget-content { /* , usually */ - border: 1px solid #ccc; - } - -.fc-state-highlight { /* today cell */ /* TODO: add .fc-today to */ - background: #ffc; - } - -.fc-cell-overlay { /* semi-transparent rectangle while dragging */ - background: #9cf; - opacity: .2; - filter: alpha(opacity=20); /* for IE */ - } - - - -/* Buttons -------------------------------------------------------------------------*/ - -.fc-button { - position: relative; - display: inline-block; - cursor: pointer; - } - -.fc-state-default { /* non-theme */ - border-style: solid; - border-width: 1px 0; - } - -.fc-button-inner { - position: relative; - float: left; - overflow: hidden; - } - -.fc-state-default .fc-button-inner { /* non-theme */ - border-style: solid; - border-width: 0 1px; - } - -.fc-button-content { - position: relative; - float: left; - height: 1.9em; - line-height: 1.9em; - padding: 0 .6em; - white-space: nowrap; - } - -/* icon (for jquery ui) */ - -.fc-button-content .fc-icon-wrap { - position: relative; - float: left; - top: 50%; - } - -.fc-button-content .ui-icon { - position: relative; - float: left; - margin-top: -50%; - *margin-top: 0; - *top: -50%; - } - -/* gloss effect */ - -.fc-state-default .fc-button-effect { - position: absolute; - top: 50%; - left: 0; - } - -.fc-state-default .fc-button-effect span { - position: absolute; - top: -100px; - left: 0; - width: 500px; - height: 100px; - border-width: 100px 0 0 1px; - border-style: solid; - border-color: #fff; - background: #444; - opacity: .09; - filter: alpha(opacity=9); - } - -/* button states (determines colors) */ - -.fc-state-default, -.fc-state-default .fc-button-inner { - border-style: solid; - border-color: #ccc #bbb #aaa; - background: #F3F3F3; - color: #000; - } - -.fc-state-hover, -.fc-state-hover .fc-button-inner { - border-color: #999; - } - -.fc-state-down, -.fc-state-down .fc-button-inner { - border-color: #555; - background: #777; - } - -.fc-state-active, -.fc-state-active .fc-button-inner { - border-color: #555; - background: #777; - color: #fff; - } - -.fc-state-disabled, -.fc-state-disabled .fc-button-inner { - color: #999; - border-color: #ddd; - } - -.fc-state-disabled { - cursor: default; - } - -.fc-state-disabled .fc-button-effect { - display: none; - } - - - -/* Global Event Styles -------------------------------------------------------------------------*/ - -.fc-event { - border-style: solid; - border-width: 0; - font-size: .85em; - cursor: default; - } - -a.fc-event, -.fc-event-draggable { - cursor: pointer; - } - -a.fc-event { - text-decoration: none; - } - -.fc-rtl .fc-event { - text-align: right; - } - -.fc-event-skin { - border-color: #36c; /* default BORDER color */ - background-color: #36c; /* default BACKGROUND color */ - color: #fff; /* default TEXT color */ - } - -.fc-event-inner { - position: relative; - width: 100%; - height: 100%; - border-style: solid; - border-width: 0; - overflow: hidden; - } - -.fc-event-time, -.fc-event-title { - padding: 0 1px; - } - -.fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/ - display: block; - position: absolute; - z-index: 99999; - overflow: hidden; /* hacky spaces (IE6/7) */ - font-size: 300%; /* */ - line-height: 50%; /* */ - } - - - -/* Horizontal Events -------------------------------------------------------------------------*/ - -.fc-event-hori { - border-width: 1px 0; - margin-bottom: 1px; - } - -/* resizable */ - -.fc-event-hori .ui-resizable-e { - top: 0 !important; /* importants override pre jquery ui 1.7 styles */ - right: -3px !important; - width: 7px !important; - height: 100% !important; - cursor: e-resize; - } - -.fc-event-hori .ui-resizable-w { - top: 0 !important; - left: -3px !important; - width: 7px !important; - height: 100% !important; - cursor: w-resize; - } - -.fc-event-hori .ui-resizable-handle { - _padding-bottom: 14px; /* IE6 had 0 height */ - } - - - -/* Fake Rounded Corners (for buttons and events) -------------------------------------------------------------*/ - -.fc-corner-left { - margin-left: 1px; - } - -.fc-corner-left .fc-button-inner, -.fc-corner-left .fc-event-inner { - margin-left: -1px; - } - -.fc-corner-right { - margin-right: 1px; - } - -.fc-corner-right .fc-button-inner, -.fc-corner-right .fc-event-inner { - margin-right: -1px; - } - -.fc-corner-top { - margin-top: 1px; - } - -.fc-corner-top .fc-event-inner { - margin-top: -1px; - } - -.fc-corner-bottom { - margin-bottom: 1px; - } - -.fc-corner-bottom .fc-event-inner { - margin-bottom: -1px; - } - - - -/* Fake Rounded Corners SPECIFICALLY FOR EVENTS ------------------------------------------------------------------*/ - -.fc-corner-left .fc-event-inner { - border-left-width: 1px; - } - -.fc-corner-right .fc-event-inner { - border-right-width: 1px; - } - -.fc-corner-top .fc-event-inner { - border-top-width: 1px; - } - -.fc-corner-bottom .fc-event-inner { - border-bottom-width: 1px; - } - - - -/* Reusable Separate-border Table -------------------------------------------------------------*/ - -table.fc-border-separate { - border-collapse: separate; - } - -.fc-border-separate th, -.fc-border-separate td { - border-width: 1px 0 0 1px; - } - -.fc-border-separate th.fc-last, -.fc-border-separate td.fc-last { - border-right-width: 1px; - } - -.fc-border-separate tr.fc-last th, -.fc-border-separate tr.fc-last td { - border-bottom-width: 1px; - } - -.fc-border-separate tbody tr.fc-first td, -.fc-border-separate tbody tr.fc-first th { - border-top-width: 0; - } - - - -/* Month View, Basic Week View, Basic Day View -------------------------------------------------------------------------*/ - -.fc-grid th { - text-align: center; - } - -.fc-grid .fc-day-number { - float: right; - padding: 0 2px; - } - -.fc-grid .fc-other-month .fc-day-number { - opacity: 0.3; - filter: alpha(opacity=30); /* for IE */ - /* opacity with small font can sometimes look too faded - might want to set the 'color' property instead - making day-numbers bold also fixes the problem */ - } - -.fc-grid .fc-day-content { - clear: both; - padding: 2px 2px 1px; /* distance between events and day edges */ - } - -/* event styles */ - -.fc-grid .fc-event-time { - font-weight: bold; - } - -/* right-to-left */ - -.fc-rtl .fc-grid .fc-day-number { - float: left; - } - -.fc-rtl .fc-grid .fc-event-time { - float: right; - } - -.fc-more-link { - font-size: 0.85em; - white-space: nowrap; - text-decoration: none; - cursor: pointer; - padding: 1px; -} - -/* Agenda Week View, Agenda Day View -------------------------------------------------------------------------*/ - -.fc-agenda table { - border-collapse: separate; - } - -.fc-agenda-days th { - text-align: center; - } - -.fc-agenda .fc-agenda-axis { - width: 50px; - padding: 0 4px; - vertical-align: middle; - text-align: right; - white-space: nowrap; - font-weight: normal; - } - -.fc-agenda .fc-day-content { - padding: 2px 2px 1px; - } - -/* make axis border take precedence */ - -.fc-agenda-days .fc-agenda-axis { - border-right-width: 1px; - } - -.fc-agenda-days .fc-col0 { - border-left-width: 0; - } - -/* all-day area */ - -.fc-agenda-allday th { - border-width: 0 1px; - } - -.fc-agenda-allday .fc-day-content { - min-height: 34px; /* TODO: doesnt work well in quirksmode */ - _height: 34px; - } - -/* divider (between all-day and slots) */ - -.fc-agenda-divider-inner { - height: 2px; - overflow: hidden; - } - -.fc-widget-header .fc-agenda-divider-inner { - background: #eee; - } - -/* slot rows */ - -.fc-agenda-slots th { - border-width: 1px 1px 0; - } - -.fc-agenda-slots td { - border-width: 1px 0 0; - background: none; - } - -.fc-agenda-slots td div { - height: 20px; - } - -.fc-agenda-slots tr.fc-slot0 th, -.fc-agenda-slots tr.fc-slot0 td { - border-top-width: 0; - } - -.fc-agenda-slots tr.fc-minor th, -.fc-agenda-slots tr.fc-minor td { - border-top-style: dotted; - } - -.fc-agenda-slots tr.fc-minor th.ui-widget-header { - *border-top-style: solid; /* doesn't work with background in IE6/7 */ - } - - - -/* Vertical Events -------------------------------------------------------------------------*/ - -.fc-event-vert { - border-width: 0 1px; - } - -.fc-event-vert .fc-event-head, -.fc-event-vert .fc-event-content { - position: relative; - z-index: 2; - width: 100%; - overflow: hidden; - } - -.fc-event-vert .fc-event-time { - white-space: nowrap; - font-size: 10px; - } - -.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */ - position: absolute; - z-index: 1; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #fff; - opacity: .3; - filter: alpha(opacity=30); - } - -.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */ -.fc-select-helper .fc-event-bg { - display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */ - } - -/* resizable */ - -.fc-event-vert .ui-resizable-s { - bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */ - width: 100% !important; - height: 8px !important; - overflow: hidden !important; - line-height: 8px !important; - font-size: 11px !important; - font-family: monospace; - text-align: center; - cursor: s-resize; - } - -.fc-agenda .ui-resizable-resizing { /* TODO: better selector */ - _overflow: hidden; - } - -.fc-timeline { - position: absolute; - width: 100%; - left: 0; - margin: 0; - padding: 0; - border: none; - border-top: 2px solid #3ec400; - z-index: 999; -} - -/* List view (by bruederli@kolabsys.com) -------------------------------------------------------------------------*/ - -.fc-view-list, -.fc-view-table { - border: 1px solid #ccc; - width: auto; -} - -.fc-view-list .fc-list-header, -.fc-view-table td.fc-list-header { - border-width: 0; - border-bottom-width: 1px; - padding: 3px 5px; -} - -.fc-view-table .fc-first td.fc-list-header { - border-top-width: 0; -} - -.fc-list-section { - padding: 4px 2px; - border-width: 0; - border-bottom-width: 1px; -} - -.fc-view-list .fc-last { - border-bottom-width: 0; -} - -.fc-list-section .fc-event { - position: relative; - margin: 1px 2px 3px 2px; -} - -.fc-view-table tr.fc-event td { - padding: 2px; - border-bottom: 1px solid #ccc; -} - -.fc-view-table tr.fc-event td.fc-event-handle { - padding: 3px 8px 3px 3px; -} - -.fc-view-table .fc-event-handle .fc-event-skin { - border-radius: 2px; - -moz-border-radius: 2px; -} - -.fc-view-table .fc-event-handle .fc-event-inner { - display: block; - width: 8px; - height: 10px; - border-radius: 2px; - -moz-border-radius: 2px; -} - -.fc-view-table table { - table-layout: fixed; - width: 100%; -} - -.fc-view-table col.fc-event-handle { - width: 18px; -} - -.fc-event-handle .fc-event-inner { - border-color: inherit; - background-color: inherit; -} - -.fc-view-table col.fc-event-date { - width: 7em; -} - -.fc-view-table .fc-list-day col.fc-event-date { - width: 1px; -} - -.fc-view-table col.fc-event-time { - width: 8em; -} - -.fc-view-table td.fc-event-date, -.fc-view-table td.fc-event-time { - white-space: nowrap; - padding-right: 1em; -} - diff --git a/plugins/calendar/skins/classic/fullcalendar.css b/plugins/calendar/skins/classic/fullcalendar.css new file mode 120000 index 00000000..4adce7a2 --- /dev/null +++ b/plugins/calendar/skins/classic/fullcalendar.css @@ -0,0 +1 @@ +../larry/fullcalendar.css \ No newline at end of file diff --git a/plugins/calendar/skins/classic/print.css b/plugins/calendar/skins/classic/print.css index f332d629..908d7600 100644 --- a/plugins/calendar/skins/classic/print.css +++ b/plugins/calendar/skins/classic/print.css @@ -130,7 +130,7 @@ body, td, th, div, p, h3, select, input, textarea { font-style: italic; } -div.fc-event-location { +.fc-event-location { font-size: 90%; } diff --git a/plugins/calendar/skins/larry/calendar.css b/plugins/calendar/skins/larry/calendar.css index adca7583..bd1d4894 100644 --- a/plugins/calendar/skins/larry/calendar.css +++ b/plugins/calendar/skins/larry/calendar.css @@ -1303,15 +1303,11 @@ a.dropdown-link:after { } .calendarmain .fc-button, -.calendarmain .fc-button.fc-state-hover, -.calendarmain .fc-button.fc-state-down { - border: 0; - background: none; -} - -.calendarmain .fc-state-default .fc-button-inner, -.calendarmain .fc-state-hover .fc-button-inner { +.calendarmain .fc-button.fc-state-default, +.calendarmain .fc-button.fc-state-hover { margin: 0 0 0 0; + height: 20px; + line-height: 20px; color: #505050; text-shadow: 0px 1px 1px #fff; border: 1px solid #e6e6e6; @@ -1328,17 +1324,12 @@ a.dropdown-link:after { text-decoration: none; } -.calendarmain .fc-state-disabled .fc-button-inner { +.calendarmain .fc-button.fc-state-disabled { color: #999; background: #d8d8d8; } -.calendarmain .fc-header .fc-button { - margin-left: -1px; - margin-right: 0; -} - -.calendarmain .fc-state-down .fc-button-inner { +.calendarmain .fc-button.fc-state-down { margin: 0; background: #bababa; background: -moz-linear-gradient(top, #bababa 0%, #d8d8d8 100%); @@ -1348,7 +1339,7 @@ a.dropdown-link:after { background: linear-gradient(top, #bababa 0%, #d8d8d8 100%); } -.calendarmain .fc-state-active .fc-button-inner { +.calendarmain .fc-button.fc-state-active { color: #333; background: #bababa; background: -moz-linear-gradient(top, #bababa 0%, #d8d8d8 100%); @@ -1358,34 +1349,13 @@ a.dropdown-link:after { background: linear-gradient(top, #bababa 0%, #d8d8d8 100%); } -.calendarmain .fc-corner-left .fc-button-inner, -.calendarmain .fc-corner-left .fc-button-content { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.calendarmain .fc-corner-right .fc-button-inner, -.calendarmain .fc-corner-right .fc-button-content { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.calendarmain .fc-button-effect { - display: none; -} - -.calendarmain .fc-button-content { - height: 20px; - line-height: 20px; +.calendarmain .fc-header .fc-button { + margin-left: -1px; + margin-right: 0; } .calendarmain .fc-header-left .fc-button { - margin: -7px 0 0 0; - padding: 0; -} - -.calendarmain .fc-header-left .fc-state-default .fc-button-inner, -.calendarmain .fc-header-left .fc-state-hover .fc-button-inner { + display: inline-block; margin: 0; text-align: center; font-size: 10px; @@ -1393,9 +1363,11 @@ a.dropdown-link:after { min-width: 50px; max-width: 75px; height: 13px; + line-height: 1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; + margin: -7px 0 0 0; padding: 28px 2px 0 2px; text-shadow: 0px 1px 1px #EEE; border: 0; @@ -1406,46 +1378,40 @@ a.dropdown-link:after { -moz-box-shadow: none; } -.calendarmain .fc-header-left .fc-button-content { - float: none; - line-height: 1em; - padding: 0; -} - -.calendarmain .fc-header-left .fc-state-active .fc-button-content { +.calendarmain .fc-header-left .fc-button.fc-state-active { font-weight: bold; color: #222; } -.calendarmain .fc-header-left .fc-button-agendaDay .fc-button-inner { +.calendarmain .fc-header-left .fc-button-agendaDay { background-position: center -120px; } -.calendarmain .fc-header-left .fc-button-agendaDay.fc-state-active .fc-button-inner { +.calendarmain .fc-header-left .fc-button-agendaDay.fc-state-active { background-position: center -160px; } -.calendarmain .fc-header-left .fc-button-agendaWeek .fc-button-inner { +.calendarmain .fc-header-left .fc-button-agendaWeek { background-position: center -200px; } -.calendarmain .fc-header-left .fc-button-agendaWeek.fc-state-active .fc-button-inner { +.calendarmain .fc-header-left .fc-button-agendaWeek.fc-state-active { background-position: center -240px; } -.calendarmain .fc-header-left .fc-button-month .fc-button-inner { +.calendarmain .fc-header-left .fc-button-month { background-position: center -280px; } -.calendarmain .fc-header-left .fc-button-month.fc-state-active .fc-button-inner { +.calendarmain .fc-header-left .fc-button-month.fc-state-active { background-position: center -320px; } -.calendarmain .fc-header-left .fc-button-table .fc-button-inner { +.calendarmain .fc-header-left .fc-button-table { background-position: center -360px; } -.calendarmain .fc-header-left .fc-button-table.fc-state-active .fc-button-inner { +.calendarmain .fc-header-left .fc-button-table.fc-state-active { background-position: center -400px; } @@ -1487,6 +1453,10 @@ a.dropdown-link:after { padding-right: 0.3em; } +.calendarmain .fc-event-vert .fc-event-inner { + z-index: 0; +} + .fc-event-cateories { font-style:italic; } @@ -1580,6 +1550,7 @@ div.fc-event-location { width: 10px; height: 10px; padding: 0; + margin: -1px; font-size: 10px; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.4); diff --git a/plugins/calendar/skins/larry/fullcalendar.css b/plugins/calendar/skins/larry/fullcalendar.css deleted file mode 120000 index aa002ea7..00000000 --- a/plugins/calendar/skins/larry/fullcalendar.css +++ /dev/null @@ -1 +0,0 @@ -../classic/fullcalendar.css \ No newline at end of file diff --git a/plugins/calendar/skins/larry/fullcalendar.css b/plugins/calendar/skins/larry/fullcalendar.css new file mode 100644 index 00000000..c6e36e72 --- /dev/null +++ b/plugins/calendar/skins/larry/fullcalendar.css @@ -0,0 +1,707 @@ +/*! + * FullCalendar v1.6.4-rcube-1.0 Stylesheet + * Docs & License: http://arshaw.com/fullcalendar/ + * (c) 2013 Adam Shaw, 2014 Kolab Systems AG + */ + + +.fc { + direction: ltr; + text-align: left; + } + +.fc table { + border-collapse: collapse; + border-spacing: 0; + } + +html .fc, +.fc table { + font-size: 1em; + } + +.fc td, +.fc th { + padding: 0; + vertical-align: top; + } + + + +/* Header +------------------------------------------------------------------------*/ + +.fc-header td { + white-space: nowrap; + } + +.fc-header-left { + width: 25%; + text-align: left; + } + +.fc-header-center { + text-align: center; + } + +.fc-header-right { + width: 25%; + text-align: right; + } + +.fc-header-title { + display: inline-block; + vertical-align: top; + } + +.fc-header-title h2 { + margin-top: 0; + white-space: nowrap; + } + +.fc .fc-header-space { + padding-left: 10px; + } + +.fc-header .fc-button { + margin-bottom: 1em; + vertical-align: top; + } + +/* buttons edges butting together */ + +.fc-header .fc-button { + margin-right: -1px; + } + +.fc-header .fc-corner-right, /* non-theme */ +.fc-header .ui-corner-right { /* theme */ + margin-right: 0; /* back to normal */ + } + +/* button layering (for border precedence) */ + +.fc-header .fc-state-hover, +.fc-header .ui-state-hover { + z-index: 2; + } + +.fc-header .fc-state-down { + z-index: 3; + } + +.fc-header .fc-state-active, +.fc-header .ui-state-active { + z-index: 4; + } + + + +/* Content +------------------------------------------------------------------------*/ + +.fc-content { + clear: both; + zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */ + } + +.fc-view { + width: 100%; + overflow: hidden; + } + + + +/* Cell Styles +------------------------------------------------------------------------*/ + +.fc-widget-header, /* , usually */ +.fc-widget-content { /* , usually */ + border: 1px solid #ddd; + } + +.fc-state-highlight { /* today cell */ /* TODO: add .fc-today to */ + background: #fcf8e3; + } + +.fc-cell-overlay { /* semi-transparent rectangle while dragging */ + background: #bce8f1; + opacity: .3; + filter: alpha(opacity=30); /* for IE */ + } + + + +/* Buttons +------------------------------------------------------------------------*/ + +.fc-button { + position: relative; + display: inline-block; + padding: 0 .6em; + overflow: hidden; + height: 1.9em; + line-height: 1.9em; + white-space: nowrap; + cursor: pointer; + } + +.fc-state-default { /* non-theme */ + border: 1px solid; + } + +.fc-state-default.fc-corner-left { /* non-theme */ + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + } + +.fc-state-default.fc-corner-right { /* non-theme */ + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + +/* + Our default prev/next buttons use HTML entities like ‹ › « » + and we'll try to make them look good cross-browser. +*/ + +.fc-text-arrow { + margin: 0 .1em; + font-size: 2em; + font-family: "Courier New", Courier, monospace; + vertical-align: baseline; /* for IE7 */ + } + +.fc-button-prev .fc-text-arrow, +.fc-button-next .fc-text-arrow { /* for ‹ › */ + font-weight: bold; + } + +/* icon (for jquery ui) */ + +.fc-button .fc-icon-wrap { + position: relative; + float: left; + top: 50%; + } + +.fc-button .ui-icon { + position: relative; + float: left; + margin-top: -50%; + *margin-top: 0; + *top: -50%; + } + +/* + button states + borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/) +*/ + +.fc-state-default { + background-color: #f5f5f5; + background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); + background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); + background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); + background-repeat: repeat-x; + border-color: #e6e6e6 #e6e6e6 #bfbfbf; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + color: #333; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + } + +.fc-state-hover, +.fc-state-down, +.fc-state-active, +.fc-state-disabled { + color: #333333; + background-color: #e6e6e6; + } + +.fc-state-hover { + color: #333333; + text-decoration: none; + background-position: 0 -15px; + -webkit-transition: background-position 0.1s linear; + -moz-transition: background-position 0.1s linear; + -o-transition: background-position 0.1s linear; + transition: background-position 0.1s linear; + } + +.fc-state-down, +.fc-state-active { + background-color: #cccccc; + background-image: none; + outline: 0; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + } + +.fc-state-disabled { + cursor: default; + background-image: none; + opacity: 0.65; + filter: alpha(opacity=65); + box-shadow: none; + } + + + +/* Global Event Styles +------------------------------------------------------------------------*/ + +.fc-event-container > * { + z-index: 8; + } + +.fc-event-container > .ui-draggable-dragging, +.fc-event-container > .ui-resizable-resizing { + z-index: 9; + } + +.fc-event { + border: 1px solid #3a87ad; /* default BORDER color */ + background-color: #3a87ad; /* default BACKGROUND color */ + color: #fff; /* default TEXT color */ + font-size: .85em; + cursor: default; + } + +a.fc-event { + text-decoration: none; + } + +a.fc-event, +.fc-event-draggable { + cursor: pointer; + } + +.fc-rtl .fc-event { + text-align: right; + } + +.fc-event-inner { + width: 100%; + height: 100%; + overflow: hidden; + } + +.fc-event-time, +.fc-event-title { + padding: 0 1px; + } + +.fc .ui-resizable-handle { + display: block; + position: absolute; + z-index: 99999; + overflow: hidden; /* hacky spaces (IE6/7) */ + font-size: 300%; /* */ + line-height: 50%; /* */ + } + + + +/* Horizontal Events +------------------------------------------------------------------------*/ + +.fc-event-hori { + border-width: 1px 0; + margin-bottom: 1px; + } + +.fc-ltr .fc-event-hori.fc-event-start, +.fc-rtl .fc-event-hori.fc-event-end { + border-left-width: 1px; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + +.fc-ltr .fc-event-hori.fc-event-end, +.fc-rtl .fc-event-hori.fc-event-start { + border-right-width: 1px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + +/* resizable */ + +.fc-event-hori .ui-resizable-e { + top: 0 !important; /* importants override pre jquery ui 1.7 styles */ + right: -3px !important; + width: 7px !important; + height: 100% !important; + cursor: e-resize; + } + +.fc-event-hori .ui-resizable-w { + top: 0 !important; + left: -3px !important; + width: 7px !important; + height: 100% !important; + cursor: w-resize; + } + +.fc-event-hori .ui-resizable-handle { + _padding-bottom: 14px; /* IE6 had 0 height */ + } + + + +/* Reusable Separate-border Table +------------------------------------------------------------*/ + +table.fc-border-separate { + border-collapse: separate; + } + +.fc-border-separate th, +.fc-border-separate td { + border-width: 1px 0 0 1px; + } + +.fc-border-separate th.fc-last, +.fc-border-separate td.fc-last { + border-right-width: 1px; + } + +.fc-border-separate tr.fc-last th, +.fc-border-separate tr.fc-last td { + border-bottom-width: 1px; + } + +.fc-border-separate tbody tr.fc-first td, +.fc-border-separate tbody tr.fc-first th { + border-top-width: 0; + } + + + +/* Month View, Basic Week View, Basic Day View +------------------------------------------------------------------------*/ + +.fc-grid th { + text-align: center; + } + +.fc .fc-week-number { + width: 22px; + text-align: center; + } + +.fc .fc-week-number div { + padding: 0 2px; + } + +.fc-grid .fc-day-number { + float: right; + padding: 0 2px; + } + +.fc-grid .fc-other-month .fc-day-number { + opacity: 0.3; + filter: alpha(opacity=30); /* for IE */ + /* opacity with small font can sometimes look too faded + might want to set the 'color' property instead + making day-numbers bold also fixes the problem */ + } + +.fc-grid .fc-day-content { + clear: both; + padding: 2px 2px 1px; /* distance between events and day edges */ + } + +/* event styles */ + +.fc-grid .fc-event-time { + font-weight: bold; + } + +/* right-to-left */ + +.fc-rtl .fc-grid .fc-day-number { + float: left; + } + +.fc-rtl .fc-grid .fc-event-time { + float: right; + } + +.fc-more-link { + font-size: 0.85em; + white-space: nowrap; + text-decoration: none; + cursor: pointer; + padding: 1px; +} + +/* Agenda Week View, Agenda Day View +------------------------------------------------------------------------*/ + +.fc-agenda table { + border-collapse: separate; + } + +.fc-agenda-days th { + text-align: center; + } + +.fc-agenda .fc-agenda-axis { + width: 50px; + padding: 0 4px; + vertical-align: middle; + text-align: right; + white-space: nowrap; + font-weight: normal; + } + +.fc-agenda .fc-week-number { + font-weight: bold; + } + +.fc-agenda .fc-day-content { + padding: 2px 2px 1px; + } + +/* make axis border take precedence */ + +.fc-agenda-days .fc-agenda-axis { + border-right-width: 1px; + } + +.fc-agenda-days .fc-col0 { + border-left-width: 0; + } + +/* all-day area */ + +.fc-agenda-allday th { + border-width: 0 1px; + } + +.fc-agenda-allday .fc-day-content { + min-height: 34px; /* TODO: doesnt work well in quirksmode */ + _height: 34px; + } + +/* divider (between all-day and slots) */ + +.fc-agenda-divider-inner { + height: 2px; + overflow: hidden; + } + +.fc-widget-header .fc-agenda-divider-inner { + background: #eee; + } + +/* slot rows */ + +.fc-agenda-slots th { + border-width: 1px 1px 0; + } + +.fc-agenda-slots td { + border-width: 1px 0 0; + background: none; + } + +.fc-agenda-slots td div { + height: 20px; + } + +.fc-agenda-slots tr.fc-slot0 th, +.fc-agenda-slots tr.fc-slot0 td { + border-top-width: 0; + } + +.fc-agenda-slots tr.fc-minor th, +.fc-agenda-slots tr.fc-minor td { + border-top-style: dotted; + } + +.fc-agenda-slots tr.fc-minor th.ui-widget-header { + *border-top-style: solid; /* doesn't work with background in IE6/7 */ + } + + + +/* Vertical Events +------------------------------------------------------------------------*/ + +.fc-event-vert { + border-width: 0 1px; + } + +.fc-event-vert .fc-event-head, +.fc-event-vert .fc-event-content { + position: relative; + z-index: 2; + width: 100%; + overflow: hidden; + } + +.fc-event-vert.fc-event-start { + border-top-width: 1px; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + +.fc-event-vert.fc-event-end { + border-bottom-width: 1px; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + } + +.fc-event-vert .fc-event-time { + white-space: nowrap; + font-size: 10px; + } + +.fc-event-vert .fc-event-inner { + position: relative; + z-index: 2; + } + +.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */ + position: absolute; + z-index: 1; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #fff; + opacity: .25; + filter: alpha(opacity=25); + } + +.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */ +.fc-select-helper .fc-event-bg { + display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */ + } + +/* resizable */ + +.fc-event-vert .ui-resizable-s { + bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */ + width: 100% !important; + height: 8px !important; + overflow: hidden !important; + line-height: 8px !important; + font-size: 11px !important; + font-family: monospace; + text-align: center; + cursor: s-resize; + } + +.fc-agenda .ui-resizable-resizing { /* TODO: better selector */ + _overflow: hidden; + } + +.fc-timeline { + position: absolute; + width: 100%; + left: 0; + margin: 0; + padding: 0; + border: none; + border-top: 2px solid #3ec400; + z-index: 999; +} + +/* List view (by bruederli@kolabsys.com) +------------------------------------------------------------------------*/ + +.fc-view-list, +.fc-view-table { + border: 1px solid #ccc; + width: auto; +} + +.fc-view-list .fc-list-header, +.fc-view-table td.fc-list-header { + border-width: 0; + border-bottom-width: 1px; + padding: 3px 5px; +} + +.fc-view-table .fc-first td.fc-list-header { + border-top-width: 0; +} + +.fc-list-section { + padding: 4px 2px; + border-width: 0; + border-bottom-width: 1px; +} + +.fc-view-list .fc-last { + border-bottom-width: 0; +} + +.fc-list-section .fc-event { + position: relative; + margin: 1px 2px 3px 2px; +} + +.fc-view-table tr.fc-event { + background: inherit; + color: inherit; +} + +.fc-view-table tr.fc-event td { + padding: 2px; + border-bottom: 1px solid #ccc; +} + +.fc-view-table tr.fc-event td.fc-event-handle { + padding: 3px 8px 3px 3px; +} + +.fc-view-table .fc-event-handle .fc-event-skin { + border-radius: 2px; + -moz-border-radius: 2px; +} + +.fc-view-table .fc-event-handle .fc-event-inner { + display: block; + width: 8px; + height: 10px; + border-radius: 2px; + -moz-border-radius: 2px; +} + +.fc-view-table table { + table-layout: fixed; + width: 100%; +} + +.fc-view-table col.fc-event-handle { + width: 18px; +} + +.fc-event-handle .fc-event-inner { + border-color: inherit; + background-color: inherit; +} + +.fc-view-table col.fc-event-date { + width: 7em; +} + +.fc-view-table .fc-list-day col.fc-event-date { + width: 1px; +} + +.fc-view-table col.fc-event-time { + width: 9em; +} + +.fc-view-table td.fc-event-date, +.fc-view-table td.fc-event-time { + white-space: nowrap; + padding-right: 1em; +} + diff --git a/plugins/calendar/skins/larry/print.css b/plugins/calendar/skins/larry/print.css index f332d629..908d7600 100644 --- a/plugins/calendar/skins/larry/print.css +++ b/plugins/calendar/skins/larry/print.css @@ -130,7 +130,7 @@ body, td, th, div, p, h3, select, input, textarea { font-style: italic; } -div.fc-event-location { +.fc-event-location { font-size: 90%; }