mirror of
https://github.com/friendica/friendica
synced 2025-11-08 22:52:58 +01:00
update to fullCalendar 3.0.1, frio: cal list view, frio: cal month hover
This commit is contained in:
rabuzarus
parent
20e10a50c0
commit
8064ff6ecb
34 changed files with 21940 additions and 6597 deletions
|
|
@ -480,6 +480,13 @@ function get_event_strings() {
|
|||
"month" => t("month"),
|
||||
"week" => t("week"),
|
||||
"day" => t("day"),
|
||||
"allday" => t("all-day"),
|
||||
|
||||
"noevent" => t("No events to display"),
|
||||
|
||||
"dtstart_label" => t("Starts:"),
|
||||
"dtend_label" => t("Finishes:"),
|
||||
"location_label" => t("Location:")
|
||||
);
|
||||
|
||||
return $i18n;
|
||||
|
|
|
|||
1063
library/fullcalendar/CHANGELOG.txt
Normal file
1063
library/fullcalendar/CHANGELOG.txt
Normal file
|
|
@ -0,0 +1,1063 @@
|
|||
|
||||
v3.0.1 (2016-09-26)
|
||||
-------------------
|
||||
|
||||
Bugfixes:
|
||||
- list view rendering event times incorrectly (#3334)
|
||||
- list view rendering events/days out of order (#3347)
|
||||
- events with no title rendering as "undefined"
|
||||
- add .fc scope to table print styles (#3343)
|
||||
- "display no events" text fix for German (#3354)
|
||||
|
||||
|
||||
v3.0.0 (2016-09-04)
|
||||
-------------------
|
||||
|
||||
Features:
|
||||
- List View (#560)
|
||||
- new views: `listDay`, `listWeek`, `listMonth`, `listYear`, and simply `list`
|
||||
- `listDayFormat`
|
||||
- `listDayAltFormat`
|
||||
- `noEventsMessage`
|
||||
- Clickable day/week numbers for easier navigation (#424)
|
||||
- `navLinks`
|
||||
- `navLinkDayClick`
|
||||
- `navLinkWeekClick`
|
||||
- Programmatically allow/disallow user interactions:
|
||||
- `eventAllow` (#2740)
|
||||
- `selectAllow` (#2511)
|
||||
- Option to display week numbers in cells (#3024)
|
||||
- `weekNumbersWithinDays` (set to `true` to activate)
|
||||
- When week calc is ISO, default first day-of-week to Monday (#3255)
|
||||
- Macedonian locale (#2739)
|
||||
- Malay locale
|
||||
|
||||
Breaking Changes:
|
||||
- IE8 support dropped
|
||||
- jQuery: minimum support raised to v2.0.0
|
||||
- MomentJS: minimum support raised to v2.9.0
|
||||
- `lang` option renamed to `locale`
|
||||
- dist files have been renamed to be more consistent with MomentJS:
|
||||
- `lang/` -> `locale/`
|
||||
- `lang-all.js` -> `locale-all.js`
|
||||
- behavior of moment methods no longer affected by ambiguousness:
|
||||
- `isSame`
|
||||
- `isBefore`
|
||||
- `isAfter`
|
||||
- View-Option-Hashes no longer supported (deprecated in 2.2.4)
|
||||
- removed `weekMode` setting
|
||||
- removed `axisFormat` setting
|
||||
- DOM structure of month/basic-view day cell numbers changed
|
||||
|
||||
Bugfixes:
|
||||
- `$.fullCalendar.version` incorrect (#3292)
|
||||
|
||||
Build System:
|
||||
- using gulp instead of grunt (faster)
|
||||
- using npm internally for dependencies instead of bower
|
||||
- changed repo directory structure
|
||||
|
||||
|
||||
v2.9.1 (2016-07-31)
|
||||
-------------------
|
||||
|
||||
- multiple definitions for businessHours (#2686)
|
||||
- businessHours for single day doesn't display weekends (#2944)
|
||||
- height/contentHeight can accept a function or 'parent' for dynamic value (#3271)
|
||||
- fix +more popover clipped by overflow (#3232)
|
||||
- fix +more popover positioned incorrectly when scrolled (#3137)
|
||||
- Norwegian Nynorsk translation (#3246)
|
||||
- fix isAnimating JS error (#3285)
|
||||
|
||||
|
||||
v2.9.0 (2016-07-10)
|
||||
-------------------
|
||||
|
||||
- Setters for (almost) all options (#564).
|
||||
See [docs](http://fullcalendar.io/docs/utilities/dynamic_options/) for more info.
|
||||
- Travis CI improvements (#3266)
|
||||
|
||||
|
||||
v2.8.0 (2016-06-19)
|
||||
-------------------
|
||||
|
||||
- getEventSources method (#3103, #2433)
|
||||
- getEventSourceById method (#3223)
|
||||
- refetchEventSources method (#3103, #1328, #254)
|
||||
- removeEventSources method (#3165, #948)
|
||||
- prevent flicker when refetchEvents is called (#3123, #2558)
|
||||
- fix for removing event sources that share same URL (#3209)
|
||||
- jQuery 3 support (#3197, #3124)
|
||||
- Travis CI integration (#3218)
|
||||
- EditorConfig for promoting consistent code style (#141)
|
||||
- use en dash when formatting ranges (#3077)
|
||||
- height:auto always shows scrollbars in month view on FF (#3202)
|
||||
- new languages:
|
||||
- Basque (#2992)
|
||||
- Galician (#194)
|
||||
- Luxembourgish (#2979)
|
||||
|
||||
|
||||
v2.7.3 (2016-06-02)
|
||||
-------------------
|
||||
|
||||
internal enhancements that plugins can benefit from:
|
||||
- EventEmitter not correctly working with stopListeningTo
|
||||
- normalizeEvent hook for manipulating event data
|
||||
|
||||
|
||||
v2.7.2 (2016-05-20)
|
||||
-------------------
|
||||
|
||||
- fixed desktops/laptops with touch support not accepting mouse events for
|
||||
dayClick/dragging/resizing (#3154, #3149)
|
||||
- fixed dayClick incorrectly triggered on touch scroll (#3152)
|
||||
- fixed touch event dragging wrongfully beginning upon scrolling document (#3160)
|
||||
- fixed minified JS still contained comments
|
||||
- UI change: mouse users must hover over an event to reveal its resizers
|
||||
|
||||
|
||||
v2.7.1 (2016-05-01)
|
||||
-------------------
|
||||
|
||||
- dayClick not firing on touch devices (#3138)
|
||||
- icons for prev/next not working in MS Edge (#2852)
|
||||
- fix bad languages troubles with firewalls (#3133, #3132)
|
||||
- update all dev dependencies (#3145, #3010, #2901, #251)
|
||||
- git-ignore npm debug logs (#3011)
|
||||
- misc automated test updates (#3139, #3147)
|
||||
- Google Calendar htmlLink not always defined (#2844)
|
||||
|
||||
|
||||
v2.7.0 (2016-04-23)
|
||||
-------------------
|
||||
|
||||
touch device support (#994):
|
||||
- smoother scrolling
|
||||
- interactions initiated via "long press":
|
||||
- event drag-n-drop
|
||||
- event resize
|
||||
- time-range selecting
|
||||
- `longPressDelay`
|
||||
|
||||
|
||||
v2.6.1 (2016-02-17)
|
||||
-------------------
|
||||
|
||||
- make `nowIndicator` positioning refresh on window resize
|
||||
|
||||
|
||||
v2.6.0 (2016-01-07)
|
||||
-------------------
|
||||
|
||||
- current time indicator (#414)
|
||||
- bundled with most recent version of moment (2.11.0)
|
||||
- UMD wrapper around lang files now handles commonjs (#2918)
|
||||
- fix bug where external event dragging would not respect eventOverlap
|
||||
- fix bug where external event dropping would not render the whole-day highlight
|
||||
|
||||
|
||||
v2.5.0 (2015-11-30)
|
||||
-------------------
|
||||
|
||||
- internal timezone refactor. fixes #2396, #2900, #2945, #2711
|
||||
- internal "grid" system refactor. improved API for plugins.
|
||||
|
||||
|
||||
v2.4.0 (2015-08-16)
|
||||
-------------------
|
||||
|
||||
- add new buttons to the header via `customButtons` ([225])
|
||||
- control stacking order of events via `eventOrder` ([364])
|
||||
- control frequency of slot text via `slotLabelInterval` ([946])
|
||||
- `displayEventTime` ([1904])
|
||||
- `on` and `off` methods ([1910])
|
||||
- renamed `axisFormat` to `slotLabelFormat`
|
||||
|
||||
[225]: https://code.google.com/p/fullcalendar/issues/detail?id=225
|
||||
[364]: https://code.google.com/p/fullcalendar/issues/detail?id=364
|
||||
[946]: https://code.google.com/p/fullcalendar/issues/detail?id=946
|
||||
[1904]: https://code.google.com/p/fullcalendar/issues/detail?id=1904
|
||||
[1910]: https://code.google.com/p/fullcalendar/issues/detail?id=1910
|
||||
|
||||
|
||||
v2.3.2 (2015-06-14)
|
||||
-------------------
|
||||
|
||||
- minor code adjustment in preparation for plugins
|
||||
|
||||
|
||||
v2.3.1 (2015-03-08)
|
||||
-------------------
|
||||
|
||||
- Fix week view column title for en-gb ([PR220])
|
||||
- Publish to NPM ([2447])
|
||||
- Detangle bower from npm package ([PR179])
|
||||
|
||||
[PR220]: https://github.com/arshaw/fullcalendar/pull/220
|
||||
[2447]: https://code.google.com/p/fullcalendar/issues/detail?id=2447
|
||||
[PR179]: https://github.com/arshaw/fullcalendar/pull/179
|
||||
|
||||
|
||||
v2.3.0 (2015-02-21)
|
||||
-------------------
|
||||
|
||||
- internal refactoring in preparation for other views
|
||||
- businessHours now renders on whole-days in addition to timed areas
|
||||
- events in "more" popover not sorted by time ([2385])
|
||||
- avoid using moment's deprecated zone method ([2443])
|
||||
- destroying the calendar sometimes causes all window resize handlers to be unbound ([2432])
|
||||
- multiple calendars on one page, can't accept external elements after navigating ([2433])
|
||||
- accept external events from jqui sortable ([1698])
|
||||
- external jqui drop processed before reverting ([1661])
|
||||
- IE8 fix: month view renders incorrectly ([2428])
|
||||
- IE8 fix: eventLimit:true wouldn't activate "more" link ([2330])
|
||||
- IE8 fix: dragging an event with an href
|
||||
- IE8 fix: invisible element while dragging agenda view events
|
||||
- IE8 fix: erratic external element dragging
|
||||
|
||||
[2385]: https://code.google.com/p/fullcalendar/issues/detail?id=2385
|
||||
[2443]: https://code.google.com/p/fullcalendar/issues/detail?id=2443
|
||||
[2432]: https://code.google.com/p/fullcalendar/issues/detail?id=2432
|
||||
[2433]: https://code.google.com/p/fullcalendar/issues/detail?id=2433
|
||||
[1698]: https://code.google.com/p/fullcalendar/issues/detail?id=1698
|
||||
[1661]: https://code.google.com/p/fullcalendar/issues/detail?id=1661
|
||||
[2428]: https://code.google.com/p/fullcalendar/issues/detail?id=2428
|
||||
[2330]: https://code.google.com/p/fullcalendar/issues/detail?id=2330
|
||||
|
||||
|
||||
v2.2.7 (2015-02-10)
|
||||
-------------------
|
||||
|
||||
- view.title wasn't defined in viewRender callback ([2407])
|
||||
- FullCalendar versions >= 2.2.5 brokenness with Moment versions <= 2.8.3 ([2417])
|
||||
- Support Bokmal Norwegian language specifically ([2427])
|
||||
|
||||
[2407]: https://code.google.com/p/fullcalendar/issues/detail?id=2407
|
||||
[2417]: https://code.google.com/p/fullcalendar/issues/detail?id=2417
|
||||
[2427]: https://code.google.com/p/fullcalendar/issues/detail?id=2427
|
||||
|
||||
|
||||
v2.2.6 (2015-01-11)
|
||||
-------------------
|
||||
|
||||
- Compatibility with Moment v2.9. Was breaking GCal plugin ([2408])
|
||||
- View object's `title` property mistakenly omitted ([2407])
|
||||
- Single-day views with hiddens days could cause prev/next misbehavior ([2406])
|
||||
- Don't let the current date ever be a hidden day (solves [2395])
|
||||
- Hebrew locale ([2157])
|
||||
|
||||
[2408]: https://code.google.com/p/fullcalendar/issues/detail?id=2408
|
||||
[2407]: https://code.google.com/p/fullcalendar/issues/detail?id=2407
|
||||
[2406]: https://code.google.com/p/fullcalendar/issues/detail?id=2406
|
||||
[2395]: https://code.google.com/p/fullcalendar/issues/detail?id=2395
|
||||
[2157]: https://code.google.com/p/fullcalendar/issues/detail?id=2157
|
||||
|
||||
|
||||
v2.2.5 (2014-12-30)
|
||||
-------------------
|
||||
|
||||
- `buttonText` specified for custom views via the `views` option
|
||||
- bugfix: wrong default value, couldn't override default
|
||||
- feature: default value taken from locale
|
||||
|
||||
|
||||
v2.2.4 (2014-12-29)
|
||||
-------------------
|
||||
|
||||
- Arbitrary durations for basic/agenda views with the `views` option ([692])
|
||||
- Specify view-specific options using the `views` option. fixes [2283]
|
||||
- Deprecate view-option-hashes
|
||||
- Formalize and expose View API ([1055])
|
||||
- updateEvent method, more intuitive behavior. fixes [2194]
|
||||
|
||||
[692]: https://code.google.com/p/fullcalendar/issues/detail?id=692
|
||||
[2283]: https://code.google.com/p/fullcalendar/issues/detail?id=2283
|
||||
[1055]: https://code.google.com/p/fullcalendar/issues/detail?id=1055
|
||||
[2194]: https://code.google.com/p/fullcalendar/issues/detail?id=2194
|
||||
|
||||
|
||||
v2.2.3 (2014-11-26)
|
||||
-------------------
|
||||
|
||||
- removeEventSource with Google Calendar object source, would not remove ([2368])
|
||||
- Events with invalid end dates are still accepted and rendered ([2350], [2237], [2296])
|
||||
- Bug when rendering business hours and navigating away from original view ([2365])
|
||||
- Links to Google Calendar events will use current timezone ([2122])
|
||||
- Google Calendar plugin works with timezone names that have spaces
|
||||
- Google Calendar plugin accepts person email addresses as calendar IDs
|
||||
- Internally use numeric sort instead of alphanumeric sort ([2370])
|
||||
|
||||
[2368]: https://code.google.com/p/fullcalendar/issues/detail?id=2368
|
||||
[2350]: https://code.google.com/p/fullcalendar/issues/detail?id=2350
|
||||
[2237]: https://code.google.com/p/fullcalendar/issues/detail?id=2237
|
||||
[2296]: https://code.google.com/p/fullcalendar/issues/detail?id=2296
|
||||
[2365]: https://code.google.com/p/fullcalendar/issues/detail?id=2365
|
||||
[2122]: https://code.google.com/p/fullcalendar/issues/detail?id=2122
|
||||
[2370]: https://code.google.com/p/fullcalendar/issues/detail?id=2370
|
||||
|
||||
|
||||
v2.2.2 (2014-11-19)
|
||||
-------------------
|
||||
|
||||
- Fixes to Google Calendar API V3 code
|
||||
- wouldn't recognize a lone-string Google Calendar ID if periods before the @ symbol
|
||||
- removeEventSource wouldn't work when given a Google Calendar ID
|
||||
|
||||
|
||||
v2.2.1 (2014-11-19)
|
||||
-------------------
|
||||
|
||||
- Migrate Google Calendar plugin to use V3 of the API ([1526])
|
||||
|
||||
[1526]: https://code.google.com/p/fullcalendar/issues/detail?id=1526
|
||||
|
||||
|
||||
v2.2.0 (2014-11-14)
|
||||
-------------------
|
||||
|
||||
- Background events. Event object's `rendering` property ([144], [1286])
|
||||
- `businessHours` option ([144])
|
||||
- Controlling where events can be dragged/resized and selections can go ([396], [1286], [2253])
|
||||
- `eventOverlap`, `selectOverlap`, and similar
|
||||
- `eventConstraint`, `selectConstraint`, and similar
|
||||
- Improvements to dragging and dropping external events ([2004])
|
||||
- Associating with real event data. used with `eventReceive`
|
||||
- Associating a `duration`
|
||||
- Performance boost for moment creation
|
||||
- Be aware, FullCalendar-specific methods now attached directly to global moment.fn
|
||||
- Helps with [issue 2259][2259]
|
||||
- Reintroduced forgotten `dropAccept` option ([2312])
|
||||
|
||||
[144]: https://code.google.com/p/fullcalendar/issues/detail?id=144
|
||||
[396]: https://code.google.com/p/fullcalendar/issues/detail?id=396
|
||||
[1286]: https://code.google.com/p/fullcalendar/issues/detail?id=1286
|
||||
[2004]: https://code.google.com/p/fullcalendar/issues/detail?id=2004
|
||||
[2253]: https://code.google.com/p/fullcalendar/issues/detail?id=2253
|
||||
[2259]: https://code.google.com/p/fullcalendar/issues/detail?id=2259
|
||||
[2312]: https://code.google.com/p/fullcalendar/issues/detail?id=2312
|
||||
|
||||
|
||||
v2.1.1 (2014-08-29)
|
||||
-------------------
|
||||
|
||||
- removeEventSource not working with array ([2203])
|
||||
- mouseout not triggered after mouseover+updateEvent ([829])
|
||||
- agenda event's render with no <a> href, not clickable ([2263])
|
||||
|
||||
[2203]: https://code.google.com/p/fullcalendar/issues/detail?id=2203
|
||||
[829]: https://code.google.com/p/fullcalendar/issues/detail?id=829
|
||||
[2263]: https://code.google.com/p/fullcalendar/issues/detail?id=2263
|
||||
|
||||
|
||||
v2.1.0 (2014-08-25)
|
||||
-------------------
|
||||
|
||||
Large code refactor with better OOP, better code reuse, and more comments.
|
||||
**No more reliance on jQuery UI** for event dragging, resizing, or anything else.
|
||||
|
||||
Significant changes to HTML/CSS skeleton:
|
||||
- Leverages tables for liquid rendering of days and events. No costly manual repositioning ([809])
|
||||
- **Backwards-incompatibilities**:
|
||||
- **Many classNames have changed. Custom CSS will likely need to be adjusted.**
|
||||
- IE7 definitely not supported anymore
|
||||
- In `eventRender` callback, `element` will not be attached to DOM yet
|
||||
- Events are styled to be one line by default ([1992]). Can be undone through custom CSS,
|
||||
but not recommended (might get gaps [like this][111] in certain situations).
|
||||
|
||||
A "more..." link when there are too many events on a day ([304]). Works with month and basic views
|
||||
as well as the all-day section of the agenda views. New options:
|
||||
- `eventLimit`. a number or `true`
|
||||
- `eventLimitClick`. the `"popover`" value will reveal all events in a raised panel (the default)
|
||||
- `eventLimitText`
|
||||
- `dayPopoverFormat`
|
||||
|
||||
Changes related to height and scrollbars:
|
||||
- `aspectRatio`/`height`/`contentHeight` values will be honored *no matter what*
|
||||
- If too many events causing too much vertical space, scrollbars will be used ([728]).
|
||||
This is default behavior for month view (**backwards-incompatibility**)
|
||||
- If too few slots in agenda view, view will stretch to be the correct height ([2196])
|
||||
- `'auto'` value for `height`/`contentHeight` options. If content is too tall, the view will
|
||||
vertically stretch to accomodate and no scrollbars will be used ([521]).
|
||||
- Tall weeks in month view will borrow height from other weeks ([243])
|
||||
- Automatically scroll the view then dragging/resizing an event ([1025], [2078])
|
||||
- New `fixedWeekCount` option to determines the number of weeks in month view
|
||||
- Supersedes `weekMode` (**deprecated**). Instead, use a combination of `fixedWeekCount` and
|
||||
one of the height options, possibly with an `'auto'` value
|
||||
|
||||
Much nicer, glitch-free rendering of calendar *for printers* ([35]). Things you might not expect:
|
||||
- Buttons will become hidden
|
||||
- Agenda views display a flat list of events where the time slots would be
|
||||
|
||||
Other issues resolved along the way:
|
||||
- Space on right side of agenda events configurable through CSS ([204])
|
||||
- Problem with window resize ([259])
|
||||
- Events sorting stays consistent across weeks ([510])
|
||||
- Agenda's columns misaligned on wide screens ([511])
|
||||
- Run `selectHelper` through `eventRender` callbacks ([629])
|
||||
- Keyboard access, tabbing ([637])
|
||||
- Run resizing events through `eventRender` ([714])
|
||||
- Resize an event to a different day in agenda views ([736])
|
||||
- Allow selection across days in agenda views ([778])
|
||||
- Mouseenter delegated event not working on event elements ([936])
|
||||
- Agenda event dragging, snapping to different columns is erratic ([1101])
|
||||
- Android browser cuts off Day view at 8 PM with no scroll bar ([1203])
|
||||
- Don't fire `eventMouseover`/`eventMouseout` while dragging/resizing ([1297])
|
||||
- Customize the resize handle text ("=") ([1326])
|
||||
- If agenda event is too short, don't overwrite `.fc-event-time` ([1700])
|
||||
- Zooming calendar causes events to misalign ([1996])
|
||||
- Event destroy callback on event removal ([2017])
|
||||
- Agenda views, when RTL, should have axis on right ([2132])
|
||||
- Make header buttons more accessibile ([2151])
|
||||
- daySelectionMousedown should interpret OSX ctrl+click as a right mouse click ([2169])
|
||||
- Best way to display time text on multi-day events *with times* ([2172])
|
||||
- Eliminate table use for header layout ([2186])
|
||||
- Event delegation used for event-related callbacks (like `eventClick`). Speedier.
|
||||
|
||||
[35]: https://code.google.com/p/fullcalendar/issues/detail?id=35
|
||||
[204]: https://code.google.com/p/fullcalendar/issues/detail?id=204
|
||||
[243]: https://code.google.com/p/fullcalendar/issues/detail?id=243
|
||||
[259]: https://code.google.com/p/fullcalendar/issues/detail?id=259
|
||||
[304]: https://code.google.com/p/fullcalendar/issues/detail?id=304
|
||||
[510]: https://code.google.com/p/fullcalendar/issues/detail?id=510
|
||||
[511]: https://code.google.com/p/fullcalendar/issues/detail?id=511
|
||||
[521]: https://code.google.com/p/fullcalendar/issues/detail?id=521
|
||||
[629]: https://code.google.com/p/fullcalendar/issues/detail?id=629
|
||||
[637]: https://code.google.com/p/fullcalendar/issues/detail?id=637
|
||||
[714]: https://code.google.com/p/fullcalendar/issues/detail?id=714
|
||||
[728]: https://code.google.com/p/fullcalendar/issues/detail?id=728
|
||||
[736]: https://code.google.com/p/fullcalendar/issues/detail?id=736
|
||||
[778]: https://code.google.com/p/fullcalendar/issues/detail?id=778
|
||||
[809]: https://code.google.com/p/fullcalendar/issues/detail?id=809
|
||||
[936]: https://code.google.com/p/fullcalendar/issues/detail?id=936
|
||||
[1025]: https://code.google.com/p/fullcalendar/issues/detail?id=1025
|
||||
[1101]: https://code.google.com/p/fullcalendar/issues/detail?id=1101
|
||||
[1203]: https://code.google.com/p/fullcalendar/issues/detail?id=1203
|
||||
[1297]: https://code.google.com/p/fullcalendar/issues/detail?id=1297
|
||||
[1326]: https://code.google.com/p/fullcalendar/issues/detail?id=1326
|
||||
[1700]: https://code.google.com/p/fullcalendar/issues/detail?id=1700
|
||||
[1992]: https://code.google.com/p/fullcalendar/issues/detail?id=1992
|
||||
[1996]: https://code.google.com/p/fullcalendar/issues/detail?id=1996
|
||||
[2017]: https://code.google.com/p/fullcalendar/issues/detail?id=2017
|
||||
[2078]: https://code.google.com/p/fullcalendar/issues/detail?id=2078
|
||||
[2132]: https://code.google.com/p/fullcalendar/issues/detail?id=2132
|
||||
[2151]: https://code.google.com/p/fullcalendar/issues/detail?id=2151
|
||||
[2169]: https://code.google.com/p/fullcalendar/issues/detail?id=2169
|
||||
[2172]: https://code.google.com/p/fullcalendar/issues/detail?id=2172
|
||||
[2186]: https://code.google.com/p/fullcalendar/issues/detail?id=2186
|
||||
[2196]: https://code.google.com/p/fullcalendar/issues/detail?id=2196
|
||||
[111]: https://code.google.com/p/fullcalendar/issues/detail?id=111
|
||||
|
||||
|
||||
v2.0.3 (2014-08-15)
|
||||
-------------------
|
||||
|
||||
- moment-2.8.1 compatibility ([2221])
|
||||
- relative path in bower.json ([PR 117])
|
||||
- upgraded jquery-ui and misc dev dependencies
|
||||
|
||||
[2221]: https://code.google.com/p/fullcalendar/issues/detail?id=2221
|
||||
[PR 117]: https://github.com/arshaw/fullcalendar/pull/177
|
||||
|
||||
|
||||
v2.0.2 (2014-06-24)
|
||||
-------------------
|
||||
|
||||
- bug with persisting addEventSource calls ([2191])
|
||||
- bug with persisting removeEvents calls with an array source ([2187])
|
||||
- bug with removeEvents method when called with 0 removes all events ([2082])
|
||||
|
||||
[2191]: https://code.google.com/p/fullcalendar/issues/detail?id=2191
|
||||
[2187]: https://code.google.com/p/fullcalendar/issues/detail?id=2187
|
||||
[2082]: https://code.google.com/p/fullcalendar/issues/detail?id=2082
|
||||
|
||||
|
||||
v2.0.1 (2014-06-15)
|
||||
-------------------
|
||||
|
||||
- `delta` parameters reintroduced in `eventDrop` and `eventResize` handlers ([2156])
|
||||
- **Note**: this changes the argument order for `revertFunc`
|
||||
- wrongfully triggering a windowResize when resizing an agenda view event ([1116])
|
||||
- `this` values in event drag-n-drop/resize handlers consistently the DOM node ([1177])
|
||||
- `displayEventEnd` - v2 workaround to force display of an end time ([2090])
|
||||
- don't modify passed-in eventSource items ([954])
|
||||
- destroy method now removes fc-ltr class ([2033])
|
||||
- weeks of last/next month still visible when weekends are hidden ([2095])
|
||||
- fixed memory leak when destroying calendar with selectable/droppable ([2137])
|
||||
- Icelandic language ([2180])
|
||||
- Bahasa Indonesia language ([PR 172])
|
||||
|
||||
[1116]: https://code.google.com/p/fullcalendar/issues/detail?id=1116
|
||||
[1177]: https://code.google.com/p/fullcalendar/issues/detail?id=1177
|
||||
[2090]: https://code.google.com/p/fullcalendar/issues/detail?id=2090
|
||||
[954]: https://code.google.com/p/fullcalendar/issues/detail?id=954
|
||||
[2033]: https://code.google.com/p/fullcalendar/issues/detail?id=2033
|
||||
[2095]: https://code.google.com/p/fullcalendar/issues/detail?id=2095
|
||||
[2137]: https://code.google.com/p/fullcalendar/issues/detail?id=2137
|
||||
[2156]: https://code.google.com/p/fullcalendar/issues/detail?id=2156
|
||||
[2180]: https://code.google.com/p/fullcalendar/issues/detail?id=2180
|
||||
[PR 172]: https://github.com/arshaw/fullcalendar/pull/172
|
||||
|
||||
|
||||
v2.0.0 (2014-06-01)
|
||||
-------------------
|
||||
|
||||
Internationalization support, timezone support, and [MomentJS] integration. Extensive changes, many
|
||||
of which are backwards incompatible.
|
||||
|
||||
[Full list of changes][Upgrading-to-v2] | [Affected Issues][Date-Milestone]
|
||||
|
||||
An automated testing framework has been set up ([Karma] + [Jasmine]) and tests have been written
|
||||
which cover about half of FullCalendar's functionality. Special thanks to @incre-d, @vidbina, and
|
||||
@sirrocco for the help.
|
||||
|
||||
In addition, the main development repo has been repurposed to also include the built distributable
|
||||
JS/CSS for the project and will serve as the new [Bower] endpoint.
|
||||
|
||||
[MomentJS]: http://momentjs.com/
|
||||
[Upgrading-to-v2]: http://arshaw.com/fullcalendar/wiki/Upgrading-to-v2/
|
||||
[Date-Milestone]: https://code.google.com/p/fullcalendar/issues/list?can=1&q=milestone%3Ddate
|
||||
[Karma]: http://karma-runner.github.io/
|
||||
[Jasmine]: http://jasmine.github.io/
|
||||
[Bower]: http://bower.io/
|
||||
|
||||
|
||||
v1.6.4 (2013-09-01)
|
||||
-------------------
|
||||
|
||||
- better algorithm for positioning timed agenda events ([1115])
|
||||
- `slotEventOverlap` option to tweak timed agenda event overlapping ([218])
|
||||
- selection bug when slot height is customized ([1035])
|
||||
- supply view argument in `loading` callback ([1018])
|
||||
- fixed week number not displaying in agenda views ([1951])
|
||||
- fixed fullCalendar not initializing with no options ([1356])
|
||||
- NPM's `package.json`, no more warnings or errors ([1762])
|
||||
- building the bower component should output `bower.json` instead of `component.json` ([PR 125])
|
||||
- use bower internally for fetching new versions of jQuery and jQuery UI
|
||||
|
||||
[1115]: https://code.google.com/p/fullcalendar/issues/detail?id=1115
|
||||
[218]: https://code.google.com/p/fullcalendar/issues/detail?id=218
|
||||
[1035]: https://code.google.com/p/fullcalendar/issues/detail?id=1035
|
||||
[1018]: https://code.google.com/p/fullcalendar/issues/detail?id=1018
|
||||
[1951]: https://code.google.com/p/fullcalendar/issues/detail?id=1951
|
||||
[1356]: https://code.google.com/p/fullcalendar/issues/detail?id=1356
|
||||
[1762]: https://code.google.com/p/fullcalendar/issues/detail?id=1762
|
||||
[PR 125]: https://github.com/arshaw/fullcalendar/pull/125
|
||||
|
||||
|
||||
v1.6.3 (2013-08-10)
|
||||
-------------------
|
||||
|
||||
- `viewRender` callback ([PR 15])
|
||||
- `viewDestroy` callback ([PR 15])
|
||||
- `eventDestroy` callback ([PR 111])
|
||||
- `handleWindowResize` option ([PR 54])
|
||||
- `eventStartEditable`/`startEditable` options ([PR 49])
|
||||
- `eventDurationEditable`/`durationEditable` options ([PR 49])
|
||||
- specify function for `$.ajax` `data` parameter for JSON event sources ([PR 59])
|
||||
- fixed bug with agenda event dropping in wrong column ([PR 55])
|
||||
- easier event element z-index customization ([PR 58])
|
||||
- classNames on past/future days ([PR 88])
|
||||
- allow `null`/`undefined` event titles ([PR 84])
|
||||
- small optimize for agenda event rendering ([PR 56])
|
||||
- deprecated:
|
||||
- `viewDisplay`
|
||||
- `disableDragging`
|
||||
- `disableResizing`
|
||||
- bundled with latest jQuery (1.10.2) and jQuery UI (1.10.3)
|
||||
|
||||
[PR 15]: https://github.com/arshaw/fullcalendar/pull/15
|
||||
[PR 111]: https://github.com/arshaw/fullcalendar/pull/111
|
||||
[PR 54]: https://github.com/arshaw/fullcalendar/pull/54
|
||||
[PR 49]: https://github.com/arshaw/fullcalendar/pull/49
|
||||
[PR 59]: https://github.com/arshaw/fullcalendar/pull/59
|
||||
[PR 55]: https://github.com/arshaw/fullcalendar/pull/55
|
||||
[PR 58]: https://github.com/arshaw/fullcalendar/pull/58
|
||||
[PR 88]: https://github.com/arshaw/fullcalendar/pull/88
|
||||
[PR 84]: https://github.com/arshaw/fullcalendar/pull/84
|
||||
[PR 56]: https://github.com/arshaw/fullcalendar/pull/56
|
||||
|
||||
|
||||
v1.6.2 (2013-07-18)
|
||||
-------------------
|
||||
|
||||
- `hiddenDays` option ([686])
|
||||
- bugfix: when `eventRender` returns `false`, incorrect stacking of events ([762])
|
||||
- bugfix: couldn't change `event.backgroundImage` when calling `updateEvent` (thx @stephenharris)
|
||||
|
||||
[686]: https://code.google.com/p/fullcalendar/issues/detail?id=686
|
||||
[762]: https://code.google.com/p/fullcalendar/issues/detail?id=762
|
||||
|
||||
|
||||
v1.6.1 (2013-04-14)
|
||||
-------------------
|
||||
|
||||
- fixed event inner content overflow bug ([1783])
|
||||
- fixed table header className bug [1772]
|
||||
- removed text-shadow on events (better for general use, thx @tkrotoff)
|
||||
|
||||
[1783]: https://code.google.com/p/fullcalendar/issues/detail?id=1783
|
||||
[1772]: https://code.google.com/p/fullcalendar/issues/detail?id=1772
|
||||
|
||||
|
||||
v1.6.0 (2013-03-18)
|
||||
-------------------
|
||||
|
||||
- visual facelift, with bootstrap-inspired buttons and colors
|
||||
- simplified HTML/CSS for events and buttons
|
||||
- `dayRender`, for modifying a day cell ([191], thx @althaus)
|
||||
- week numbers on side of calendar ([295])
|
||||
- `weekNumber`
|
||||
- `weekNumberCalculation`
|
||||
- `weekNumberTitle`
|
||||
- `W` formatting variable
|
||||
- finer snapping granularity for agenda view events ([495], thx @ms-doodle-com)
|
||||
- `eventAfterAllRender` ([753], thx @pdrakeweb)
|
||||
- `eventDataTransform` (thx @joeyspo)
|
||||
- `data-date` attributes on cells (thx @Jae)
|
||||
- expose `$.fullCalendar.dateFormatters`
|
||||
- when clicking fast on buttons, prevent text selection
|
||||
- bundled with latest jQuery (1.9.1) and jQuery UI (1.10.2)
|
||||
- Grunt/Lumbar build system for internal development
|
||||
- build for Bower package manager
|
||||
- build for jQuery plugin site
|
||||
|
||||
[191]: https://code.google.com/p/fullcalendar/issues/detail?id=191
|
||||
[295]: https://code.google.com/p/fullcalendar/issues/detail?id=295
|
||||
[495]: https://code.google.com/p/fullcalendar/issues/detail?id=495
|
||||
[753]: https://code.google.com/p/fullcalendar/issues/detail?id=753
|
||||
|
||||
|
||||
v1.5.4 (2012-09-05)
|
||||
-------------------
|
||||
|
||||
- made compatible with jQuery 1.8.* (thx @archaeron)
|
||||
- bundled with jQuery 1.8.1 and jQuery UI 1.8.23
|
||||
|
||||
|
||||
v1.5.3 (2012-02-06)
|
||||
-------------------
|
||||
|
||||
- fixed dragging issue with jQuery UI 1.8.16 ([1168])
|
||||
- bundled with jQuery 1.7.1 and jQuery UI 1.8.17
|
||||
|
||||
[1168]: https://code.google.com/p/fullcalendar/issues/detail?id=1168
|
||||
|
||||
|
||||
v1.5.2 (2011-08-21)
|
||||
-------------------
|
||||
|
||||
- correctly process UTC "Z" ISO8601 date strings ([750])
|
||||
|
||||
[750]: https://code.google.com/p/fullcalendar/issues/detail?id=750
|
||||
|
||||
|
||||
v1.5.1 (2011-04-09)
|
||||
-------------------
|
||||
|
||||
- more flexible ISO8601 date parsing ([814])
|
||||
- more flexible parsing of UNIX timestamps ([826])
|
||||
- FullCalendar now buildable from source on a Mac ([795])
|
||||
- FullCalendar QA'd in FF4 ([883])
|
||||
- upgraded to jQuery 1.5.2 (which supports IE9) and jQuery UI 1.8.11
|
||||
|
||||
[814]: https://code.google.com/p/fullcalendar/issues/detail?id=814
|
||||
[826]: https://code.google.com/p/fullcalendar/issues/detail?id=826
|
||||
[795]: https://code.google.com/p/fullcalendar/issues/detail?id=795
|
||||
[883]: https://code.google.com/p/fullcalendar/issues/detail?id=883
|
||||
|
||||
|
||||
v1.5 (2011-03-19)
|
||||
-----------------
|
||||
|
||||
- slicker default styling for buttons
|
||||
- reworked a lot of the calendar's HTML and accompanying CSS (solves [327] and [395])
|
||||
- more printer-friendly (fullcalendar-print.css)
|
||||
- fullcalendar now inherits styles from jquery-ui themes differently.
|
||||
styles for buttons are distinct from styles for calendar cells.
|
||||
(solves [299])
|
||||
- can now color events through FullCalendar options and Event-Object properties ([117])
|
||||
THIS IS NOW THE PREFERRED METHOD OF COLORING EVENTS (as opposed to using className and CSS)
|
||||
- FullCalendar options:
|
||||
- eventColor (changes both background and border)
|
||||
- eventBackgroundColor
|
||||
- eventBorderColor
|
||||
- eventTextColor
|
||||
- Event-Object options:
|
||||
- color (changes both background and border)
|
||||
- backgroundColor
|
||||
- borderColor
|
||||
- textColor
|
||||
- can now specify an event source as an *object* with a `url` property (json feed) or
|
||||
an `events` property (function or array) with additional properties that will
|
||||
be applied to the entire event source:
|
||||
- color (changes both background and border)
|
||||
- backgroudColor
|
||||
- borderColor
|
||||
- textColor
|
||||
- className
|
||||
- editable
|
||||
- allDayDefault
|
||||
- ignoreTimezone
|
||||
- startParam (for a feed)
|
||||
- endParam (for a feed)
|
||||
- ANY OF THE JQUERY $.ajax OPTIONS
|
||||
allows for easily changing from GET to POST and sending additional parameters ([386])
|
||||
allows for easily attaching ajax handlers such as `error` ([754])
|
||||
allows for turning caching on ([355])
|
||||
- Google Calendar feeds are now specified differently:
|
||||
- specify a simple string of your feed's URL
|
||||
- specify an *object* with a `url` property of your feed's URL.
|
||||
you can include any of the new Event-Source options in this object.
|
||||
- the old `$.fullCalendar.gcalFeed` method still works
|
||||
- no more IE7 SSL popup ([504])
|
||||
- remove `cacheParam` - use json event source `cache` option instead
|
||||
- latest jquery/jquery-ui
|
||||
|
||||
[327]: https://code.google.com/p/fullcalendar/issues/detail?id=327
|
||||
[395]: https://code.google.com/p/fullcalendar/issues/detail?id=395
|
||||
[299]: https://code.google.com/p/fullcalendar/issues/detail?id=299
|
||||
[117]: https://code.google.com/p/fullcalendar/issues/detail?id=117
|
||||
[386]: https://code.google.com/p/fullcalendar/issues/detail?id=386
|
||||
[754]: https://code.google.com/p/fullcalendar/issues/detail?id=754
|
||||
[355]: https://code.google.com/p/fullcalendar/issues/detail?id=355
|
||||
[504]: https://code.google.com/p/fullcalendar/issues/detail?id=504
|
||||
|
||||
|
||||
v1.4.11 (2011-02-22)
|
||||
--------------------
|
||||
|
||||
- fixed rerenderEvents bug ([790])
|
||||
- fixed bug with faulty dragging of events from all-day slot in agenda views
|
||||
- bundled with jquery 1.5 and jquery-ui 1.8.9
|
||||
|
||||
[790]: https://code.google.com/p/fullcalendar/issues/detail?id=790
|
||||
|
||||
|
||||
v1.4.10 (2011-01-02)
|
||||
--------------------
|
||||
|
||||
- fixed bug with resizing event to different week in 5-day month view ([740])
|
||||
- fixed bug with events not sticking after a removeEvents call ([757])
|
||||
- fixed bug with underlying parseTime method, and other uses of parseInt ([688])
|
||||
|
||||
[740]: https://code.google.com/p/fullcalendar/issues/detail?id=740
|
||||
[757]: https://code.google.com/p/fullcalendar/issues/detail?id=757
|
||||
[688]: https://code.google.com/p/fullcalendar/issues/detail?id=688
|
||||
|
||||
|
||||
v1.4.9 (2010-11-16)
|
||||
-------------------
|
||||
|
||||
- new algorithm for vertically stacking events ([111])
|
||||
- resizing an event to a different week ([306])
|
||||
- bug: some events not rendered with consecutive calls to addEventSource ([679])
|
||||
|
||||
[111]: https://code.google.com/p/fullcalendar/issues/detail?id=111
|
||||
[306]: https://code.google.com/p/fullcalendar/issues/detail?id=306
|
||||
[679]: https://code.google.com/p/fullcalendar/issues/detail?id=679
|
||||
|
||||
|
||||
v1.4.8 (2010-10-16)
|
||||
-------------------
|
||||
|
||||
- ignoreTimezone option (set to `false` to process UTC offsets in ISO8601 dates)
|
||||
- bugfixes
|
||||
- event refetching not being called under certain conditions ([417], [554])
|
||||
- event refetching being called multiple times under certain conditions ([586], [616])
|
||||
- selection cannot be triggered by right mouse button ([558])
|
||||
- agenda view left axis sized incorrectly ([465])
|
||||
- IE js error when calendar is too narrow ([517])
|
||||
- agenda view looks strange when no scrollbars ([235])
|
||||
- improved parsing of ISO8601 dates with UTC offsets
|
||||
- $.fullCalendar.version
|
||||
- an internal refactor of the code, for easier future development and modularity
|
||||
|
||||
[417]: https://code.google.com/p/fullcalendar/issues/detail?id=417
|
||||
[554]: https://code.google.com/p/fullcalendar/issues/detail?id=554
|
||||
[586]: https://code.google.com/p/fullcalendar/issues/detail?id=586
|
||||
[616]: https://code.google.com/p/fullcalendar/issues/detail?id=616
|
||||
[558]: https://code.google.com/p/fullcalendar/issues/detail?id=558
|
||||
[465]: https://code.google.com/p/fullcalendar/issues/detail?id=465
|
||||
[517]: https://code.google.com/p/fullcalendar/issues/detail?id=517
|
||||
[235]: https://code.google.com/p/fullcalendar/issues/detail?id=235
|
||||
|
||||
|
||||
v1.4.7 (2010-07-05)
|
||||
-------------------
|
||||
|
||||
- "dropping" external objects onto the calendar
|
||||
- droppable (boolean, to turn on/off)
|
||||
- dropAccept (to filter which events the calendar will accept)
|
||||
- drop (trigger)
|
||||
- selectable options can now be specified with a View Option Hash
|
||||
- bugfixes
|
||||
- dragged & reverted events having wrong time text ([406])
|
||||
- bug rendering events that have an endtime with seconds, but no hours/minutes ([477])
|
||||
- gotoDate date overflow bug ([429])
|
||||
- wrong date reported when clicking on edge of last column in agenda views [412]
|
||||
- support newlines in event titles
|
||||
- select/unselect callbacks now passes native js event
|
||||
|
||||
[406]: https://code.google.com/p/fullcalendar/issues/detail?id=406
|
||||
[477]: https://code.google.com/p/fullcalendar/issues/detail?id=477
|
||||
[429]: https://code.google.com/p/fullcalendar/issues/detail?id=429
|
||||
[412]: https://code.google.com/p/fullcalendar/issues/detail?id=412
|
||||
|
||||
|
||||
v1.4.6 (2010-05-31)
|
||||
-------------------
|
||||
|
||||
- "selecting" days or timeslots
|
||||
- options: selectable, selectHelper, unselectAuto, unselectCancel
|
||||
- callbacks: select, unselect
|
||||
- methods: select, unselect
|
||||
- when dragging an event, the highlighting reflects the duration of the event
|
||||
- code compressing by Google Closure Compiler
|
||||
- bundled with jQuery 1.4.2 and jQuery UI 1.8.1
|
||||
|
||||
|
||||
v1.4.5 (2010-02-21)
|
||||
-------------------
|
||||
|
||||
- lazyFetching option, which can force the calendar to fetch events on every view/date change
|
||||
- scroll state of agenda views are preserved when switching back to view
|
||||
- bugfixes
|
||||
- calling methods on an uninitialized fullcalendar throws error
|
||||
- IE6/7 bug where an entire view becomes invisible ([320])
|
||||
- error when rendering a hidden calendar (in jquery ui tabs for example) in IE ([340])
|
||||
- interconnected bugs related to calendar resizing and scrollbars
|
||||
- when switching views or clicking prev/next, calendar would "blink" ([333])
|
||||
- liquid-width calendar's events shifted (depending on initial height of browser) ([341])
|
||||
- more robust underlying algorithm for calendar resizing
|
||||
|
||||
[320]: https://code.google.com/p/fullcalendar/issues/detail?id=320
|
||||
[340]: https://code.google.com/p/fullcalendar/issues/detail?id=340
|
||||
[333]: https://code.google.com/p/fullcalendar/issues/detail?id=333
|
||||
[341]: https://code.google.com/p/fullcalendar/issues/detail?id=341
|
||||
|
||||
|
||||
v1.4.4 (2010-02-03)
|
||||
-------------------
|
||||
|
||||
- optimized event rendering in all views (events render in 1/10 the time)
|
||||
- gotoDate() does not force the calendar to unnecessarily rerender
|
||||
- render() method now correctly readjusts height
|
||||
|
||||
|
||||
v1.4.3 (2009-12-22)
|
||||
-------------------
|
||||
|
||||
- added destroy method
|
||||
- Google Calendar event pages respect currentTimezone
|
||||
- caching now handled by jQuery's ajax
|
||||
- protection from setting aspectRatio to zero
|
||||
- bugfixes
|
||||
- parseISO8601 and DST caused certain events to display day before
|
||||
- button positioning problem in IE6
|
||||
- ajax event source removed after recently being added, events still displayed
|
||||
- event not displayed when end is an empty string
|
||||
- dynamically setting calendar height when no events have been fetched, throws error
|
||||
|
||||
|
||||
v1.4.2 (2009-12-02)
|
||||
-------------------
|
||||
|
||||
- eventAfterRender trigger
|
||||
- getDate & getView methods
|
||||
- height & contentHeight options (explicitly sets the pixel height)
|
||||
- minTime & maxTime options (restricts shown hours in agenda view)
|
||||
- getters [for all options] and setters [for height, contentHeight, and aspectRatio ONLY! stay tuned..]
|
||||
- render method now readjusts calendar's size
|
||||
- bugfixes
|
||||
- lightbox scripts that use iframes (like fancybox)
|
||||
- day-of-week classNames were off when firstDay=1
|
||||
- guaranteed space on right side of agenda events (even when stacked)
|
||||
- accepts ISO8601 dates with a space (instead of 'T')
|
||||
|
||||
|
||||
v1.4.1 (2009-10-31)
|
||||
-------------------
|
||||
|
||||
- can exclude weekends with new 'weekends' option
|
||||
- gcal feed 'currentTimezone' option
|
||||
- bugfixes
|
||||
- year/month/date option sometimes wouldn't set correctly (depending on current date)
|
||||
- daylight savings issue caused agenda views to start at 1am (for BST users)
|
||||
- cleanup of gcal.js code
|
||||
|
||||
|
||||
v1.4 (2009-10-19)
|
||||
-----------------
|
||||
|
||||
- agendaWeek and agendaDay views
|
||||
- added some options for agenda views:
|
||||
- allDaySlot
|
||||
- allDayText
|
||||
- firstHour
|
||||
- slotMinutes
|
||||
- defaultEventMinutes
|
||||
- axisFormat
|
||||
- modified some existing options/triggers to work with agenda views:
|
||||
- dragOpacity and timeFormat can now accept a "View Hash" (a new concept)
|
||||
- dayClick now has an allDay parameter
|
||||
- eventDrop now has an an allDay parameter
|
||||
(this will affect those who use revertFunc, adjust parameter list)
|
||||
- added 'prevYear' and 'nextYear' for buttons in header
|
||||
- minor change for theme users, ui-state-hover not applied to active/inactive buttons
|
||||
- added event-color-changing example in docs
|
||||
- better defaults for right-to-left themed button icons
|
||||
|
||||
|
||||
v1.3.2 (2009-10-13)
|
||||
-------------------
|
||||
|
||||
- Bugfixes (please upgrade from 1.3.1!)
|
||||
- squashed potential infinite loop when addMonths and addDays
|
||||
is called with an invalid date
|
||||
- $.fullCalendar.parseDate() now correctly parses IETF format
|
||||
- when switching views, the 'today' button sticks inactive, fixed
|
||||
- gotoDate now can accept a single Date argument
|
||||
- documentation for changes in 1.3.1 and 1.3.2 now on website
|
||||
|
||||
|
||||
v1.3.1 (2009-09-30)
|
||||
-------------------
|
||||
|
||||
- Important Bugfixes (please upgrade from 1.3!)
|
||||
- When current date was late in the month, for long months, and prev/next buttons
|
||||
were clicked in month-view, some months would be skipped/repeated
|
||||
- In certain time zones, daylight savings time would cause certain days
|
||||
to be misnumbered in month-view
|
||||
- Subtle change in way week interval is chosen when switching from month to basicWeek/basicDay view
|
||||
- Added 'allDayDefault' option
|
||||
- Added 'changeView' and 'render' methods
|
||||
|
||||
|
||||
v1.3 (2009-09-21)
|
||||
-----------------
|
||||
|
||||
- different 'views': month/basicWeek/basicDay
|
||||
- more flexible 'header' system for buttons
|
||||
- themable by jQuery UI themes
|
||||
- resizable events (require jQuery UI resizable plugin)
|
||||
- rescoped & rewritten CSS, enhanced default look
|
||||
- cleaner css & rendering techniques for right-to-left
|
||||
- reworked options & API to support multiple views / be consistent with jQuery UI
|
||||
- refactoring of entire codebase
|
||||
- broken into different JS & CSS files, assembled w/ build scripts
|
||||
- new test suite for new features, uses firebug-lite
|
||||
- refactored docs
|
||||
- Options
|
||||
- + date
|
||||
- + defaultView
|
||||
- + aspectRatio
|
||||
- + disableResizing
|
||||
- + monthNames (use instead of $.fullCalendar.monthNames)
|
||||
- + monthNamesShort (use instead of $.fullCalendar.monthAbbrevs)
|
||||
- + dayNames (use instead of $.fullCalendar.dayNames)
|
||||
- + dayNamesShort (use instead of $.fullCalendar.dayAbbrevs)
|
||||
- + theme
|
||||
- + buttonText
|
||||
- + buttonIcons
|
||||
- x draggable -> editable/disableDragging
|
||||
- x fixedWeeks -> weekMode
|
||||
- x abbrevDayHeadings -> columnFormat
|
||||
- x buttons/title -> header
|
||||
- x eventDragOpacity -> dragOpacity
|
||||
- x eventRevertDuration -> dragRevertDuration
|
||||
- x weekStart -> firstDay
|
||||
- x rightToLeft -> isRTL
|
||||
- x showTime (use 'allDay' CalEvent property instead)
|
||||
- Triggered Actions
|
||||
- + eventResizeStart
|
||||
- + eventResizeStop
|
||||
- + eventResize
|
||||
- x monthDisplay -> viewDisplay
|
||||
- x resize -> windowResize
|
||||
- 'eventDrop' params changed, can revert if ajax cuts out
|
||||
- CalEvent Properties
|
||||
- x showTime -> allDay
|
||||
- x draggable -> editable
|
||||
- 'end' is now INCLUSIVE when allDay=true
|
||||
- 'url' now produces a real <a> tag, more native clicking/tab behavior
|
||||
- Methods:
|
||||
- + renderEvent
|
||||
- x prevMonth -> prev
|
||||
- x nextMonth -> next
|
||||
- x prevYear/nextYear -> moveDate
|
||||
- x refresh -> rerenderEvents/refetchEvents
|
||||
- x removeEvent -> removeEvents
|
||||
- x getEventsByID -> clientEvents
|
||||
- Utilities:
|
||||
- 'formatDate' format string completely changed (inspired by jQuery UI datepicker + datejs)
|
||||
- 'formatDates' added to support date-ranges
|
||||
- Google Calendar Options:
|
||||
- x draggable -> editable
|
||||
- Bugfixes
|
||||
- gcal extension fetched 25 results max, now fetches all
|
||||
|
||||
|
||||
v1.2.1 (2009-06-29)
|
||||
-------------------
|
||||
|
||||
- bugfixes
|
||||
- allows and corrects invalid end dates for events
|
||||
- doesn't throw an error in IE while rendering when display:none
|
||||
- fixed 'loading' callback when used w/ multiple addEventSource calls
|
||||
- gcal className can now be an array
|
||||
|
||||
|
||||
v1.2 (2009-05-31)
|
||||
-----------------
|
||||
|
||||
- expanded API
|
||||
- 'className' CalEvent attribute
|
||||
- 'source' CalEvent attribute
|
||||
- dynamically get/add/remove/update events of current month
|
||||
- locale improvements: change month/day name text
|
||||
- better date formatting ($.fullCalendar.formatDate)
|
||||
- multiple 'event sources' allowed
|
||||
- dynamically add/remove event sources
|
||||
- options for prevYear and nextYear buttons
|
||||
- docs have been reworked (include addition of Google Calendar docs)
|
||||
- changed behavior of parseDate for number strings
|
||||
(now interpets as unix timestamp, not MS times)
|
||||
- bugfixes
|
||||
- rightToLeft month start bug
|
||||
- off-by-one errors with month formatting commands
|
||||
- events from previous months sticking when clicking prev/next quickly
|
||||
- Google Calendar API changed to work w/ multiple event sources
|
||||
- can also provide 'className' and 'draggable' options
|
||||
- date utilties moved from $ to $.fullCalendar
|
||||
- more documentation in source code
|
||||
- minified version of fullcalendar.js
|
||||
- test suit (available from svn)
|
||||
- top buttons now use `<button>` w/ an inner `<span>` for better css cusomization
|
||||
- thus CSS has changed. IF UPGRADING FROM PREVIOUS VERSIONS,
|
||||
UPGRADE YOUR FULLCALENDAR.CSS FILE
|
||||
|
||||
|
||||
v1.1 (2009-05-10)
|
||||
-----------------
|
||||
|
||||
- Added the following options:
|
||||
- weekStart
|
||||
- rightToLeft
|
||||
- titleFormat
|
||||
- timeFormat
|
||||
- cacheParam
|
||||
- resize
|
||||
- Fixed rendering bugs
|
||||
- Opera 9.25 (events placement & window resizing)
|
||||
- IE6 (window resizing)
|
||||
- Optimized window resizing for ALL browsers
|
||||
- Events on same day now sorted by start time (but first by timespan)
|
||||
- Correct z-index when dragging
|
||||
- Dragging contained in overflow DIV for IE6
|
||||
- Modified fullcalendar.css
|
||||
- for right-to-left support
|
||||
- for variable start-of-week
|
||||
- for IE6 resizing bug
|
||||
- for THEAD and TBODY (in 1.0, just used TBODY, restructured in 1.1)
|
||||
- IF UPGRADING FROM FULLCALENDAR 1.0, YOU MUST UPGRADE FULLCALENDAR.CSS
|
||||
127
library/fullcalendar/CONTRIBUTING.txt
Normal file
127
library/fullcalendar/CONTRIBUTING.txt
Normal file
|
|
@ -0,0 +1,127 @@
|
|||
|
||||
## Reporting Bugs
|
||||
|
||||
Each bug report MUST have a [JSFiddle/JSBin] recreation before any work can begin. [further instructions »](http://fullcalendar.io/wiki/Reporting-Bugs/)
|
||||
|
||||
|
||||
## Requesting Features
|
||||
|
||||
Please search the [Issue Tracker] to see if your feature has already been requested, and if so, subscribe to it. Otherwise, read these [further instructions »](http://fullcalendar.io/wiki/Requesting-Features/)
|
||||
|
||||
|
||||
## Contributing Features
|
||||
|
||||
The FullCalendar project welcomes [Pull Requests][Using Pull Requests] for new features, but because there are so many feature requests (over 100), and because every new feature requires refinement and maintenance, each PR will be prioritized against the project's other demands and might take a while to make it to an official release.
|
||||
|
||||
Furthermore, each new feature should be designed as robustly as possible and be useful beyond the immediate usecase it was initially designed for. Feel free to start a ticket discussing the feature's specs before coding.
|
||||
|
||||
|
||||
## Contributing Bugfixes
|
||||
|
||||
In the description of your [Pull Request][Using Pull Requests], please include recreation steps for the bug as well as a [JSFiddle/JSBin] demo. Communicating the buggy behavior is a requirement before a merge can happen.
|
||||
|
||||
|
||||
## Contributing Locales
|
||||
|
||||
Please edit the original files in the `locale/` directory. DO NOT edit anything in the `dist/` directory. The build system will responsible for merging FullCalendar's `locale/` data with the [MomentJS locale data].
|
||||
|
||||
|
||||
## Other Ways to Contribute
|
||||
|
||||
[Read about other ways to contribute »](http://fullcalendar.io/wiki/Contributing/)
|
||||
|
||||
|
||||
## Getting Set Up
|
||||
|
||||
You will need [Git][git], [Node][node], and NPM installed. For clarification, please view the [jQuery readme][jq-readme], which requires a similar setup.
|
||||
|
||||
Also, you will need the [gulp-cli][gulp-cli] package installed globally (`-g`) on your system:
|
||||
|
||||
npm install -g gulp-cli
|
||||
|
||||
Then, clone FullCalendar's git repo:
|
||||
|
||||
git clone git://github.com/fullcalendar/fullcalendar.git
|
||||
|
||||
Enter the directory and install FullCalendar's dependencies:
|
||||
|
||||
cd fullcalendar
|
||||
npm install
|
||||
|
||||
|
||||
## What to edit
|
||||
|
||||
When modifying files, please do not edit the generated or minified files in the `dist/` directory. Please edit the original `src/` files.
|
||||
|
||||
|
||||
## Development Workflow
|
||||
|
||||
After you make code changes, you'll want to compile the JS/CSS so that it can be previewed from the tests and demos. You can either manually rebuild each time you make a change:
|
||||
|
||||
gulp dev
|
||||
|
||||
Or, you can run a script that automatically rebuilds whenever you save a source file:
|
||||
|
||||
gulp watch
|
||||
|
||||
When you are finished, run the following command to write the distributable files into the `./dist/` directory:
|
||||
|
||||
gulp dist
|
||||
|
||||
If you want to clean up the generated files, run:
|
||||
|
||||
gulp clean
|
||||
|
||||
|
||||
## Style Guide
|
||||
|
||||
Please follow the [Google JavaScript Style Guide] as closely as possible. With the following exceptions:
|
||||
|
||||
```js
|
||||
if (true) {
|
||||
}
|
||||
else { // please put else, else if, and catch on a separate line
|
||||
}
|
||||
|
||||
// please write one-line array literals with a one-space padding inside
|
||||
var a = [ 1, 2, 3 ];
|
||||
|
||||
// please write one-line object literals with a one-space padding inside
|
||||
var o = { a: 1, b: 2, c: 3 };
|
||||
```
|
||||
|
||||
Other exceptions:
|
||||
|
||||
- please ignore anything about Google Closure Compiler or the `goog` library
|
||||
- please do not write JSDoc comments
|
||||
|
||||
Notes about whitespace:
|
||||
|
||||
- **use *tabs* instead of spaces**
|
||||
- separate functions with *2* blank lines
|
||||
- separate logical blocks within functions with *1* blank line
|
||||
|
||||
Run the command line tool to automatically check your style:
|
||||
|
||||
gulp lint
|
||||
|
||||
|
||||
## Before Submitting your Code
|
||||
|
||||
If you have edited code (including **tests** and **translations**) and would like to submit a pull request, please make sure you have done the following:
|
||||
|
||||
1. Conformed to the style guide (successfully run `gulp lint`)
|
||||
|
||||
2. Written automated tests. View the [Automated Test Readme]
|
||||
|
||||
|
||||
[JSFiddle/JSBin]: http://fullcalendar.io/wiki/Reporting-Bugs/
|
||||
[Issue Tracker]: https://github.com/fullcalendar/fullcalendar/issues
|
||||
[Using Pull Requests]: https://help.github.com/articles/using-pull-requests/
|
||||
[MomentJS locale data]: https://github.com/moment/moment/tree/develop/locale
|
||||
[git]: http://git-scm.com/
|
||||
[node]: http://nodejs.org/
|
||||
[gulp-cli]: https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md
|
||||
[jq-readme]: https://github.com/jquery/jquery/blob/master/README.md#what-you-need-to-build-your-own-jquery
|
||||
[Google JavaScript Style Guide]: http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml
|
||||
[Automated Test Readme]: https://github.com/fullcalendar/fullcalendar/wiki/Automated-Tests
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
Copyright (c) 2013 Adam Shaw
|
||||
Copyright (c) 2015 Adam Shaw
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining
|
||||
a copy of this software and associated documentation files (the
|
||||
|
|
@ -1,382 +0,0 @@
|
|||
|
||||
version 1.6.4 (9/1/13)
|
||||
- better algorithm for positioning timed agenda events (issue 1115)
|
||||
- `slotEventOverlap` option to tweak timed agenda event overlapping (issue 218)
|
||||
- selection bug when slot height is customized (issue 1035)
|
||||
- supply view argument in `loading` callback (issue 1018)
|
||||
- fixed week number not displaying in agenda views (issue 1951)
|
||||
- fixed fullCalendar not initializing with no options (issue 1356)
|
||||
- NPM's package.json, no more warnings or errors (issue 1762)
|
||||
- building the bower component should output bower.json instead of component.json (PR 125)
|
||||
- use bower internally for fetching new versions of jQuery and jQuery UI
|
||||
|
||||
version 1.6.3 (8/10/13)
|
||||
- viewRender callback (PR 15)
|
||||
- viewDestroy callback (PR 15)
|
||||
- eventDestroy callback (PR 111)
|
||||
- handleWindowResize option (PR 54)
|
||||
- eventStartEditable/startEditable options (PR 49)
|
||||
- eventDurationEditable/durationEditable options (PR 49)
|
||||
- specify function for $.ajax `data` parameter for JSON event sources (PR 59)
|
||||
- fixed bug with agenda event dropping in wrong column (PR 55)
|
||||
- easier event element z-index customization (PR 58)
|
||||
- classNames on past/future days (PR 88)
|
||||
- allow null/undefined event titles (PR 84)
|
||||
- small optimize for agenda event rendering (PR 56)
|
||||
- deprecated:
|
||||
- viewDisplay
|
||||
- disableDragging
|
||||
- disableResizing
|
||||
- bundled with latest jQuery (1.10.2) and jQuery UI (1.10.3)
|
||||
|
||||
version 1.6.2 (7/18/13)
|
||||
- hiddenDays option (issue 686)
|
||||
- bugfix: when eventRender returns false, incorrect stacking of events (issue 762)
|
||||
- bugfix: couldn't change event.backgroundImage when calling updateEvent (thx stephenharris)
|
||||
|
||||
version 1.6.1 (4/14/13)
|
||||
- fixed event inner content overflow bug (issue 1783)
|
||||
- fixed table header className bug (1772)
|
||||
- removed text-shadow on events (better for general use, thx tkrotoff)
|
||||
|
||||
version 1.6.0 (3/18/13)
|
||||
- visual facelift, with bootstrap-inspired buttons and colors
|
||||
- simplified HTML/CSS for events and buttons
|
||||
- dayRender, for modifying a day cell (issue 191, thx althaus)
|
||||
- week numbers on side of calendar (issue 295)
|
||||
- weekNumber
|
||||
- weekNumberCalculation
|
||||
- weekNumberTitle
|
||||
- "W" formatting variable
|
||||
- finer snapping granularity for agenda view events (issue 495, thx ms-doodle-com)
|
||||
- eventAfterAllRender (issue 753, thx pdrakeweb)
|
||||
- eventDataTransform (thx joeyspo)
|
||||
- data-date attributes on cells (thx Jae)
|
||||
- expose $.fullCalendar.dateFormatters
|
||||
- when clicking fast on buttons, prevent text selection
|
||||
- bundled with latest jQuery (1.9.1) and jQuery UI (1.10.2)
|
||||
- Grunt/Lumbar build system for internal development
|
||||
- build for Bower package manager
|
||||
- build for jQuery plugin site
|
||||
|
||||
version 1.5.4 (9/5/12)
|
||||
- made compatible with jQuery 1.8.* (thx archaeron)
|
||||
- bundled with jQuery 1.8.1 and jQuery UI 1.8.23
|
||||
|
||||
version 1.5.3 (2/6/12)
|
||||
- fixed dragging issue with jQuery UI 1.8.16 (issue 1168)
|
||||
- bundled with jQuery 1.7.1 and jQuery UI 1.8.17
|
||||
|
||||
version 1.5.2 (8/21/11)
|
||||
- correctly process UTC "Z" ISO8601 date strings (issue 750)
|
||||
|
||||
version 1.5.1 (4/9/11)
|
||||
- more flexible ISO8601 date parsing (issue 814)
|
||||
- more flexible parsing of UNIX timestamps (issue 826)
|
||||
- FullCalendar now buildable from source on a Mac (issue 795)
|
||||
- FullCalendar QA'd in FF4 (issue 883)
|
||||
- upgraded to jQuery 1.5.2 (which supports IE9) and jQuery UI 1.8.11
|
||||
|
||||
version 1.5 (3/19/11)
|
||||
- slicker default styling for buttons
|
||||
- reworked a lot of the calendar's HTML and accompanying CSS
|
||||
(solves issues 327 and 395)
|
||||
- more printer-friendly (fullcalendar-print.css)
|
||||
- fullcalendar now inherits styles from jquery-ui themes differently.
|
||||
styles for buttons are distinct from styles for calendar cells.
|
||||
(solves issue 299)
|
||||
- can now color events through FullCalendar options and Event-Object properties (issue 117)
|
||||
THIS IS NOW THE PREFERRED METHOD OF COLORING EVENTS (as opposed to using className and CSS)
|
||||
- FullCalendar options:
|
||||
- eventColor (changes both background and border)
|
||||
- eventBackgroundColor
|
||||
- eventBorderColor
|
||||
- eventTextColor
|
||||
- Event-Object options:
|
||||
- color (changes both background and border)
|
||||
- backgroundColor
|
||||
- borderColor
|
||||
- textColor
|
||||
- can now specify an event source as an *object* with a `url` property (json feed) or
|
||||
an `events` property (function or array) with additional properties that will
|
||||
be applied to the entire event source:
|
||||
- color (changes both background and border)
|
||||
- backgroudColor
|
||||
- borderColor
|
||||
- textColor
|
||||
- className
|
||||
- editable
|
||||
- allDayDefault
|
||||
- ignoreTimezone
|
||||
- startParam (for a feed)
|
||||
- endParam (for a feed)
|
||||
- ANY OF THE JQUERY $.ajax OPTIONS
|
||||
allows for easily changing from GET to POST and sending additional parameters (issue 386)
|
||||
allows for easily attaching ajax handlers such as `error` (issue 754)
|
||||
allows for turning caching on (issue 355)
|
||||
- Google Calendar feeds are now specified differently:
|
||||
- specify a simple string of your feed's URL
|
||||
- specify an *object* with a `url` property of your feed's URL.
|
||||
you can include any of the new Event-Source options in this object.
|
||||
- the old `$.fullCalendar.gcalFeed` method still works
|
||||
- no more IE7 SSL popup (issue 504)
|
||||
- remove `cacheParam` - use json event source `cache` option instead
|
||||
- latest jquery/jquery-ui
|
||||
|
||||
version 1.4.11 (2/22/11)
|
||||
- fixed rerenderEvents bug (issue 790)
|
||||
- fixed bug with faulty dragging of events from all-day slot in agenda views
|
||||
- bundled with jquery 1.5 and jquery-ui 1.8.9
|
||||
|
||||
version 1.4.10 (1/2/11)
|
||||
- fixed bug with resizing event to different week in 5-day month view (issue 740)
|
||||
- fixed bug with events not sticking after a removeEvents call (issue 757)
|
||||
- fixed bug with underlying parseTime method, and other uses of parseInt (issue 688)
|
||||
|
||||
version 1.4.9 (11/16/10)
|
||||
- new algorithm for vertically stacking events (issue 111)
|
||||
- resizing an event to a different week (issue 306)
|
||||
- bug: some events not rendered with consecutive calls to addEventSource (issue 679)
|
||||
|
||||
version 1.4.8 (10/16/10)
|
||||
- ignoreTimezone option (set to `false` to process UTC offsets in ISO8601 dates)
|
||||
- bugfixes
|
||||
- event refetching not being called under certain conditions (issues 417, 554)
|
||||
- event refetching being called multiple times under certain conditions (issues 586, 616)
|
||||
- selection cannot be triggered by right mouse button (issue 558)
|
||||
- agenda view left axis sized incorrectly (issue 465)
|
||||
- IE js error when calendar is too narrow (issue 517)
|
||||
- agenda view looks strange when no scrollbars (issue 235)
|
||||
- improved parsing of ISO8601 dates with UTC offsets
|
||||
- $.fullCalendar.version
|
||||
- an internal refactor of the code, for easier future development and modularity
|
||||
|
||||
version 1.4.7 (7/5/10)
|
||||
- "dropping" external objects onto the calendar
|
||||
- droppable (boolean, to turn on/off)
|
||||
- dropAccept (to filter which events the calendar will accept)
|
||||
- drop (trigger)
|
||||
- selectable options can now be specified with a View Option Hash
|
||||
- bugfixes
|
||||
- dragged & reverted events having wrong time text (issue 406)
|
||||
- bug rendering events that have an endtime with seconds, but no hours/minutes (issue 477)
|
||||
- gotoDate date overflow bug (issue 429)
|
||||
- wrong date reported when clicking on edge of last column in agenda views (412)
|
||||
- support newlines in event titles
|
||||
- select/unselect callbacks now passes native js event
|
||||
|
||||
version 1.4.6 (5/31/10)
|
||||
- "selecting" days or timeslots
|
||||
- options: selectable, selectHelper, unselectAuto, unselectCancel
|
||||
- callbacks: select, unselect
|
||||
- methods: select, unselect
|
||||
- when dragging an event, the highlighting reflects the duration of the event
|
||||
- code compressing by Google Closure Compiler
|
||||
- bundled with jQuery 1.4.2 and jQuery UI 1.8.1
|
||||
|
||||
version 1.4.5 (2/21/10)
|
||||
- lazyFetching option, which can force the calendar to fetch events on every view/date change
|
||||
- scroll state of agenda views are preserved when switching back to view
|
||||
- bugfixes
|
||||
- calling methods on an uninitialized fullcalendar throws error
|
||||
- IE6/7 bug where an entire view becomes invisible (issue 320)
|
||||
- error when rendering a hidden calendar (in jquery ui tabs for example) in IE (issue 340)
|
||||
- interconnected bugs related to calendar resizing and scrollbars
|
||||
- when switching views or clicking prev/next, calendar would "blink" (issue 333)
|
||||
- liquid-width calendar's events shifted (depending on initial height of browser) (issue 341)
|
||||
- more robust underlying algorithm for calendar resizing
|
||||
|
||||
version 1.4.4 (2/3/10)
|
||||
- optimized event rendering in all views (events render in 1/10 the time)
|
||||
- gotoDate() does not force the calendar to unnecessarily rerender
|
||||
- render() method now correctly readjusts height
|
||||
|
||||
version 1.4.3 (12/22/09)
|
||||
- added destroy method
|
||||
- Google Calendar event pages respect currentTimezone
|
||||
- caching now handled by jQuery's ajax
|
||||
- protection from setting aspectRatio to zero
|
||||
- bugfixes
|
||||
- parseISO8601 and DST caused certain events to display day before
|
||||
- button positioning problem in IE6
|
||||
- ajax event source removed after recently being added, events still displayed
|
||||
- event not displayed when end is an empty string
|
||||
- dynamically setting calendar height when no events have been fetched, throws error
|
||||
|
||||
version 1.4.2 (12/02/09)
|
||||
- eventAfterRender trigger
|
||||
- getDate & getView methods
|
||||
- height & contentHeight options (explicitly sets the pixel height)
|
||||
- minTime & maxTime options (restricts shown hours in agenda view)
|
||||
- getters [for all options] and setters [for height, contentHeight, and aspectRatio ONLY! stay tuned..]
|
||||
- render method now readjusts calendar's size
|
||||
- bugfixes
|
||||
- lightbox scripts that use iframes (like fancybox)
|
||||
- day-of-week classNames were off when firstDay=1
|
||||
- guaranteed space on right side of agenda events (even when stacked)
|
||||
- accepts ISO8601 dates with a space (instead of 'T')
|
||||
|
||||
version 1.4.1 (10/31/09)
|
||||
- can exclude weekends with new 'weekends' option
|
||||
- gcal feed 'currentTimezone' option
|
||||
- bugfixes
|
||||
- year/month/date option sometimes wouldn't set correctly (depending on current date)
|
||||
- daylight savings issue caused agenda views to start at 1am (for BST users)
|
||||
- cleanup of gcal.js code
|
||||
|
||||
version 1.4 (10/19/09)
|
||||
- agendaWeek and agendaDay views
|
||||
- added some options for agenda views:
|
||||
- allDaySlot
|
||||
- allDayText
|
||||
- firstHour
|
||||
- slotMinutes
|
||||
- defaultEventMinutes
|
||||
- axisFormat
|
||||
- modified some existing options/triggers to work with agenda views:
|
||||
- dragOpacity and timeFormat can now accept a "View Hash" (a new concept)
|
||||
- dayClick now has an allDay parameter
|
||||
- eventDrop now has an an allDay parameter
|
||||
(this will affect those who use revertFunc, adjust parameter list)
|
||||
- added 'prevYear' and 'nextYear' for buttons in header
|
||||
- minor change for theme users, ui-state-hover not applied to active/inactive buttons
|
||||
- added event-color-changing example in docs
|
||||
- better defaults for right-to-left themed button icons
|
||||
|
||||
version 1.3.2 (10/13/09)
|
||||
- Bugfixes (please upgrade from 1.3.1!)
|
||||
- squashed potential infinite loop when addMonths and addDays
|
||||
is called with an invalid date
|
||||
- $.fullCalendar.parseDate() now correctly parses IETF format
|
||||
- when switching views, the 'today' button sticks inactive, fixed
|
||||
- gotoDate now can accept a single Date argument
|
||||
- documentation for changes in 1.3.1 and 1.3.2 now on website
|
||||
|
||||
version 1.3.1 (9/30/09)
|
||||
- Important Bugfixes (please upgrade from 1.3!)
|
||||
- When current date was late in the month, for long months, and prev/next buttons
|
||||
were clicked in month-view, some months would be skipped/repeated
|
||||
- In certain time zones, daylight savings time would cause certain days
|
||||
to be misnumbered in month-view
|
||||
- Subtle change in way week interval is chosen when switching from month to basicWeek/basicDay view
|
||||
- Added 'allDayDefault' option
|
||||
- Added 'changeView' and 'render' methods
|
||||
|
||||
version 1.3 (9/21/09)
|
||||
- different 'views': month/basicWeek/basicDay
|
||||
- more flexible 'header' system for buttons
|
||||
- themable by jQuery UI themes
|
||||
- resizable events (require jQuery UI resizable plugin)
|
||||
- rescoped & rewritten CSS, enhanced default look
|
||||
- cleaner css & rendering techniques for right-to-left
|
||||
- reworked options & API to support multiple views / be consistent with jQuery UI
|
||||
- refactoring of entire codebase
|
||||
- broken into different JS & CSS files, assembled w/ build scripts
|
||||
- new test suite for new features, uses firebug-lite
|
||||
- refactored docs
|
||||
- Options
|
||||
+ date
|
||||
+ defaultView
|
||||
+ aspectRatio
|
||||
+ disableResizing
|
||||
+ monthNames (use instead of $.fullCalendar.monthNames)
|
||||
+ monthNamesShort (use instead of $.fullCalendar.monthAbbrevs)
|
||||
+ dayNames (use instead of $.fullCalendar.dayNames)
|
||||
+ dayNamesShort (use instead of $.fullCalendar.dayAbbrevs)
|
||||
+ theme
|
||||
+ buttonText
|
||||
+ buttonIcons
|
||||
x draggable -> editable/disableDragging
|
||||
x fixedWeeks -> weekMode
|
||||
x abbrevDayHeadings -> columnFormat
|
||||
x buttons/title -> header
|
||||
x eventDragOpacity -> dragOpacity
|
||||
x eventRevertDuration -> dragRevertDuration
|
||||
x weekStart -> firstDay
|
||||
x rightToLeft -> isRTL
|
||||
x showTime (use 'allDay' CalEvent property instead)
|
||||
- Triggered Actions
|
||||
+ eventResizeStart
|
||||
+ eventResizeStop
|
||||
+ eventResize
|
||||
x monthDisplay -> viewDisplay
|
||||
x resize -> windowResize
|
||||
'eventDrop' params changed, can revert if ajax cuts out
|
||||
- CalEvent Properties
|
||||
x showTime -> allDay
|
||||
x draggable -> editable
|
||||
'end' is now INCLUSIVE when allDay=true
|
||||
'url' now produces a real <a> tag, more native clicking/tab behavior
|
||||
- Methods:
|
||||
+ renderEvent
|
||||
x prevMonth -> prev
|
||||
x nextMonth -> next
|
||||
x prevYear/nextYear -> moveDate
|
||||
x refresh -> rerenderEvents/refetchEvents
|
||||
x removeEvent -> removeEvents
|
||||
x getEventsByID -> clientEvents
|
||||
- Utilities:
|
||||
'formatDate' format string completely changed (inspired by jQuery UI datepicker + datejs)
|
||||
'formatDates' added to support date-ranges
|
||||
- Google Calendar Options:
|
||||
x draggable -> editable
|
||||
- Bugfixes
|
||||
- gcal extension fetched 25 results max, now fetches all
|
||||
|
||||
version 1.2.1 (6/29/09)
|
||||
- bugfixes
|
||||
- allows and corrects invalid end dates for events
|
||||
- doesn't throw an error in IE while rendering when display:none
|
||||
- fixed 'loading' callback when used w/ multiple addEventSource calls
|
||||
- gcal className can now be an array
|
||||
|
||||
version 1.2 (5/31/09)
|
||||
- expanded API
|
||||
- 'className' CalEvent attribute
|
||||
- 'source' CalEvent attribute
|
||||
- dynamically get/add/remove/update events of current month
|
||||
- locale improvements: change month/day name text
|
||||
- better date formatting ($.fullCalendar.formatDate)
|
||||
- multiple 'event sources' allowed
|
||||
- dynamically add/remove event sources
|
||||
- options for prevYear and nextYear buttons
|
||||
- docs have been reworked (include addition of Google Calendar docs)
|
||||
- changed behavior of parseDate for number strings
|
||||
(now interpets as unix timestamp, not MS times)
|
||||
- bugfixes
|
||||
- rightToLeft month start bug
|
||||
- off-by-one errors with month formatting commands
|
||||
- events from previous months sticking when clicking prev/next quickly
|
||||
- Google Calendar API changed to work w/ multiple event sources
|
||||
- can also provide 'className' and 'draggable' options
|
||||
- date utilties moved from $ to $.fullCalendar
|
||||
- more documentation in source code
|
||||
- minified version of fullcalendar.js
|
||||
- test suit (available from svn)
|
||||
- top buttons now use <button> w/ an inner <span> for better css cusomization
|
||||
- thus CSS has changed. IF UPGRADING FROM PREVIOUS VERSIONS,
|
||||
UPGRADE YOUR FULLCALENDAR.CSS FILE!!!
|
||||
|
||||
version 1.1 (5/10/09)
|
||||
- Added the following options:
|
||||
- weekStart
|
||||
- rightToLeft
|
||||
- titleFormat
|
||||
- timeFormat
|
||||
- cacheParam
|
||||
- resize
|
||||
- Fixed rendering bugs
|
||||
- Opera 9.25 (events placement & window resizing)
|
||||
- IE6 (window resizing)
|
||||
- Optimized window resizing for ALL browsers
|
||||
- Events on same day now sorted by start time (but first by timespan)
|
||||
- Correct z-index when dragging
|
||||
- Dragging contained in overflow DIV for IE6
|
||||
- Modified fullcalendar.css
|
||||
- for right-to-left support
|
||||
- for variable start-of-week
|
||||
- for IE6 resizing bug
|
||||
- for THEAD and TBODY (in 1.0, just used TBODY, restructured in 1.1)
|
||||
- IF UPGRADING FROM FULLCALENDAR 1.0, YOU MUST UPGRADE FULLCALENDAR.CSS
|
||||
!!!!!!!!!!!
|
||||
|
||||
|
|
@ -1,197 +1,203 @@
|
|||
/*!
|
||||
* FullCalendar v1.6.4 Stylesheet
|
||||
* Docs & License: http://arshaw.com/fullcalendar/
|
||||
* (c) 2013 Adam Shaw
|
||||
* FullCalendar v3.0.1 Stylesheet
|
||||
* Docs & License: http://fullcalendar.io/
|
||||
* (c) 2016 Adam Shaw
|
||||
*/
|
||||
|
||||
|
||||
.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%;
|
||||
.fc-rtl {
|
||||
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;
|
||||
}
|
||||
body .fc { /* extra precedence to overcome jqui */
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.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
|
||||
------------------------------------------------------------------------*/
|
||||
/* Colors
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.fc-widget-header, /* <th>, usually */
|
||||
.fc-widget-content { /* <td>, usually */
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
|
||||
.fc-unthemed th,
|
||||
.fc-unthemed td,
|
||||
.fc-unthemed thead,
|
||||
.fc-unthemed tbody,
|
||||
.fc-unthemed .fc-divider,
|
||||
.fc-unthemed .fc-row,
|
||||
.fc-unthemed .fc-content, /* for gutter border */
|
||||
.fc-unthemed .fc-popover,
|
||||
.fc-unthemed .fc-list-view,
|
||||
.fc-unthemed .fc-list-heading td {
|
||||
border-color: #ddd;
|
||||
}
|
||||
|
||||
.fc-unthemed .fc-popover {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.fc-unthemed .fc-divider,
|
||||
.fc-unthemed .fc-popover .fc-header,
|
||||
.fc-unthemed .fc-list-heading td {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.fc-unthemed .fc-popover .fc-header .fc-close {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.fc-unthemed .fc-today {
|
||||
background: #fcf8e3;
|
||||
}
|
||||
|
||||
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
|
||||
}
|
||||
|
||||
.fc-highlight { /* when user is selecting cells */
|
||||
background: #bce8f1;
|
||||
opacity: .3;
|
||||
filter: alpha(opacity=30); /* for IE */
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.fc-bgevent { /* default look for background events */
|
||||
background: rgb(143, 223, 130);
|
||||
opacity: .3;
|
||||
}
|
||||
|
||||
.fc-nonbusiness { /* default look for non-business-hours areas */
|
||||
/* will inherit .fc-bgevent's styles */
|
||||
background: #d7d7d7;
|
||||
}
|
||||
|
||||
|
||||
/* Buttons
|
||||
------------------------------------------------------------------------*/
|
||||
/* Icons (inline elements with styled text that mock arrow icons)
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.fc-button {
|
||||
position: relative;
|
||||
.fc-icon {
|
||||
display: inline-block;
|
||||
padding: 0 .6em;
|
||||
height: 1em;
|
||||
line-height: 1em;
|
||||
font-size: 1em;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
height: 1.9em;
|
||||
line-height: 1.9em;
|
||||
font-family: "Courier New", Courier, monospace;
|
||||
|
||||
/* don't allow browser text-selection */
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/*
|
||||
Acceptable font-family overrides for individual icons:
|
||||
"Arial", sans-serif
|
||||
"Times New Roman", serif
|
||||
|
||||
NOTE: use percentage font sizes or else old IE chokes
|
||||
*/
|
||||
|
||||
.fc-icon:after {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.fc-icon-left-single-arrow:after {
|
||||
content: "\02039";
|
||||
font-weight: bold;
|
||||
font-size: 200%;
|
||||
top: -7%;
|
||||
}
|
||||
|
||||
.fc-icon-right-single-arrow:after {
|
||||
content: "\0203A";
|
||||
font-weight: bold;
|
||||
font-size: 200%;
|
||||
top: -7%;
|
||||
}
|
||||
|
||||
.fc-icon-left-double-arrow:after {
|
||||
content: "\000AB";
|
||||
font-size: 160%;
|
||||
top: -7%;
|
||||
}
|
||||
|
||||
.fc-icon-right-double-arrow:after {
|
||||
content: "\000BB";
|
||||
font-size: 160%;
|
||||
top: -7%;
|
||||
}
|
||||
|
||||
.fc-icon-left-triangle:after {
|
||||
content: "\25C4";
|
||||
font-size: 125%;
|
||||
top: 3%;
|
||||
}
|
||||
|
||||
.fc-icon-right-triangle:after {
|
||||
content: "\25BA";
|
||||
font-size: 125%;
|
||||
top: 3%;
|
||||
}
|
||||
|
||||
.fc-icon-down-triangle:after {
|
||||
content: "\25BC";
|
||||
font-size: 125%;
|
||||
top: 2%;
|
||||
}
|
||||
|
||||
.fc-icon-x:after {
|
||||
content: "\000D7";
|
||||
font-size: 200%;
|
||||
top: 6%;
|
||||
}
|
||||
|
||||
|
||||
/* Buttons (styled <button> tags, normalized to work cross-browser)
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.fc button {
|
||||
/* force height to include the border and padding */
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
/* dimensions */
|
||||
margin: 0;
|
||||
height: 2.1em;
|
||||
padding: 0 .6em;
|
||||
|
||||
/* text & cursor */
|
||||
font-size: 1em; /* normalize */
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
/* Firefox has an annoying inner border */
|
||||
.fc button::-moz-focus-inner { margin: 0; padding: 0; }
|
||||
|
||||
.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.
|
||||
*/
|
||||
/* icons in buttons */
|
||||
|
||||
.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 {
|
||||
.fc button .fc-icon { /* non-theme */
|
||||
position: relative;
|
||||
float: left;
|
||||
top: 50%;
|
||||
}
|
||||
|
||||
.fc-button .ui-icon {
|
||||
position: relative;
|
||||
float: left;
|
||||
margin-top: -50%;
|
||||
*margin-top: 0;
|
||||
*top: -50%;
|
||||
}
|
||||
top: -0.05em; /* seems to be a good adjustment across browsers */
|
||||
margin: 0 .2em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/*
|
||||
button states
|
||||
|
|
@ -211,7 +217,7 @@ html .fc,
|
|||
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,
|
||||
|
|
@ -219,7 +225,7 @@ html .fc,
|
|||
.fc-state-disabled {
|
||||
color: #333333;
|
||||
background-color: #e6e6e6;
|
||||
}
|
||||
}
|
||||
|
||||
.fc-state-hover {
|
||||
color: #333333;
|
||||
|
|
@ -229,361 +235,1163 @@ html .fc,
|
|||
-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
|
||||
------------------------------------------------------------------------*/
|
||||
/* Buttons Groups
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.fc-event-container > * {
|
||||
z-index: 8;
|
||||
}
|
||||
.fc-button-group {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
/*
|
||||
every button that is not first in a button group should scootch over one pixel and cover the
|
||||
previous button's border...
|
||||
*/
|
||||
|
||||
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 {
|
||||
.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */
|
||||
float: left;
|
||||
}
|
||||
|
||||
.fc-rtl .fc-grid .fc-event-time {
|
||||
float: right;
|
||||
}
|
||||
|
||||
|
||||
margin: 0 0 0 -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 */
|
||||
}
|
||||
|
||||
.fc .fc-button-group > :first-child { /* same */
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
|
||||
/* Vertical Events
|
||||
------------------------------------------------------------------------*/
|
||||
/* Popover
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.fc-event-vert {
|
||||
border-width: 0 1px;
|
||||
}
|
||||
|
||||
.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 */
|
||||
.fc-popover {
|
||||
position: absolute;
|
||||
box-shadow: 0 2px 6px rgba(0,0,0,.15);
|
||||
}
|
||||
|
||||
.fc-popover .fc-header { /* TODO: be more consistent with fc-head/fc-body */
|
||||
padding: 2px 4px;
|
||||
}
|
||||
|
||||
.fc-popover .fc-header .fc-title {
|
||||
margin: 0 2px;
|
||||
}
|
||||
|
||||
.fc-popover .fc-header .fc-close {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.fc-ltr .fc-popover .fc-header .fc-title,
|
||||
.fc-rtl .fc-popover .fc-header .fc-close {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.fc-rtl .fc-popover .fc-header .fc-title,
|
||||
.fc-ltr .fc-popover .fc-header .fc-close {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* unthemed */
|
||||
|
||||
.fc-unthemed .fc-popover {
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
.fc-unthemed .fc-popover .fc-header .fc-close {
|
||||
font-size: .9em;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
/* jqui themed */
|
||||
|
||||
.fc-popover > .ui-widget-header + .ui-widget-content {
|
||||
border-top: 0; /* where they meet, let the header have the border */
|
||||
}
|
||||
|
||||
|
||||
/* Misc Reusable Components
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.fc-divider {
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
}
|
||||
|
||||
hr.fc-divider {
|
||||
height: 0;
|
||||
margin: 0;
|
||||
padding: 0 0 2px; /* height is unreliable across browsers, so use padding */
|
||||
border-width: 1px 0;
|
||||
}
|
||||
|
||||
.fc-clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.fc-bg,
|
||||
.fc-bgevent-skeleton,
|
||||
.fc-highlight-skeleton,
|
||||
.fc-helper-skeleton {
|
||||
/* these element should always cling to top-left/right corners */
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.fc-bg {
|
||||
bottom: 0; /* strech bg to bottom edge */
|
||||
}
|
||||
|
||||
.fc-bg table {
|
||||
height: 100%; /* strech bg to bottom edge */
|
||||
}
|
||||
|
||||
|
||||
/* Tables
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.fc table {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-sizing: border-box; /* fix scrollbar issue in firefox */
|
||||
table-layout: fixed;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
font-size: 1em; /* normalize cross-browser */
|
||||
}
|
||||
|
||||
.fc th {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fc th,
|
||||
.fc td {
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
padding: 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.fc td.fc-today {
|
||||
border-style: double; /* overcome neighboring borders */
|
||||
}
|
||||
|
||||
|
||||
/* Internal Nav Links
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
a[data-goto] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
a[data-goto]:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
/* Fake Table Rows
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
|
||||
/* no visible border by default. but make available if need be (scrollbar width compensation) */
|
||||
border-style: solid;
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
.fc-row table {
|
||||
/* don't put left/right border on anything within a fake row.
|
||||
the outer tbody will worry about this */
|
||||
border-left: 0 hidden transparent;
|
||||
border-right: 0 hidden transparent;
|
||||
|
||||
/* no bottom borders on rows */
|
||||
border-bottom: 0 hidden transparent;
|
||||
}
|
||||
|
||||
.fc-row:first-child table {
|
||||
border-top: 0 hidden transparent; /* no top border on first row */
|
||||
}
|
||||
|
||||
|
||||
/* Day Row (used within the header and the DayGrid)
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.fc-row {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.fc-row .fc-bg {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* highlighting cells & background event skeleton */
|
||||
|
||||
.fc-row .fc-bgevent-skeleton,
|
||||
.fc-row .fc-highlight-skeleton {
|
||||
bottom: 0; /* stretch skeleton to bottom of row */
|
||||
}
|
||||
|
||||
.fc-row .fc-bgevent-skeleton table,
|
||||
.fc-row .fc-highlight-skeleton table {
|
||||
height: 100%; /* stretch skeleton to bottom of row */
|
||||
}
|
||||
|
||||
.fc-row .fc-highlight-skeleton td,
|
||||
.fc-row .fc-bgevent-skeleton td {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.fc-row .fc-bgevent-skeleton {
|
||||
z-index: 2;
|
||||
|
||||
}
|
||||
|
||||
.fc-row .fc-highlight-skeleton {
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
/*
|
||||
row content (which contains day/week numbers and events) as well as "helper" (which contains
|
||||
temporary rendered events).
|
||||
*/
|
||||
|
||||
.fc-row .fc-content-skeleton {
|
||||
position: relative;
|
||||
z-index: 4;
|
||||
padding-bottom: 2px; /* matches the space above the events */
|
||||
}
|
||||
|
||||
.fc-row .fc-helper-skeleton {
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.fc-row .fc-content-skeleton td,
|
||||
.fc-row .fc-helper-skeleton td {
|
||||
/* see-through to the background below */
|
||||
background: none; /* in case <td>s are globally styled */
|
||||
border-color: transparent;
|
||||
|
||||
/* don't put a border between events and/or the day number */
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.fc-row .fc-content-skeleton tbody td, /* cells with events inside (so NOT the day number cell) */
|
||||
.fc-row .fc-helper-skeleton tbody td {
|
||||
/* don't put a border between event cells */
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
|
||||
/* Scrolling Container
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.fc-scroller {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
/* TODO: move to agenda/basic */
|
||||
.fc-scroller > .fc-day-grid,
|
||||
.fc-scroller > .fc-time-grid {
|
||||
position: relative; /* re-scope all positions */
|
||||
width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */
|
||||
}
|
||||
|
||||
|
||||
/* Global Event Styles
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.fc-event {
|
||||
position: relative; /* for resize handle and other inner positioning */
|
||||
display: block; /* make the <a> tag block */
|
||||
font-size: .85em;
|
||||
line-height: 1.3;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #3a87ad; /* default BORDER color */
|
||||
font-weight: normal; /* undo jqui's ui-widget-header bold */
|
||||
}
|
||||
|
||||
.fc-event,
|
||||
.fc-event-dot {
|
||||
background-color: #3a87ad; /* default BACKGROUND color */
|
||||
}
|
||||
|
||||
/* overpower some of bootstrap's and jqui's styles on <a> tags */
|
||||
.fc-event,
|
||||
.fc-event:hover,
|
||||
.ui-widget .fc-event {
|
||||
color: #fff; /* default TEXT color */
|
||||
text-decoration: none; /* if <a> has an href */
|
||||
}
|
||||
|
||||
.fc-event[href],
|
||||
.fc-event.fc-draggable {
|
||||
cursor: pointer; /* give events with links and draggable events a hand mouse pointer */
|
||||
}
|
||||
|
||||
.fc-not-allowed, /* causes a "warning" cursor. applied on body */
|
||||
.fc-not-allowed .fc-event { /* to override an event's custom cursor */
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.fc-event .fc-bg { /* the generic .fc-bg already does position */
|
||||
z-index: 1;
|
||||
background: #fff;
|
||||
opacity: .25;
|
||||
filter: alpha(opacity=25);
|
||||
}
|
||||
}
|
||||
|
||||
.fc-event .fc-content {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
/* resizer (cursor AND touch devices) */
|
||||
|
||||
.fc-event .fc-resizer {
|
||||
position: absolute;
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
/* resizer (touch devices) */
|
||||
|
||||
.fc-event .fc-resizer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fc-event.fc-allow-mouse-resize .fc-resizer,
|
||||
.fc-event.fc-selected .fc-resizer {
|
||||
/* only show when hovering or selected (with touch) */
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* hit area */
|
||||
|
||||
.fc-event.fc-selected .fc-resizer:before {
|
||||
/* 40x40 touch area */
|
||||
content: "";
|
||||
position: absolute;
|
||||
z-index: 9999; /* user of this util can scope within a lower z-index */
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-left: -20px;
|
||||
margin-top: -20px;
|
||||
}
|
||||
|
||||
|
||||
/* Event Selection (only for touch devices)
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.fc-event.fc-selected {
|
||||
z-index: 9999 !important; /* overcomes inline z-index */
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.fc-event.fc-selected.fc-dragging {
|
||||
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
|
||||
/* Horizontal Events
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* bigger touch area when selected */
|
||||
.fc-h-event.fc-selected:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
z-index: 3; /* below resizers */
|
||||
top: -10px;
|
||||
bottom: -10px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
|
||||
|
||||
.fc-ltr .fc-h-event.fc-not-start,
|
||||
.fc-rtl .fc-h-event.fc-not-end {
|
||||
margin-left: 0;
|
||||
border-left-width: 0;
|
||||
padding-left: 1px; /* replace the border with padding */
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
|
||||
.fc-ltr .fc-h-event.fc-not-end,
|
||||
.fc-rtl .fc-h-event.fc-not-start {
|
||||
margin-right: 0;
|
||||
border-right-width: 0;
|
||||
padding-right: 1px; /* replace the border with padding */
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
/* resizer (cursor AND touch devices) */
|
||||
|
||||
/* left resizer */
|
||||
.fc-ltr .fc-h-event .fc-start-resizer,
|
||||
.fc-rtl .fc-h-event .fc-end-resizer {
|
||||
cursor: w-resize;
|
||||
left: -1px; /* overcome border */
|
||||
}
|
||||
|
||||
/* right resizer */
|
||||
.fc-ltr .fc-h-event .fc-end-resizer,
|
||||
.fc-rtl .fc-h-event .fc-start-resizer {
|
||||
cursor: e-resize;
|
||||
right: -1px; /* overcome border */
|
||||
}
|
||||
|
||||
/* resizer (mouse devices) */
|
||||
|
||||
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
|
||||
width: 7px;
|
||||
top: -1px; /* overcome top border */
|
||||
bottom: -1px; /* overcome bottom border */
|
||||
}
|
||||
|
||||
/* resizer (touch devices) */
|
||||
|
||||
.fc-h-event.fc-selected .fc-resizer {
|
||||
/* 8x8 little dot */
|
||||
border-radius: 4px;
|
||||
border-width: 1px;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
border-style: solid;
|
||||
border-color: inherit;
|
||||
background: #fff;
|
||||
/* vertically center */
|
||||
top: 50%;
|
||||
margin-top: -4px;
|
||||
}
|
||||
|
||||
/* left resizer */
|
||||
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
|
||||
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
|
||||
margin-left: -4px; /* centers the 8x8 dot on the left edge */
|
||||
}
|
||||
|
||||
/* right resizer */
|
||||
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
|
||||
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
|
||||
margin-right: -4px; /* centers the 8x8 dot on the right edge */
|
||||
}
|
||||
|
||||
|
||||
/* DayGrid events
|
||||
----------------------------------------------------------------------------------------------------
|
||||
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
|
||||
be a descendant of the grid when it is being dragged.
|
||||
*/
|
||||
|
||||
.fc-day-grid-event {
|
||||
margin: 1px 2px 0; /* spacing between events and edges */
|
||||
padding: 0 1px;
|
||||
}
|
||||
|
||||
tr:first-child > td > .fc-day-grid-event {
|
||||
margin-top: 2px; /* a little bit more space before the first event */
|
||||
}
|
||||
|
||||
.fc-day-grid-event.fc-selected:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
z-index: 1; /* same z-index as fc-bg, behind text */
|
||||
/* overcome the borders */
|
||||
top: -1px;
|
||||
right: -1px;
|
||||
bottom: -1px;
|
||||
left: -1px;
|
||||
/* darkening effect */
|
||||
background: #000;
|
||||
opacity: .25;
|
||||
}
|
||||
|
||||
.fc-day-grid-event .fc-content { /* force events to be one-line tall */
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fc-day-grid-event .fc-time {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* resizer (cursor devices) */
|
||||
|
||||
/* left resizer */
|
||||
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
|
||||
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
|
||||
margin-left: -2px; /* to the day cell's edge */
|
||||
}
|
||||
|
||||
/* right resizer */
|
||||
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
|
||||
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
|
||||
margin-right: -2px; /* to the day cell's edge */
|
||||
}
|
||||
|
||||
|
||||
/* Event Limiting
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* "more" link that represents hidden events */
|
||||
|
||||
a.fc-more {
|
||||
margin: 1px 3px;
|
||||
font-size: .85em;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a.fc-more:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.fc-limited { /* rows and cells that are hidden because of a "more" link */
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* popover that appears when "more" link is clicked */
|
||||
|
||||
.fc-day-grid .fc-row {
|
||||
z-index: 1; /* make the "more" popover one higher than this */
|
||||
}
|
||||
|
||||
.fc-more-popover {
|
||||
z-index: 2;
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.fc-more-popover .fc-event-container {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
/* Now Indicator
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.fc-now-indicator {
|
||||
position: absolute;
|
||||
border: 0 solid red;
|
||||
}
|
||||
|
||||
|
||||
/* Utilities
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.fc-unselectable {
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Toolbar
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.fc-toolbar {
|
||||
text-align: center;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.fc-toolbar .fc-left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.fc-toolbar .fc-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.fc-toolbar .fc-center {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* the things within each left/right/center section */
|
||||
.fc .fc-toolbar > * > * { /* extra precedence to override button border margins */
|
||||
float: left;
|
||||
margin-left: .75em;
|
||||
}
|
||||
|
||||
/* the first thing within each left/center/right section */
|
||||
.fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.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 */
|
||||
}
|
||||
/* title text */
|
||||
|
||||
.fc-toolbar h2 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* button layering (for border precedence) */
|
||||
|
||||
.fc-toolbar button {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.fc-toolbar .fc-state-hover,
|
||||
.fc-toolbar .ui-state-hover {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
.fc-toolbar .fc-state-down {
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.fc-toolbar .fc-state-active,
|
||||
.fc-toolbar .ui-state-active {
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
.fc-toolbar button:focus {
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
|
||||
/* View Structure
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
|
||||
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
|
||||
.fc-view-container *,
|
||||
.fc-view-container *:before,
|
||||
.fc-view-container *:after {
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
.fc-view, /* scope positioning and z-index's for everything within the view */
|
||||
.fc-view > table { /* so dragged elements can be above the view's main element */
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* BasicView
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* day row structure */
|
||||
|
||||
.fc-basicWeek-view .fc-content-skeleton,
|
||||
.fc-basicDay-view .fc-content-skeleton {
|
||||
/* there may be week numbers in these views, so no padding-top */
|
||||
padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */
|
||||
}
|
||||
|
||||
.fc-basic-view .fc-body .fc-row {
|
||||
min-height: 4em; /* ensure that all rows are at least this tall */
|
||||
}
|
||||
|
||||
/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
|
||||
|
||||
.fc-row.fc-rigid {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fc-row.fc-rigid .fc-content-skeleton {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
/* week and day number styling */
|
||||
|
||||
.fc-day-top.fc-other-month {
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.fc-basic-view .fc-week-number,
|
||||
.fc-basic-view .fc-day-number {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.fc-basic-view th.fc-week-number,
|
||||
.fc-basic-view th.fc-day-number {
|
||||
padding: 0 2px; /* column headers can't have as much v space */
|
||||
}
|
||||
|
||||
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number { float: right; }
|
||||
.fc-rtl .fc-basic-view .fc-day-top .fc-day-number { float: left; }
|
||||
|
||||
.fc-ltr .fc-basic-view .fc-day-top .fc-week-number { float: left; border-radius: 0 0 3px 0; }
|
||||
.fc-rtl .fc-basic-view .fc-day-top .fc-week-number { float: right; border-radius: 0 0 0 3px; }
|
||||
|
||||
.fc-basic-view .fc-day-top .fc-week-number {
|
||||
min-width: 1.5em;
|
||||
text-align: center;
|
||||
background-color: #f2f2f2;
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
/* when week/day number have own column */
|
||||
|
||||
.fc-basic-view td.fc-week-number {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fc-basic-view td.fc-week-number > * {
|
||||
/* work around the way we do column resizing and ensure a minimum width */
|
||||
display: inline-block;
|
||||
min-width: 1.25em;
|
||||
}
|
||||
|
||||
|
||||
/* AgendaView all-day area
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.fc-agenda-view .fc-day-grid {
|
||||
position: relative;
|
||||
z-index: 2; /* so the "more.." popover will be over the time grid */
|
||||
}
|
||||
|
||||
.fc-agenda-view .fc-day-grid .fc-row {
|
||||
min-height: 3em; /* all-day section will never get shorter than this */
|
||||
}
|
||||
|
||||
.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
|
||||
padding-bottom: 1em; /* give space underneath events for clicking/selecting days */
|
||||
}
|
||||
|
||||
|
||||
/* TimeGrid axis running down the side (for both the all-day area and the slot area)
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.fc .fc-axis { /* .fc to overcome default cell styles */
|
||||
vertical-align: middle;
|
||||
padding: 0 4px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.fc-ltr .fc-axis {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.fc-rtl .fc-axis {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.ui-widget td.fc-axis {
|
||||
font-weight: normal; /* overcome jqui theme making it bold */
|
||||
}
|
||||
|
||||
|
||||
/* TimeGrid Structure
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.fc-time-grid-container, /* so scroll container's z-index is below all-day */
|
||||
.fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.fc-time-grid {
|
||||
min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */
|
||||
}
|
||||
|
||||
.fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */
|
||||
border: 0 hidden transparent;
|
||||
}
|
||||
|
||||
.fc-time-grid > .fc-bg {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.fc-time-grid .fc-slats,
|
||||
.fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.fc-time-grid .fc-content-col {
|
||||
position: relative; /* because now-indicator lives directly inside */
|
||||
}
|
||||
|
||||
.fc-time-grid .fc-content-skeleton {
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
/* divs within a cell within the fc-content-skeleton */
|
||||
|
||||
.fc-time-grid .fc-business-container {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.fc-time-grid .fc-bgevent-container {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.fc-time-grid .fc-highlight-container {
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.fc-time-grid .fc-event-container {
|
||||
position: relative;
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
.fc-time-grid .fc-now-indicator-line {
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.fc-time-grid .fc-helper-container { /* also is fc-event-container */
|
||||
position: relative;
|
||||
z-index: 6;
|
||||
}
|
||||
|
||||
|
||||
/* TimeGrid Slats (lines that run horizontally)
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.fc-time-grid .fc-slats td {
|
||||
height: 1.5em;
|
||||
border-bottom: 0; /* each cell is responsible for its top border */
|
||||
}
|
||||
|
||||
.fc-time-grid .fc-slats .fc-minor td {
|
||||
border-top-style: dotted;
|
||||
}
|
||||
|
||||
.fc-time-grid .fc-slats .ui-widget-content { /* for jqui theme */
|
||||
background: none; /* see through to fc-bg */
|
||||
}
|
||||
|
||||
|
||||
/* TimeGrid Highlighting Slots
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */
|
||||
position: relative; /* scopes the left/right of the fc-highlight to be in the column */
|
||||
}
|
||||
|
||||
.fc-time-grid .fc-highlight {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
/* top and bottom will be in by JS */
|
||||
}
|
||||
|
||||
|
||||
/* TimeGrid Event Containment
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */
|
||||
margin: 0 2.5% 0 2px;
|
||||
}
|
||||
|
||||
.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */
|
||||
margin: 0 2px 0 2.5%;
|
||||
}
|
||||
|
||||
.fc-time-grid .fc-event,
|
||||
.fc-time-grid .fc-bgevent {
|
||||
position: absolute;
|
||||
z-index: 1; /* scope inner z-index's */
|
||||
}
|
||||
|
||||
.fc-time-grid .fc-bgevent {
|
||||
/* background events always span full width */
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
|
||||
/* Generic Vertical Event
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.fc-v-event.fc-not-start { /* events that are continuing from another day */
|
||||
/* replace space made by the top border with padding */
|
||||
border-top-width: 0;
|
||||
padding-top: 1px;
|
||||
|
||||
/* remove top rounded corners */
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
|
||||
.fc-v-event.fc-not-end {
|
||||
/* replace space made by the top border with padding */
|
||||
border-bottom-width: 0;
|
||||
padding-bottom: 1px;
|
||||
|
||||
/* remove bottom rounded corners */
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
|
||||
/* TimeGrid Event Styling
|
||||
----------------------------------------------------------------------------------------------------
|
||||
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
|
||||
be a descendant of the grid when it is being dragged.
|
||||
*/
|
||||
|
||||
.fc-time-grid-event {
|
||||
overflow: hidden; /* don't let the bg flow over rounded corners */
|
||||
}
|
||||
|
||||
.fc-time-grid-event.fc-selected {
|
||||
/* need to allow touch resizers to extend outside event's bounding box */
|
||||
/* common fc-selected styles hide the fc-bg, so don't need this anyway */
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.fc-time-grid-event.fc-selected .fc-bg {
|
||||
display: none; /* hide semi-white background, to appear darker */
|
||||
}
|
||||
|
||||
.fc-time-grid-event .fc-content {
|
||||
overflow: hidden; /* for when .fc-selected */
|
||||
}
|
||||
|
||||
.fc-time-grid-event .fc-time,
|
||||
.fc-time-grid-event .fc-title {
|
||||
padding: 0 1px;
|
||||
}
|
||||
|
||||
.fc-time-grid-event .fc-time {
|
||||
font-size: .85em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* short mode, where time and title are on the same line */
|
||||
|
||||
.fc-time-grid-event.fc-short .fc-content {
|
||||
/* don't wrap to second line (now that contents will be inline) */
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.fc-time-grid-event.fc-short .fc-time,
|
||||
.fc-time-grid-event.fc-short .fc-title {
|
||||
/* put the time and title on the same line */
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.fc-time-grid-event.fc-short .fc-time span {
|
||||
display: none; /* don't display the full time text... */
|
||||
}
|
||||
|
||||
.fc-time-grid-event.fc-short .fc-time:before {
|
||||
content: attr(data-start); /* ...instead, display only the start time */
|
||||
}
|
||||
|
||||
.fc-time-grid-event.fc-short .fc-time:after {
|
||||
content: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */
|
||||
}
|
||||
|
||||
.fc-time-grid-event.fc-short .fc-title {
|
||||
font-size: .85em; /* make the title text the same size as the time */
|
||||
padding: 0; /* undo padding from above */
|
||||
}
|
||||
|
||||
/* resizer (cursor device) */
|
||||
|
||||
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 8px;
|
||||
overflow: hidden;
|
||||
line-height: 8px;
|
||||
font-size: 11px;
|
||||
font-family: monospace;
|
||||
text-align: center;
|
||||
cursor: s-resize;
|
||||
}
|
||||
|
||||
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
|
||||
_overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
|
||||
content: "=";
|
||||
}
|
||||
|
||||
/* resizer (touch device) */
|
||||
|
||||
.fc-time-grid-event.fc-selected .fc-resizer {
|
||||
/* 10x10 dot */
|
||||
border-radius: 5px;
|
||||
border-width: 1px;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-style: solid;
|
||||
border-color: inherit;
|
||||
background: #fff;
|
||||
/* horizontally center */
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
/* center on the bottom edge */
|
||||
bottom: -5px;
|
||||
}
|
||||
|
||||
|
||||
/* Now Indicator
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.fc-time-grid .fc-now-indicator-line {
|
||||
border-top-width: 1px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
/* arrow on axis */
|
||||
|
||||
.fc-time-grid .fc-now-indicator-arrow {
|
||||
margin-top: -5px; /* vertically center on top coordinate */
|
||||
}
|
||||
|
||||
.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
|
||||
left: 0;
|
||||
/* triangle pointing right... */
|
||||
border-width: 5px 0 5px 6px;
|
||||
border-top-color: transparent;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
|
||||
right: 0;
|
||||
/* triangle pointing left... */
|
||||
border-width: 5px 6px 5px 0;
|
||||
border-top-color: transparent;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* List View
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* possibly reusable */
|
||||
|
||||
.fc-event-dot {
|
||||
display: inline-block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/* view wrapper */
|
||||
|
||||
.fc-rtl .fc-list-view {
|
||||
direction: rtl; /* unlike core views, leverage browser RTL */
|
||||
}
|
||||
|
||||
.fc-list-view {
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
/* table resets */
|
||||
|
||||
.fc .fc-list-table {
|
||||
table-layout: auto; /* for shrinkwrapping cell content */
|
||||
}
|
||||
|
||||
.fc-list-table td {
|
||||
border-width: 1px 0 0;
|
||||
padding: 8px 14px;
|
||||
}
|
||||
|
||||
.fc-list-table tr:first-child td {
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
/* day headings with the list */
|
||||
|
||||
.fc-list-heading {
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
|
||||
.fc-list-heading td {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.fc-ltr .fc-list-heading-main { float: left; }
|
||||
.fc-ltr .fc-list-heading-alt { float: right; }
|
||||
|
||||
.fc-rtl .fc-list-heading-main { float: right; }
|
||||
.fc-rtl .fc-list-heading-alt { float: left; }
|
||||
|
||||
/* event list items */
|
||||
|
||||
.fc-list-item.fc-has-url {
|
||||
cursor: pointer; /* whole row will be clickable */
|
||||
}
|
||||
|
||||
.fc-list-item:hover td {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.fc-list-item-marker,
|
||||
.fc-list-item-time {
|
||||
white-space: nowrap;
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
/* make the dot closer to the event title */
|
||||
.fc-ltr .fc-list-item-marker { padding-right: 0; }
|
||||
.fc-rtl .fc-list-item-marker { padding-left: 0; }
|
||||
|
||||
.fc-list-item-title a {
|
||||
/* every event title cell has an <a> tag */
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.fc-list-item-title a[href]:hover {
|
||||
/* hover effect only on titles with hrefs */
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* message when no events */
|
||||
|
||||
.fc-list-empty-wrap2 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.fc-list-empty-wrap1 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: table;
|
||||
}
|
||||
|
||||
.fc-list-empty {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fc-unthemed .fc-list-empty { /* theme will provide own background */
|
||||
background-color: #eee;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,1919 +1,872 @@
|
|||
/*!
|
||||
* FullCalendar v1.6.4
|
||||
* Docs & License: http://arshaw.com/fullcalendar/
|
||||
* (c) 2013 Adam Shaw
|
||||
* FullCalendar v3.0.1
|
||||
* Docs & License: http://fullcalendar.io/
|
||||
* (c) 2016 Adam Shaw
|
||||
*/
|
||||
|
||||
/*
|
||||
* Use fullcalendar.css for basic styling.
|
||||
* For event drag & drop, requires jQuery UI draggable.
|
||||
* For event resizing, requires jQuery UI resizable.
|
||||
*/
|
||||
|
||||
(function($, undefined) {
|
||||
|
||||
|
||||
;;
|
||||
|
||||
var defaults = {
|
||||
|
||||
// display
|
||||
defaultView: 'month',
|
||||
aspectRatio: 1.35,
|
||||
header: {
|
||||
left: 'title',
|
||||
center: '',
|
||||
right: 'today prev,next'
|
||||
},
|
||||
weekends: true,
|
||||
weekNumbers: false,
|
||||
weekNumberCalculation: 'iso',
|
||||
weekNumberTitle: 'W',
|
||||
|
||||
// editing
|
||||
//editable: false,
|
||||
//disableDragging: false,
|
||||
//disableResizing: false,
|
||||
|
||||
allDayDefault: true,
|
||||
ignoreTimezone: true,
|
||||
|
||||
// event ajax
|
||||
lazyFetching: true,
|
||||
startParam: 'start',
|
||||
endParam: 'end',
|
||||
|
||||
// time formats
|
||||
titleFormat: {
|
||||
month: 'MMMM yyyy',
|
||||
week: "MMM d[ yyyy]{ '—'[ MMM] d yyyy}",
|
||||
day: 'dddd, MMM d, yyyy'
|
||||
},
|
||||
columnFormat: {
|
||||
month: 'ddd',
|
||||
week: 'ddd M/d',
|
||||
day: 'dddd M/d'
|
||||
},
|
||||
timeFormat: { // for event elements
|
||||
'': 'h(:mm)t' // default
|
||||
},
|
||||
|
||||
// locale
|
||||
isRTL: false,
|
||||
firstDay: 0,
|
||||
monthNames: ['January','February','March','April','May','June','July','August','September','October','November','December'],
|
||||
monthNamesShort: ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
|
||||
dayNames: ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'],
|
||||
dayNamesShort: ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'],
|
||||
buttonText: {
|
||||
prev: "<span class='fc-text-arrow'>‹</span>",
|
||||
next: "<span class='fc-text-arrow'>›</span>",
|
||||
prevYear: "<span class='fc-text-arrow'>«</span>",
|
||||
nextYear: "<span class='fc-text-arrow'>»</span>",
|
||||
today: 'today',
|
||||
month: 'month',
|
||||
week: 'week',
|
||||
day: 'day'
|
||||
},
|
||||
|
||||
// jquery-ui theming
|
||||
theme: false,
|
||||
buttonIcons: {
|
||||
prev: 'circle-triangle-w',
|
||||
next: 'circle-triangle-e'
|
||||
},
|
||||
|
||||
//selectable: false,
|
||||
unselectAuto: true,
|
||||
|
||||
dropAccept: '*',
|
||||
|
||||
handleWindowResize: true
|
||||
|
||||
};
|
||||
|
||||
// right-to-left defaults
|
||||
var rtlDefaults = {
|
||||
header: {
|
||||
left: 'next,prev today',
|
||||
center: '',
|
||||
right: 'title'
|
||||
},
|
||||
buttonText: {
|
||||
prev: "<span class='fc-text-arrow'>›</span>",
|
||||
next: "<span class='fc-text-arrow'>‹</span>",
|
||||
prevYear: "<span class='fc-text-arrow'>»</span>",
|
||||
nextYear: "<span class='fc-text-arrow'>«</span>"
|
||||
},
|
||||
buttonIcons: {
|
||||
prev: 'circle-triangle-e',
|
||||
next: 'circle-triangle-w'
|
||||
(function(factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
define([ 'jquery', 'moment' ], factory);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
else if (typeof exports === 'object') { // Node/CommonJS
|
||||
module.exports = factory(require('jquery'), require('moment'));
|
||||
}
|
||||
else {
|
||||
factory(jQuery, moment);
|
||||
}
|
||||
})(function($, moment) {
|
||||
|
||||
;;
|
||||
|
||||
var fc = $.fullCalendar = { version: "1.6.4" };
|
||||
var fcViews = fc.views = {};
|
||||
var FC = $.fullCalendar = {
|
||||
version: "3.0.1",
|
||||
internalApiVersion: 6
|
||||
};
|
||||
var fcViews = FC.views = {};
|
||||
|
||||
|
||||
$.fn.fullCalendar = function(options) {
|
||||
var args = Array.prototype.slice.call(arguments, 1); // for a possible method call
|
||||
var res = this; // what this function will return (this jQuery object by default)
|
||||
|
||||
this.each(function(i, _element) { // loop each DOM element involved
|
||||
var element = $(_element);
|
||||
var calendar = element.data('fullCalendar'); // get the existing calendar object (if any)
|
||||
var singleRes; // the returned value of this single method call
|
||||
|
||||
// method calling
|
||||
if (typeof options == 'string') {
|
||||
var args = Array.prototype.slice.call(arguments, 1);
|
||||
var res;
|
||||
this.each(function() {
|
||||
var calendar = $.data(this, 'fullCalendar');
|
||||
// a method call
|
||||
if (typeof options === 'string') {
|
||||
if (calendar && $.isFunction(calendar[options])) {
|
||||
var r = calendar[options].apply(calendar, args);
|
||||
if (res === undefined) {
|
||||
res = r;
|
||||
singleRes = calendar[options].apply(calendar, args);
|
||||
if (!i) {
|
||||
res = singleRes; // record the first method call result
|
||||
}
|
||||
if (options == 'destroy') {
|
||||
$.removeData(this, 'fullCalendar');
|
||||
if (options === 'destroy') { // for the destroy method, must remove Calendar object data
|
||||
element.removeData('fullCalendar');
|
||||
}
|
||||
}
|
||||
});
|
||||
if (res !== undefined) {
|
||||
return res;
|
||||
}
|
||||
return this;
|
||||
}
|
||||
|
||||
options = options || {};
|
||||
|
||||
// would like to have this logic in EventManager, but needs to happen before options are recursively extended
|
||||
var eventSources = options.eventSources || [];
|
||||
delete options.eventSources;
|
||||
if (options.events) {
|
||||
eventSources.push(options.events);
|
||||
delete options.events;
|
||||
}
|
||||
|
||||
|
||||
options = $.extend(true, {},
|
||||
defaults,
|
||||
(options.isRTL || options.isRTL===undefined && defaults.isRTL) ? rtlDefaults : {},
|
||||
options
|
||||
);
|
||||
|
||||
|
||||
this.each(function(i, _element) {
|
||||
var element = $(_element);
|
||||
var calendar = new Calendar(element, options, eventSources);
|
||||
element.data('fullCalendar', calendar); // TODO: look into memory leak implications
|
||||
calendar.render();
|
||||
// a new calendar initialization
|
||||
else if (!calendar) { // don't initialize twice
|
||||
calendar = new Calendar(element, options);
|
||||
element.data('fullCalendar', calendar);
|
||||
calendar.render();
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
return this;
|
||||
|
||||
};
|
||||
|
||||
|
||||
// function for adding/overriding defaults
|
||||
function setDefaults(d) {
|
||||
$.extend(true, defaults, d);
|
||||
}
|
||||
|
||||
|
||||
|
||||
;;
|
||||
|
||||
|
||||
function Calendar(element, options, eventSources) {
|
||||
var t = this;
|
||||
|
||||
|
||||
// exports
|
||||
t.options = options;
|
||||
t.render = render;
|
||||
t.destroy = destroy;
|
||||
t.refetchEvents = refetchEvents;
|
||||
t.reportEvents = reportEvents;
|
||||
t.reportEventChange = reportEventChange;
|
||||
t.rerenderEvents = rerenderEvents;
|
||||
t.changeView = changeView;
|
||||
t.select = select;
|
||||
t.unselect = unselect;
|
||||
t.prev = prev;
|
||||
t.next = next;
|
||||
t.prevYear = prevYear;
|
||||
t.nextYear = nextYear;
|
||||
t.today = today;
|
||||
t.gotoDate = gotoDate;
|
||||
t.incrementDate = incrementDate;
|
||||
t.formatDate = function(format, date) { return formatDate(format, date, options) };
|
||||
t.formatDates = function(format, date1, date2) { return formatDates(format, date1, date2, options) };
|
||||
t.getDate = getDate;
|
||||
t.getView = getView;
|
||||
t.option = option;
|
||||
t.trigger = trigger;
|
||||
|
||||
|
||||
// imports
|
||||
EventManager.call(t, options, eventSources);
|
||||
var isFetchNeeded = t.isFetchNeeded;
|
||||
var fetchEvents = t.fetchEvents;
|
||||
|
||||
|
||||
// locals
|
||||
var _element = element[0];
|
||||
var header;
|
||||
var headerElement;
|
||||
var content;
|
||||
var tm; // for making theme classes
|
||||
var currentView;
|
||||
var elementOuterWidth;
|
||||
var suggestedViewHeight;
|
||||
var resizeUID = 0;
|
||||
var ignoreWindowResize = 0;
|
||||
var date = new Date();
|
||||
var events = [];
|
||||
var _dragElement;
|
||||
|
||||
|
||||
|
||||
/* Main Rendering
|
||||
-----------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
setYMD(date, options.year, options.month, options.date);
|
||||
|
||||
|
||||
function render(inc) {
|
||||
if (!content) {
|
||||
initialRender();
|
||||
}
|
||||
else if (elementVisible()) {
|
||||
// mainly for the public API
|
||||
calcSize();
|
||||
_renderView(inc);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function initialRender() {
|
||||
tm = options.theme ? 'ui' : 'fc';
|
||||
element.addClass('fc');
|
||||
if (options.isRTL) {
|
||||
element.addClass('fc-rtl');
|
||||
}
|
||||
else {
|
||||
element.addClass('fc-ltr');
|
||||
}
|
||||
if (options.theme) {
|
||||
element.addClass('ui-widget');
|
||||
}
|
||||
|
||||
content = $("<div class='fc-content' style='position:relative'/>")
|
||||
.prependTo(element);
|
||||
|
||||
header = new Header(t, options);
|
||||
headerElement = header.render();
|
||||
if (headerElement) {
|
||||
element.prepend(headerElement);
|
||||
}
|
||||
|
||||
changeView(options.defaultView);
|
||||
|
||||
if (options.handleWindowResize) {
|
||||
$(window).resize(windowResize);
|
||||
}
|
||||
|
||||
// needed for IE in a 0x0 iframe, b/c when it is resized, never triggers a windowResize
|
||||
if (!bodyVisible()) {
|
||||
lateRender();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// called when we know the calendar couldn't be rendered when it was initialized,
|
||||
// but we think it's ready now
|
||||
function lateRender() {
|
||||
setTimeout(function() { // IE7 needs this so dimensions are calculated correctly
|
||||
if (!currentView.start && bodyVisible()) { // !currentView.start makes sure this never happens more than once
|
||||
renderView();
|
||||
}
|
||||
},0);
|
||||
}
|
||||
|
||||
|
||||
function destroy() {
|
||||
|
||||
if (currentView) {
|
||||
trigger('viewDestroy', currentView, currentView, currentView.element);
|
||||
currentView.triggerEventDestroy();
|
||||
}
|
||||
|
||||
$(window).unbind('resize', windowResize);
|
||||
|
||||
header.destroy();
|
||||
content.remove();
|
||||
element.removeClass('fc fc-rtl ui-widget');
|
||||
}
|
||||
|
||||
|
||||
function elementVisible() {
|
||||
return element.is(':visible');
|
||||
}
|
||||
|
||||
|
||||
function bodyVisible() {
|
||||
return $('body').is(':visible');
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* View Rendering
|
||||
-----------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
function changeView(newViewName) {
|
||||
if (!currentView || newViewName != currentView.name) {
|
||||
_changeView(newViewName);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function _changeView(newViewName) {
|
||||
ignoreWindowResize++;
|
||||
|
||||
if (currentView) {
|
||||
trigger('viewDestroy', currentView, currentView, currentView.element);
|
||||
unselect();
|
||||
currentView.triggerEventDestroy(); // trigger 'eventDestroy' for each event
|
||||
freezeContentHeight();
|
||||
currentView.element.remove();
|
||||
header.deactivateButton(currentView.name);
|
||||
}
|
||||
|
||||
header.activateButton(newViewName);
|
||||
|
||||
currentView = new fcViews[newViewName](
|
||||
$("<div class='fc-view fc-view-" + newViewName + "' style='position:relative'/>")
|
||||
.appendTo(content),
|
||||
t // the calendar object
|
||||
);
|
||||
|
||||
renderView();
|
||||
unfreezeContentHeight();
|
||||
|
||||
ignoreWindowResize--;
|
||||
}
|
||||
|
||||
|
||||
function renderView(inc) {
|
||||
if (
|
||||
!currentView.start || // never rendered before
|
||||
inc || date < currentView.start || date >= currentView.end // or new date range
|
||||
) {
|
||||
if (elementVisible()) {
|
||||
_renderView(inc);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function _renderView(inc) { // assumes elementVisible
|
||||
ignoreWindowResize++;
|
||||
|
||||
if (currentView.start) { // already been rendered?
|
||||
trigger('viewDestroy', currentView, currentView, currentView.element);
|
||||
unselect();
|
||||
clearEvents();
|
||||
}
|
||||
|
||||
freezeContentHeight();
|
||||
currentView.render(date, inc || 0); // the view's render method ONLY renders the skeleton, nothing else
|
||||
setSize();
|
||||
unfreezeContentHeight();
|
||||
(currentView.afterRender || noop)();
|
||||
|
||||
updateTitle();
|
||||
updateTodayButton();
|
||||
|
||||
trigger('viewRender', currentView, currentView, currentView.element);
|
||||
currentView.trigger('viewDisplay', _element); // deprecated
|
||||
|
||||
ignoreWindowResize--;
|
||||
|
||||
getAndRenderEvents();
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Resizing
|
||||
-----------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
function updateSize() {
|
||||
if (elementVisible()) {
|
||||
unselect();
|
||||
clearEvents();
|
||||
calcSize();
|
||||
setSize();
|
||||
renderEvents();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function calcSize() { // assumes elementVisible
|
||||
if (options.contentHeight) {
|
||||
suggestedViewHeight = options.contentHeight;
|
||||
}
|
||||
else if (options.height) {
|
||||
suggestedViewHeight = options.height - (headerElement ? headerElement.height() : 0) - vsides(content);
|
||||
}
|
||||
else {
|
||||
suggestedViewHeight = Math.round(content.width() / Math.max(options.aspectRatio, .5));
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function setSize() { // assumes elementVisible
|
||||
|
||||
if (suggestedViewHeight === undefined) {
|
||||
calcSize(); // for first time
|
||||
// NOTE: we don't want to recalculate on every renderView because
|
||||
// it could result in oscillating heights due to scrollbars.
|
||||
}
|
||||
|
||||
ignoreWindowResize++;
|
||||
currentView.setHeight(suggestedViewHeight);
|
||||
currentView.setWidth(content.width());
|
||||
ignoreWindowResize--;
|
||||
|
||||
elementOuterWidth = element.outerWidth();
|
||||
}
|
||||
|
||||
|
||||
function windowResize() {
|
||||
if (!ignoreWindowResize) {
|
||||
if (currentView.start) { // view has already been rendered
|
||||
var uid = ++resizeUID;
|
||||
setTimeout(function() { // add a delay
|
||||
if (uid == resizeUID && !ignoreWindowResize && elementVisible()) {
|
||||
if (elementOuterWidth != (elementOuterWidth = element.outerWidth())) {
|
||||
ignoreWindowResize++; // in case the windowResize callback changes the height
|
||||
updateSize();
|
||||
currentView.trigger('windowResize', _element);
|
||||
ignoreWindowResize--;
|
||||
}
|
||||
}
|
||||
}, 200);
|
||||
}else{
|
||||
// calendar must have been initialized in a 0x0 iframe that has just been resized
|
||||
lateRender();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Event Fetching/Rendering
|
||||
-----------------------------------------------------------------------------*/
|
||||
// TODO: going forward, most of this stuff should be directly handled by the view
|
||||
|
||||
|
||||
function refetchEvents() { // can be called as an API method
|
||||
clearEvents();
|
||||
fetchAndRenderEvents();
|
||||
}
|
||||
|
||||
|
||||
function rerenderEvents(modifiedEventID) { // can be called as an API method
|
||||
clearEvents();
|
||||
renderEvents(modifiedEventID);
|
||||
}
|
||||
|
||||
|
||||
function renderEvents(modifiedEventID) { // TODO: remove modifiedEventID hack
|
||||
if (elementVisible()) {
|
||||
currentView.setEventData(events); // for View.js, TODO: unify with renderEvents
|
||||
currentView.renderEvents(events, modifiedEventID); // actually render the DOM elements
|
||||
currentView.trigger('eventAfterAllRender');
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function clearEvents() {
|
||||
currentView.triggerEventDestroy(); // trigger 'eventDestroy' for each event
|
||||
currentView.clearEvents(); // actually remove the DOM elements
|
||||
currentView.clearEventData(); // for View.js, TODO: unify with clearEvents
|
||||
}
|
||||
|
||||
|
||||
function getAndRenderEvents() {
|
||||
if (!options.lazyFetching || isFetchNeeded(currentView.visStart, currentView.visEnd)) {
|
||||
fetchAndRenderEvents();
|
||||
}
|
||||
else {
|
||||
renderEvents();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function fetchAndRenderEvents() {
|
||||
fetchEvents(currentView.visStart, currentView.visEnd);
|
||||
// ... will call reportEvents
|
||||
// ... which will call renderEvents
|
||||
}
|
||||
|
||||
|
||||
// called when event data arrives
|
||||
function reportEvents(_events) {
|
||||
events = _events;
|
||||
renderEvents();
|
||||
}
|
||||
|
||||
|
||||
// called when a single event's data has been changed
|
||||
function reportEventChange(eventID) {
|
||||
rerenderEvents(eventID);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Header Updating
|
||||
-----------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
function updateTitle() {
|
||||
header.updateTitle(currentView.title);
|
||||
}
|
||||
|
||||
|
||||
function updateTodayButton() {
|
||||
var today = new Date();
|
||||
if (today >= currentView.start && today < currentView.end) {
|
||||
header.disableButton('today');
|
||||
}
|
||||
else {
|
||||
header.enableButton('today');
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Selection
|
||||
-----------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
function select(start, end, allDay) {
|
||||
currentView.select(start, end, allDay===undefined ? true : allDay);
|
||||
}
|
||||
|
||||
|
||||
function unselect() { // safe to be called before renderView
|
||||
if (currentView) {
|
||||
currentView.unselect();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Date
|
||||
-----------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
function prev() {
|
||||
renderView(-1);
|
||||
}
|
||||
|
||||
|
||||
function next() {
|
||||
renderView(1);
|
||||
}
|
||||
|
||||
|
||||
function prevYear() {
|
||||
addYears(date, -1);
|
||||
renderView();
|
||||
}
|
||||
|
||||
|
||||
function nextYear() {
|
||||
addYears(date, 1);
|
||||
renderView();
|
||||
}
|
||||
|
||||
|
||||
function today() {
|
||||
date = new Date();
|
||||
renderView();
|
||||
}
|
||||
|
||||
|
||||
function gotoDate(year, month, dateOfMonth) {
|
||||
if (year instanceof Date) {
|
||||
date = cloneDate(year); // provided 1 argument, a Date
|
||||
}else{
|
||||
setYMD(date, year, month, dateOfMonth);
|
||||
}
|
||||
renderView();
|
||||
}
|
||||
|
||||
|
||||
function incrementDate(years, months, days) {
|
||||
if (years !== undefined) {
|
||||
addYears(date, years);
|
||||
}
|
||||
if (months !== undefined) {
|
||||
addMonths(date, months);
|
||||
}
|
||||
if (days !== undefined) {
|
||||
addDays(date, days);
|
||||
}
|
||||
renderView();
|
||||
}
|
||||
|
||||
|
||||
function getDate() {
|
||||
return cloneDate(date);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Height "Freezing"
|
||||
-----------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
function freezeContentHeight() {
|
||||
content.css({
|
||||
width: '100%',
|
||||
height: content.height(),
|
||||
overflow: 'hidden'
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
function unfreezeContentHeight() {
|
||||
content.css({
|
||||
width: '',
|
||||
height: '',
|
||||
overflow: ''
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Misc
|
||||
-----------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
function getView() {
|
||||
return currentView;
|
||||
}
|
||||
|
||||
|
||||
function option(name, value) {
|
||||
if (value === undefined) {
|
||||
return options[name];
|
||||
}
|
||||
if (name == 'height' || name == 'contentHeight' || name == 'aspectRatio') {
|
||||
options[name] = value;
|
||||
updateSize();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function trigger(name, thisObj) {
|
||||
if (options[name]) {
|
||||
return options[name].apply(
|
||||
thisObj || _element,
|
||||
Array.prototype.slice.call(arguments, 2)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* External Dragging
|
||||
------------------------------------------------------------------------*/
|
||||
|
||||
if (options.droppable) {
|
||||
$(document)
|
||||
.bind('dragstart', function(ev, ui) {
|
||||
var _e = ev.target;
|
||||
var e = $(_e);
|
||||
if (!e.parents('.fc').length) { // not already inside a calendar
|
||||
var accept = options.dropAccept;
|
||||
if ($.isFunction(accept) ? accept.call(_e, e) : e.is(accept)) {
|
||||
_dragElement = _e;
|
||||
currentView.dragStart(_dragElement, ev, ui);
|
||||
}
|
||||
}
|
||||
})
|
||||
.bind('dragstop', function(ev, ui) {
|
||||
if (_dragElement) {
|
||||
currentView.dragStop(_dragElement, ev, ui);
|
||||
_dragElement = null;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
;;
|
||||
|
||||
function Header(calendar, options) {
|
||||
var t = this;
|
||||
|
||||
|
||||
// exports
|
||||
t.render = render;
|
||||
t.destroy = destroy;
|
||||
t.updateTitle = updateTitle;
|
||||
t.activateButton = activateButton;
|
||||
t.deactivateButton = deactivateButton;
|
||||
t.disableButton = disableButton;
|
||||
t.enableButton = enableButton;
|
||||
|
||||
|
||||
// locals
|
||||
var element = $([]);
|
||||
var tm;
|
||||
|
||||
|
||||
|
||||
function render() {
|
||||
tm = options.theme ? 'ui' : 'fc';
|
||||
var sections = options.header;
|
||||
if (sections) {
|
||||
element = $("<table class='fc-header' style='width:100%'/>")
|
||||
.append(
|
||||
$("<tr/>")
|
||||
.append(renderSection('left'))
|
||||
.append(renderSection('center'))
|
||||
.append(renderSection('right'))
|
||||
);
|
||||
return element;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function destroy() {
|
||||
element.remove();
|
||||
}
|
||||
|
||||
|
||||
function renderSection(position) {
|
||||
var e = $("<td class='fc-header-" + position + "'/>");
|
||||
var buttonStr = options.header[position];
|
||||
if (buttonStr) {
|
||||
$.each(buttonStr.split(' '), function(i) {
|
||||
if (i > 0) {
|
||||
e.append("<span class='fc-header-space'/>");
|
||||
}
|
||||
var prevButton;
|
||||
$.each(this.split(','), function(j, buttonName) {
|
||||
if (buttonName == 'title') {
|
||||
e.append("<span class='fc-header-title'><h2> </h2></span>");
|
||||
if (prevButton) {
|
||||
prevButton.addClass(tm + '-corner-right');
|
||||
}
|
||||
prevButton = null;
|
||||
}else{
|
||||
var buttonClick;
|
||||
if (calendar[buttonName]) {
|
||||
buttonClick = calendar[buttonName]; // calendar method
|
||||
}
|
||||
else if (fcViews[buttonName]) {
|
||||
buttonClick = function() {
|
||||
button.removeClass(tm + '-state-hover'); // forget why
|
||||
calendar.changeView(buttonName);
|
||||
};
|
||||
}
|
||||
if (buttonClick) {
|
||||
var icon = options.theme ? smartProperty(options.buttonIcons, buttonName) : null; // why are we using smartProperty here?
|
||||
var text = smartProperty(options.buttonText, buttonName); // why are we using smartProperty here?
|
||||
var button = $(
|
||||
"<span class='fc-button fc-button-" + buttonName + " " + tm + "-state-default'>" +
|
||||
(icon ?
|
||||
"<span class='fc-icon-wrap'>" +
|
||||
"<span class='ui-icon ui-icon-" + icon + "'/>" +
|
||||
"</span>" :
|
||||
text
|
||||
) +
|
||||
"</span>"
|
||||
)
|
||||
.click(function() {
|
||||
if (!button.hasClass(tm + '-state-disabled')) {
|
||||
buttonClick();
|
||||
}
|
||||
})
|
||||
.mousedown(function() {
|
||||
button
|
||||
.not('.' + tm + '-state-active')
|
||||
.not('.' + tm + '-state-disabled')
|
||||
.addClass(tm + '-state-down');
|
||||
})
|
||||
.mouseup(function() {
|
||||
button.removeClass(tm + '-state-down');
|
||||
})
|
||||
.hover(
|
||||
function() {
|
||||
button
|
||||
.not('.' + tm + '-state-active')
|
||||
.not('.' + tm + '-state-disabled')
|
||||
.addClass(tm + '-state-hover');
|
||||
},
|
||||
function() {
|
||||
button
|
||||
.removeClass(tm + '-state-hover')
|
||||
.removeClass(tm + '-state-down');
|
||||
}
|
||||
)
|
||||
.appendTo(e);
|
||||
disableTextSelection(button);
|
||||
if (!prevButton) {
|
||||
button.addClass(tm + '-corner-left');
|
||||
}
|
||||
prevButton = button;
|
||||
}
|
||||
}
|
||||
});
|
||||
if (prevButton) {
|
||||
prevButton.addClass(tm + '-corner-right');
|
||||
}
|
||||
});
|
||||
}
|
||||
return e;
|
||||
}
|
||||
|
||||
|
||||
function updateTitle(html) {
|
||||
element.find('h2')
|
||||
.html(html);
|
||||
}
|
||||
|
||||
|
||||
function activateButton(buttonName) {
|
||||
element.find('span.fc-button-' + buttonName)
|
||||
.addClass(tm + '-state-active');
|
||||
}
|
||||
|
||||
|
||||
function deactivateButton(buttonName) {
|
||||
element.find('span.fc-button-' + buttonName)
|
||||
.removeClass(tm + '-state-active');
|
||||
}
|
||||
|
||||
|
||||
function disableButton(buttonName) {
|
||||
element.find('span.fc-button-' + buttonName)
|
||||
.addClass(tm + '-state-disabled');
|
||||
}
|
||||
|
||||
|
||||
function enableButton(buttonName) {
|
||||
element.find('span.fc-button-' + buttonName)
|
||||
.removeClass(tm + '-state-disabled');
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
;;
|
||||
|
||||
fc.sourceNormalizers = [];
|
||||
fc.sourceFetchers = [];
|
||||
|
||||
var ajaxDefaults = {
|
||||
dataType: 'json',
|
||||
cache: false
|
||||
};
|
||||
|
||||
var eventGUID = 1;
|
||||
|
||||
|
||||
function EventManager(options, _sources) {
|
||||
var t = this;
|
||||
|
||||
|
||||
// exports
|
||||
t.isFetchNeeded = isFetchNeeded;
|
||||
t.fetchEvents = fetchEvents;
|
||||
t.addEventSource = addEventSource;
|
||||
t.removeEventSource = removeEventSource;
|
||||
t.updateEvent = updateEvent;
|
||||
t.renderEvent = renderEvent;
|
||||
t.removeEvents = removeEvents;
|
||||
t.clientEvents = clientEvents;
|
||||
t.normalizeEvent = normalizeEvent;
|
||||
|
||||
|
||||
// imports
|
||||
var trigger = t.trigger;
|
||||
var getView = t.getView;
|
||||
var reportEvents = t.reportEvents;
|
||||
|
||||
|
||||
// locals
|
||||
var stickySource = { events: [] };
|
||||
var sources = [ stickySource ];
|
||||
var rangeStart, rangeEnd;
|
||||
var currentFetchID = 0;
|
||||
var pendingSourceCnt = 0;
|
||||
var loadingLevel = 0;
|
||||
var cache = [];
|
||||
|
||||
|
||||
for (var i=0; i<_sources.length; i++) {
|
||||
_addEventSource(_sources[i]);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Fetching
|
||||
-----------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
function isFetchNeeded(start, end) {
|
||||
return !rangeStart || start < rangeStart || end > rangeEnd;
|
||||
}
|
||||
|
||||
|
||||
function fetchEvents(start, end) {
|
||||
rangeStart = start;
|
||||
rangeEnd = end;
|
||||
cache = [];
|
||||
var fetchID = ++currentFetchID;
|
||||
var len = sources.length;
|
||||
pendingSourceCnt = len;
|
||||
for (var i=0; i<len; i++) {
|
||||
fetchEventSource(sources[i], fetchID);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function fetchEventSource(source, fetchID) {
|
||||
_fetchEventSource(source, function(events) {
|
||||
if (fetchID == currentFetchID) {
|
||||
if (events) {
|
||||
|
||||
if (options.eventDataTransform) {
|
||||
events = $.map(events, options.eventDataTransform);
|
||||
}
|
||||
if (source.eventDataTransform) {
|
||||
events = $.map(events, source.eventDataTransform);
|
||||
}
|
||||
// TODO: this technique is not ideal for static array event sources.
|
||||
// For arrays, we'll want to process all events right in the beginning, then never again.
|
||||
|
||||
for (var i=0; i<events.length; i++) {
|
||||
events[i].source = source;
|
||||
normalizeEvent(events[i]);
|
||||
}
|
||||
cache = cache.concat(events);
|
||||
}
|
||||
pendingSourceCnt--;
|
||||
if (!pendingSourceCnt) {
|
||||
reportEvents(cache);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
function _fetchEventSource(source, callback) {
|
||||
var i;
|
||||
var fetchers = fc.sourceFetchers;
|
||||
var res;
|
||||
for (i=0; i<fetchers.length; i++) {
|
||||
res = fetchers[i](source, rangeStart, rangeEnd, callback);
|
||||
if (res === true) {
|
||||
// the fetcher is in charge. made its own async request
|
||||
return;
|
||||
}
|
||||
else if (typeof res == 'object') {
|
||||
// the fetcher returned a new source. process it
|
||||
_fetchEventSource(res, callback);
|
||||
return;
|
||||
}
|
||||
}
|
||||
var events = source.events;
|
||||
if (events) {
|
||||
if ($.isFunction(events)) {
|
||||
pushLoading();
|
||||
events(cloneDate(rangeStart), cloneDate(rangeEnd), function(events) {
|
||||
callback(events);
|
||||
popLoading();
|
||||
});
|
||||
}
|
||||
else if ($.isArray(events)) {
|
||||
callback(events);
|
||||
}
|
||||
else {
|
||||
callback();
|
||||
}
|
||||
}else{
|
||||
var url = source.url;
|
||||
if (url) {
|
||||
var success = source.success;
|
||||
var error = source.error;
|
||||
var complete = source.complete;
|
||||
|
||||
// retrieve any outbound GET/POST $.ajax data from the options
|
||||
var customData;
|
||||
if ($.isFunction(source.data)) {
|
||||
// supplied as a function that returns a key/value object
|
||||
customData = source.data();
|
||||
}
|
||||
else {
|
||||
// supplied as a straight key/value object
|
||||
customData = source.data;
|
||||
}
|
||||
|
||||
// use a copy of the custom data so we can modify the parameters
|
||||
// and not affect the passed-in object.
|
||||
var data = $.extend({}, customData || {});
|
||||
|
||||
var startParam = firstDefined(source.startParam, options.startParam);
|
||||
var endParam = firstDefined(source.endParam, options.endParam);
|
||||
if (startParam) {
|
||||
data[startParam] = Math.round(+rangeStart / 1000);
|
||||
}
|
||||
if (endParam) {
|
||||
data[endParam] = Math.round(+rangeEnd / 1000);
|
||||
}
|
||||
|
||||
pushLoading();
|
||||
$.ajax($.extend({}, ajaxDefaults, source, {
|
||||
data: data,
|
||||
success: function(events) {
|
||||
events = events || [];
|
||||
var res = applyAll(success, this, arguments);
|
||||
if ($.isArray(res)) {
|
||||
events = res;
|
||||
}
|
||||
callback(events);
|
||||
},
|
||||
error: function() {
|
||||
applyAll(error, this, arguments);
|
||||
callback();
|
||||
},
|
||||
complete: function() {
|
||||
applyAll(complete, this, arguments);
|
||||
popLoading();
|
||||
}
|
||||
}));
|
||||
}else{
|
||||
callback();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Sources
|
||||
-----------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
function addEventSource(source) {
|
||||
source = _addEventSource(source);
|
||||
if (source) {
|
||||
pendingSourceCnt++;
|
||||
fetchEventSource(source, currentFetchID); // will eventually call reportEvents
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function _addEventSource(source) {
|
||||
if ($.isFunction(source) || $.isArray(source)) {
|
||||
source = { events: source };
|
||||
}
|
||||
else if (typeof source == 'string') {
|
||||
source = { url: source };
|
||||
}
|
||||
if (typeof source == 'object') {
|
||||
normalizeSource(source);
|
||||
sources.push(source);
|
||||
return source;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function removeEventSource(source) {
|
||||
sources = $.grep(sources, function(src) {
|
||||
return !isSourcesEqual(src, source);
|
||||
});
|
||||
// remove all client events from that source
|
||||
cache = $.grep(cache, function(e) {
|
||||
return !isSourcesEqual(e.source, source);
|
||||
});
|
||||
reportEvents(cache);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Manipulation
|
||||
-----------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
function updateEvent(event) { // update an existing event
|
||||
var i, len = cache.length, e,
|
||||
defaultEventEnd = getView().defaultEventEnd, // getView???
|
||||
startDelta = event.start - event._start,
|
||||
endDelta = event.end ?
|
||||
(event.end - (event._end || defaultEventEnd(event))) // event._end would be null if event.end
|
||||
: 0; // was null and event was just resized
|
||||
for (i=0; i<len; i++) {
|
||||
e = cache[i];
|
||||
if (e._id == event._id && e != event) {
|
||||
e.start = new Date(+e.start + startDelta);
|
||||
if (event.end) {
|
||||
if (e.end) {
|
||||
e.end = new Date(+e.end + endDelta);
|
||||
}else{
|
||||
e.end = new Date(+defaultEventEnd(e) + endDelta);
|
||||
}
|
||||
}else{
|
||||
e.end = null;
|
||||
}
|
||||
e.title = event.title;
|
||||
e.url = event.url;
|
||||
e.allDay = event.allDay;
|
||||
e.className = event.className;
|
||||
e.editable = event.editable;
|
||||
e.color = event.color;
|
||||
e.backgroundColor = event.backgroundColor;
|
||||
e.borderColor = event.borderColor;
|
||||
e.textColor = event.textColor;
|
||||
normalizeEvent(e);
|
||||
}
|
||||
}
|
||||
normalizeEvent(event);
|
||||
reportEvents(cache);
|
||||
}
|
||||
|
||||
|
||||
function renderEvent(event, stick) {
|
||||
normalizeEvent(event);
|
||||
if (!event.source) {
|
||||
if (stick) {
|
||||
stickySource.events.push(event);
|
||||
event.source = stickySource;
|
||||
}
|
||||
cache.push(event);
|
||||
}
|
||||
reportEvents(cache);
|
||||
}
|
||||
|
||||
|
||||
function removeEvents(filter) {
|
||||
if (!filter) { // remove all
|
||||
cache = [];
|
||||
// clear all array sources
|
||||
for (var i=0; i<sources.length; i++) {
|
||||
if ($.isArray(sources[i].events)) {
|
||||
sources[i].events = [];
|
||||
}
|
||||
}
|
||||
}else{
|
||||
if (!$.isFunction(filter)) { // an event ID
|
||||
var id = filter + '';
|
||||
filter = function(e) {
|
||||
return e._id == id;
|
||||
};
|
||||
}
|
||||
cache = $.grep(cache, filter, true);
|
||||
// remove events from array sources
|
||||
for (var i=0; i<sources.length; i++) {
|
||||
if ($.isArray(sources[i].events)) {
|
||||
sources[i].events = $.grep(sources[i].events, filter, true);
|
||||
}
|
||||
}
|
||||
}
|
||||
reportEvents(cache);
|
||||
}
|
||||
|
||||
|
||||
function clientEvents(filter) {
|
||||
if ($.isFunction(filter)) {
|
||||
return $.grep(cache, filter);
|
||||
}
|
||||
else if (filter) { // an event ID
|
||||
filter += '';
|
||||
return $.grep(cache, function(e) {
|
||||
return e._id == filter;
|
||||
});
|
||||
}
|
||||
return cache; // else, return all
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Loading State
|
||||
-----------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
function pushLoading() {
|
||||
if (!loadingLevel++) {
|
||||
trigger('loading', null, true, getView());
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function popLoading() {
|
||||
if (!--loadingLevel) {
|
||||
trigger('loading', null, false, getView());
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Event Normalization
|
||||
-----------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
function normalizeEvent(event) {
|
||||
var source = event.source || {};
|
||||
var ignoreTimezone = firstDefined(source.ignoreTimezone, options.ignoreTimezone);
|
||||
event._id = event._id || (event.id === undefined ? '_fc' + eventGUID++ : event.id + '');
|
||||
if (event.date) {
|
||||
if (!event.start) {
|
||||
event.start = event.date;
|
||||
}
|
||||
delete event.date;
|
||||
}
|
||||
event._start = cloneDate(event.start = parseDate(event.start, ignoreTimezone));
|
||||
event.end = parseDate(event.end, ignoreTimezone);
|
||||
if (event.end && event.end <= event.start) {
|
||||
event.end = null;
|
||||
}
|
||||
event._end = event.end ? cloneDate(event.end) : null;
|
||||
if (event.allDay === undefined) {
|
||||
event.allDay = firstDefined(source.allDayDefault, options.allDayDefault);
|
||||
}
|
||||
if (event.className) {
|
||||
if (typeof event.className == 'string') {
|
||||
event.className = event.className.split(/\s+/);
|
||||
}
|
||||
}else{
|
||||
event.className = [];
|
||||
}
|
||||
// TODO: if there is no start date, return false to indicate an invalid event
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Utils
|
||||
------------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
function normalizeSource(source) {
|
||||
if (source.className) {
|
||||
// TODO: repeat code, same code for event classNames
|
||||
if (typeof source.className == 'string') {
|
||||
source.className = source.className.split(/\s+/);
|
||||
}
|
||||
}else{
|
||||
source.className = [];
|
||||
}
|
||||
var normalizers = fc.sourceNormalizers;
|
||||
for (var i=0; i<normalizers.length; i++) {
|
||||
normalizers[i](source);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function isSourcesEqual(source1, source2) {
|
||||
return source1 && source2 && getSourcePrimitive(source1) == getSourcePrimitive(source2);
|
||||
}
|
||||
|
||||
|
||||
function getSourcePrimitive(source) {
|
||||
return ((typeof source == 'object') ? (source.events || source.url) : '') || source;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
;;
|
||||
|
||||
|
||||
fc.addDays = addDays;
|
||||
fc.cloneDate = cloneDate;
|
||||
fc.parseDate = parseDate;
|
||||
fc.parseISO8601 = parseISO8601;
|
||||
fc.parseTime = parseTime;
|
||||
fc.formatDate = formatDate;
|
||||
fc.formatDates = formatDates;
|
||||
|
||||
|
||||
|
||||
/* Date Math
|
||||
-----------------------------------------------------------------------------*/
|
||||
|
||||
var dayIDs = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'],
|
||||
DAY_MS = 86400000,
|
||||
HOUR_MS = 3600000,
|
||||
MINUTE_MS = 60000;
|
||||
|
||||
|
||||
function addYears(d, n, keepTime) {
|
||||
d.setFullYear(d.getFullYear() + n);
|
||||
if (!keepTime) {
|
||||
clearTime(d);
|
||||
}
|
||||
return d;
|
||||
}
|
||||
|
||||
|
||||
function addMonths(d, n, keepTime) { // prevents day overflow/underflow
|
||||
if (+d) { // prevent infinite looping on invalid dates
|
||||
var m = d.getMonth() + n,
|
||||
check = cloneDate(d);
|
||||
check.setDate(1);
|
||||
check.setMonth(m);
|
||||
d.setMonth(m);
|
||||
if (!keepTime) {
|
||||
clearTime(d);
|
||||
}
|
||||
while (d.getMonth() != check.getMonth()) {
|
||||
d.setDate(d.getDate() + (d < check ? 1 : -1));
|
||||
}
|
||||
}
|
||||
return d;
|
||||
}
|
||||
|
||||
|
||||
function addDays(d, n, keepTime) { // deals with daylight savings
|
||||
if (+d) {
|
||||
var dd = d.getDate() + n,
|
||||
check = cloneDate(d);
|
||||
check.setHours(9); // set to middle of day
|
||||
check.setDate(dd);
|
||||
d.setDate(dd);
|
||||
if (!keepTime) {
|
||||
clearTime(d);
|
||||
}
|
||||
fixDate(d, check);
|
||||
}
|
||||
return d;
|
||||
}
|
||||
|
||||
|
||||
function fixDate(d, check) { // force d to be on check's YMD, for daylight savings purposes
|
||||
if (+d) { // prevent infinite looping on invalid dates
|
||||
while (d.getDate() != check.getDate()) {
|
||||
d.setTime(+d + (d < check ? 1 : -1) * HOUR_MS);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function addMinutes(d, n) {
|
||||
d.setMinutes(d.getMinutes() + n);
|
||||
return d;
|
||||
}
|
||||
|
||||
|
||||
function clearTime(d) {
|
||||
d.setHours(0);
|
||||
d.setMinutes(0);
|
||||
d.setSeconds(0);
|
||||
d.setMilliseconds(0);
|
||||
return d;
|
||||
}
|
||||
|
||||
|
||||
function cloneDate(d, dontKeepTime) {
|
||||
if (dontKeepTime) {
|
||||
return clearTime(new Date(+d));
|
||||
}
|
||||
return new Date(+d);
|
||||
}
|
||||
|
||||
|
||||
function zeroDate() { // returns a Date with time 00:00:00 and dateOfMonth=1
|
||||
var i=0, d;
|
||||
do {
|
||||
d = new Date(1970, i++, 1);
|
||||
} while (d.getHours()); // != 0
|
||||
return d;
|
||||
}
|
||||
|
||||
|
||||
function dayDiff(d1, d2) { // d1 - d2
|
||||
return Math.round((cloneDate(d1, true) - cloneDate(d2, true)) / DAY_MS);
|
||||
}
|
||||
|
||||
|
||||
function setYMD(date, y, m, d) {
|
||||
if (y !== undefined && y != date.getFullYear()) {
|
||||
date.setDate(1);
|
||||
date.setMonth(0);
|
||||
date.setFullYear(y);
|
||||
}
|
||||
if (m !== undefined && m != date.getMonth()) {
|
||||
date.setDate(1);
|
||||
date.setMonth(m);
|
||||
}
|
||||
if (d !== undefined) {
|
||||
date.setDate(d);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Date Parsing
|
||||
-----------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
function parseDate(s, ignoreTimezone) { // ignoreTimezone defaults to true
|
||||
if (typeof s == 'object') { // already a Date object
|
||||
return s;
|
||||
}
|
||||
if (typeof s == 'number') { // a UNIX timestamp
|
||||
return new Date(s * 1000);
|
||||
}
|
||||
if (typeof s == 'string') {
|
||||
if (s.match(/^\d+(\.\d+)?$/)) { // a UNIX timestamp
|
||||
return new Date(parseFloat(s) * 1000);
|
||||
}
|
||||
if (ignoreTimezone === undefined) {
|
||||
ignoreTimezone = true;
|
||||
}
|
||||
return parseISO8601(s, ignoreTimezone) || (s ? new Date(s) : null);
|
||||
}
|
||||
// TODO: never return invalid dates (like from new Date(<string>)), return null instead
|
||||
return null;
|
||||
}
|
||||
|
||||
|
||||
function parseISO8601(s, ignoreTimezone) { // ignoreTimezone defaults to false
|
||||
// derived from http://delete.me.uk/2005/03/iso8601.html
|
||||
// TODO: for a know glitch/feature, read tests/issue_206_parseDate_dst.html
|
||||
var m = s.match(/^([0-9]{4})(-([0-9]{2})(-([0-9]{2})([T ]([0-9]{2}):([0-9]{2})(:([0-9]{2})(\.([0-9]+))?)?(Z|(([-+])([0-9]{2})(:?([0-9]{2}))?))?)?)?)?$/);
|
||||
if (!m) {
|
||||
return null;
|
||||
}
|
||||
var date = new Date(m[1], 0, 1);
|
||||
if (ignoreTimezone || !m[13]) {
|
||||
var check = new Date(m[1], 0, 1, 9, 0);
|
||||
if (m[3]) {
|
||||
date.setMonth(m[3] - 1);
|
||||
check.setMonth(m[3] - 1);
|
||||
}
|
||||
if (m[5]) {
|
||||
date.setDate(m[5]);
|
||||
check.setDate(m[5]);
|
||||
}
|
||||
fixDate(date, check);
|
||||
if (m[7]) {
|
||||
date.setHours(m[7]);
|
||||
}
|
||||
if (m[8]) {
|
||||
date.setMinutes(m[8]);
|
||||
}
|
||||
if (m[10]) {
|
||||
date.setSeconds(m[10]);
|
||||
}
|
||||
if (m[12]) {
|
||||
date.setMilliseconds(Number("0." + m[12]) * 1000);
|
||||
}
|
||||
fixDate(date, check);
|
||||
}else{
|
||||
date.setUTCFullYear(
|
||||
m[1],
|
||||
m[3] ? m[3] - 1 : 0,
|
||||
m[5] || 1
|
||||
);
|
||||
date.setUTCHours(
|
||||
m[7] || 0,
|
||||
m[8] || 0,
|
||||
m[10] || 0,
|
||||
m[12] ? Number("0." + m[12]) * 1000 : 0
|
||||
);
|
||||
if (m[14]) {
|
||||
var offset = Number(m[16]) * 60 + (m[18] ? Number(m[18]) : 0);
|
||||
offset *= m[15] == '-' ? 1 : -1;
|
||||
date = new Date(+date + (offset * 60 * 1000));
|
||||
}
|
||||
}
|
||||
return date;
|
||||
}
|
||||
|
||||
|
||||
function parseTime(s) { // returns minutes since start of day
|
||||
if (typeof s == 'number') { // an hour
|
||||
return s * 60;
|
||||
}
|
||||
if (typeof s == 'object') { // a Date object
|
||||
return s.getHours() * 60 + s.getMinutes();
|
||||
}
|
||||
var m = s.match(/(\d+)(?::(\d+))?\s*(\w+)?/);
|
||||
if (m) {
|
||||
var h = parseInt(m[1], 10);
|
||||
if (m[3]) {
|
||||
h %= 12;
|
||||
if (m[3].toLowerCase().charAt(0) == 'p') {
|
||||
h += 12;
|
||||
}
|
||||
}
|
||||
return h * 60 + (m[2] ? parseInt(m[2], 10) : 0);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Date Formatting
|
||||
-----------------------------------------------------------------------------*/
|
||||
// TODO: use same function formatDate(date, [date2], format, [options])
|
||||
|
||||
|
||||
function formatDate(date, format, options) {
|
||||
return formatDates(date, null, format, options);
|
||||
}
|
||||
|
||||
|
||||
function formatDates(date1, date2, format, options) {
|
||||
options = options || defaults;
|
||||
var date = date1,
|
||||
otherDate = date2,
|
||||
i, len = format.length, c,
|
||||
i2, formatter,
|
||||
res = '';
|
||||
for (i=0; i<len; i++) {
|
||||
c = format.charAt(i);
|
||||
if (c == "'") {
|
||||
for (i2=i+1; i2<len; i2++) {
|
||||
if (format.charAt(i2) == "'") {
|
||||
if (date) {
|
||||
if (i2 == i+1) {
|
||||
res += "'";
|
||||
}else{
|
||||
res += format.substring(i+1, i2);
|
||||
}
|
||||
i = i2;
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
else if (c == '(') {
|
||||
for (i2=i+1; i2<len; i2++) {
|
||||
if (format.charAt(i2) == ')') {
|
||||
var subres = formatDate(date, format.substring(i+1, i2), options);
|
||||
if (parseInt(subres.replace(/\D/, ''), 10)) {
|
||||
res += subres;
|
||||
}
|
||||
i = i2;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
else if (c == '[') {
|
||||
for (i2=i+1; i2<len; i2++) {
|
||||
if (format.charAt(i2) == ']') {
|
||||
var subformat = format.substring(i+1, i2);
|
||||
var subres = formatDate(date, subformat, options);
|
||||
if (subres != formatDate(otherDate, subformat, options)) {
|
||||
res += subres;
|
||||
}
|
||||
i = i2;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
else if (c == '{') {
|
||||
date = date2;
|
||||
otherDate = date1;
|
||||
}
|
||||
else if (c == '}') {
|
||||
date = date1;
|
||||
otherDate = date2;
|
||||
}
|
||||
else {
|
||||
for (i2=len; i2>i; i2--) {
|
||||
if (formatter = dateFormatters[format.substring(i, i2)]) {
|
||||
if (date) {
|
||||
res += formatter(date, options);
|
||||
}
|
||||
i = i2 - 1;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (i2 == i) {
|
||||
if (date) {
|
||||
res += c;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
return res;
|
||||
};
|
||||
|
||||
|
||||
var dateFormatters = {
|
||||
s : function(d) { return d.getSeconds() },
|
||||
ss : function(d) { return zeroPad(d.getSeconds()) },
|
||||
m : function(d) { return d.getMinutes() },
|
||||
mm : function(d) { return zeroPad(d.getMinutes()) },
|
||||
h : function(d) { return d.getHours() % 12 || 12 },
|
||||
hh : function(d) { return zeroPad(d.getHours() % 12 || 12) },
|
||||
H : function(d) { return d.getHours() },
|
||||
HH : function(d) { return zeroPad(d.getHours()) },
|
||||
d : function(d) { return d.getDate() },
|
||||
dd : function(d) { return zeroPad(d.getDate()) },
|
||||
ddd : function(d,o) { return o.dayNamesShort[d.getDay()] },
|
||||
dddd: function(d,o) { return o.dayNames[d.getDay()] },
|
||||
M : function(d) { return d.getMonth() + 1 },
|
||||
MM : function(d) { return zeroPad(d.getMonth() + 1) },
|
||||
MMM : function(d,o) { return o.monthNamesShort[d.getMonth()] },
|
||||
MMMM: function(d,o) { return o.monthNames[d.getMonth()] },
|
||||
yy : function(d) { return (d.getFullYear()+'').substring(2) },
|
||||
yyyy: function(d) { return d.getFullYear() },
|
||||
t : function(d) { return d.getHours() < 12 ? 'a' : 'p' },
|
||||
tt : function(d) { return d.getHours() < 12 ? 'am' : 'pm' },
|
||||
T : function(d) { return d.getHours() < 12 ? 'A' : 'P' },
|
||||
TT : function(d) { return d.getHours() < 12 ? 'AM' : 'PM' },
|
||||
u : function(d) { return formatDate(d, "yyyy-MM-dd'T'HH:mm:ss'Z'") },
|
||||
S : function(d) {
|
||||
var date = d.getDate();
|
||||
if (date > 10 && date < 20) {
|
||||
return 'th';
|
||||
}
|
||||
return ['st', 'nd', 'rd'][date%10-1] || 'th';
|
||||
},
|
||||
w : function(d, o) { // local
|
||||
return o.weekNumberCalculation(d);
|
||||
},
|
||||
W : function(d) { // ISO
|
||||
return iso8601Week(d);
|
||||
}
|
||||
};
|
||||
fc.dateFormatters = dateFormatters;
|
||||
var complexOptions = [ // names of options that are objects whose properties should be combined
|
||||
'header',
|
||||
'buttonText',
|
||||
'buttonIcons',
|
||||
'themeButtonIcons'
|
||||
];
|
||||
|
||||
|
||||
/* thanks jQuery UI (https://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.datepicker.js)
|
||||
*
|
||||
* Set as calculateWeek to determine the week of the year based on the ISO 8601 definition.
|
||||
* `date` - the date to get the week for
|
||||
* `number` - the number of the week within the year that contains this date
|
||||
*/
|
||||
function iso8601Week(date) {
|
||||
var time;
|
||||
var checkDate = new Date(date.getTime());
|
||||
|
||||
// Find Thursday of this week starting on Monday
|
||||
checkDate.setDate(checkDate.getDate() + 4 - (checkDate.getDay() || 7));
|
||||
|
||||
time = checkDate.getTime();
|
||||
checkDate.setMonth(0); // Compare with Jan 1
|
||||
checkDate.setDate(1);
|
||||
return Math.floor(Math.round((time - checkDate) / 86400000) / 7) + 1;
|
||||
// Merges an array of option objects into a single object
|
||||
function mergeOptions(optionObjs) {
|
||||
return mergeProps(optionObjs, complexOptions);
|
||||
}
|
||||
|
||||
|
||||
;;
|
||||
|
||||
fc.applyAll = applyAll;
|
||||
// exports
|
||||
FC.intersectRanges = intersectRanges;
|
||||
FC.applyAll = applyAll;
|
||||
FC.debounce = debounce;
|
||||
FC.isInt = isInt;
|
||||
FC.htmlEscape = htmlEscape;
|
||||
FC.cssToStr = cssToStr;
|
||||
FC.proxy = proxy;
|
||||
FC.capitaliseFirstLetter = capitaliseFirstLetter;
|
||||
|
||||
|
||||
/* Event Date Math
|
||||
-----------------------------------------------------------------------------*/
|
||||
/* FullCalendar-specific DOM Utilities
|
||||
----------------------------------------------------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
function exclEndDay(event) {
|
||||
if (event.end) {
|
||||
return _exclEndDay(event.end, event.allDay);
|
||||
}else{
|
||||
return addDays(cloneDate(event.start), 1);
|
||||
// Given the scrollbar widths of some other container, create borders/margins on rowEls in order to match the left
|
||||
// and right space that was offset by the scrollbars. A 1-pixel border first, then margin beyond that.
|
||||
function compensateScroll(rowEls, scrollbarWidths) {
|
||||
if (scrollbarWidths.left) {
|
||||
rowEls.css({
|
||||
'border-left-width': 1,
|
||||
'margin-left': scrollbarWidths.left - 1
|
||||
});
|
||||
}
|
||||
if (scrollbarWidths.right) {
|
||||
rowEls.css({
|
||||
'border-right-width': 1,
|
||||
'margin-right': scrollbarWidths.right - 1
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function _exclEndDay(end, allDay) {
|
||||
end = cloneDate(end);
|
||||
return allDay || end.getHours() || end.getMinutes() ? addDays(end, 1) : clearTime(end);
|
||||
// why don't we check for seconds/ms too?
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Event Element Binding
|
||||
-----------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
function lazySegBind(container, segs, bindHandlers) {
|
||||
container.unbind('mouseover').mouseover(function(ev) {
|
||||
var parent=ev.target, e,
|
||||
i, seg;
|
||||
while (parent != this) {
|
||||
e = parent;
|
||||
parent = parent.parentNode;
|
||||
}
|
||||
if ((i = e._fci) !== undefined) {
|
||||
e._fci = undefined;
|
||||
seg = segs[i];
|
||||
bindHandlers(seg.event, seg.element, seg);
|
||||
$(ev.target).trigger(ev);
|
||||
}
|
||||
ev.stopPropagation();
|
||||
// Undoes compensateScroll and restores all borders/margins
|
||||
function uncompensateScroll(rowEls) {
|
||||
rowEls.css({
|
||||
'margin-left': '',
|
||||
'margin-right': '',
|
||||
'border-left-width': '',
|
||||
'border-right-width': ''
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Element Dimensions
|
||||
-----------------------------------------------------------------------------*/
|
||||
// Make the mouse cursor express that an event is not allowed in the current area
|
||||
function disableCursor() {
|
||||
$('body').addClass('fc-not-allowed');
|
||||
}
|
||||
|
||||
|
||||
function setOuterWidth(element, width, includeMargins) {
|
||||
for (var i=0, e; i<element.length; i++) {
|
||||
e = $(element[i]);
|
||||
e.width(Math.max(0, width - hsides(e, includeMargins)));
|
||||
// Returns the mouse cursor to its original look
|
||||
function enableCursor() {
|
||||
$('body').removeClass('fc-not-allowed');
|
||||
}
|
||||
|
||||
|
||||
// Given a total available height to fill, have `els` (essentially child rows) expand to accomodate.
|
||||
// By default, all elements that are shorter than the recommended height are expanded uniformly, not considering
|
||||
// any other els that are already too tall. if `shouldRedistribute` is on, it considers these tall rows and
|
||||
// reduces the available height.
|
||||
function distributeHeight(els, availableHeight, shouldRedistribute) {
|
||||
|
||||
// *FLOORING NOTE*: we floor in certain places because zoom can give inaccurate floating-point dimensions,
|
||||
// and it is better to be shorter than taller, to avoid creating unnecessary scrollbars.
|
||||
|
||||
var minOffset1 = Math.floor(availableHeight / els.length); // for non-last element
|
||||
var minOffset2 = Math.floor(availableHeight - minOffset1 * (els.length - 1)); // for last element *FLOORING NOTE*
|
||||
var flexEls = []; // elements that are allowed to expand. array of DOM nodes
|
||||
var flexOffsets = []; // amount of vertical space it takes up
|
||||
var flexHeights = []; // actual css height
|
||||
var usedHeight = 0;
|
||||
|
||||
undistributeHeight(els); // give all elements their natural height
|
||||
|
||||
// find elements that are below the recommended height (expandable).
|
||||
// important to query for heights in a single first pass (to avoid reflow oscillation).
|
||||
els.each(function(i, el) {
|
||||
var minOffset = i === els.length - 1 ? minOffset2 : minOffset1;
|
||||
var naturalOffset = $(el).outerHeight(true);
|
||||
|
||||
if (naturalOffset < minOffset) {
|
||||
flexEls.push(el);
|
||||
flexOffsets.push(naturalOffset);
|
||||
flexHeights.push($(el).height());
|
||||
}
|
||||
else {
|
||||
// this element stretches past recommended height (non-expandable). mark the space as occupied.
|
||||
usedHeight += naturalOffset;
|
||||
}
|
||||
});
|
||||
|
||||
// readjust the recommended height to only consider the height available to non-maxed-out rows.
|
||||
if (shouldRedistribute) {
|
||||
availableHeight -= usedHeight;
|
||||
minOffset1 = Math.floor(availableHeight / flexEls.length);
|
||||
minOffset2 = Math.floor(availableHeight - minOffset1 * (flexEls.length - 1)); // *FLOORING NOTE*
|
||||
}
|
||||
|
||||
// assign heights to all expandable elements
|
||||
$(flexEls).each(function(i, el) {
|
||||
var minOffset = i === flexEls.length - 1 ? minOffset2 : minOffset1;
|
||||
var naturalOffset = flexOffsets[i];
|
||||
var naturalHeight = flexHeights[i];
|
||||
var newHeight = minOffset - (naturalOffset - naturalHeight); // subtract the margin/padding
|
||||
|
||||
if (naturalOffset < minOffset) { // we check this again because redistribution might have changed things
|
||||
$(el).height(newHeight);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// Undoes distrubuteHeight, restoring all els to their natural height
|
||||
function undistributeHeight(els) {
|
||||
els.height('');
|
||||
}
|
||||
|
||||
|
||||
// Given `els`, a jQuery set of <td> cells, find the cell with the largest natural width and set the widths of all the
|
||||
// cells to be that width.
|
||||
// PREREQUISITE: if you want a cell to take up width, it needs to have a single inner element w/ display:inline
|
||||
function matchCellWidths(els) {
|
||||
var maxInnerWidth = 0;
|
||||
|
||||
els.find('> *').each(function(i, innerEl) {
|
||||
var innerWidth = $(innerEl).outerWidth();
|
||||
if (innerWidth > maxInnerWidth) {
|
||||
maxInnerWidth = innerWidth;
|
||||
}
|
||||
});
|
||||
|
||||
maxInnerWidth++; // sometimes not accurate of width the text needs to stay on one line. insurance
|
||||
|
||||
els.width(maxInnerWidth);
|
||||
|
||||
return maxInnerWidth;
|
||||
}
|
||||
|
||||
|
||||
// Given one element that resides inside another,
|
||||
// Subtracts the height of the inner element from the outer element.
|
||||
function subtractInnerElHeight(outerEl, innerEl) {
|
||||
var both = outerEl.add(innerEl);
|
||||
var diff;
|
||||
|
||||
// effin' IE8/9/10/11 sometimes returns 0 for dimensions. this weird hack was the only thing that worked
|
||||
both.css({
|
||||
position: 'relative', // cause a reflow, which will force fresh dimension recalculation
|
||||
left: -1 // ensure reflow in case the el was already relative. negative is less likely to cause new scroll
|
||||
});
|
||||
diff = outerEl.outerHeight() - innerEl.outerHeight(); // grab the dimensions
|
||||
both.css({ position: '', left: '' }); // undo hack
|
||||
|
||||
return diff;
|
||||
}
|
||||
|
||||
|
||||
/* Element Geom Utilities
|
||||
----------------------------------------------------------------------------------------------------------------------*/
|
||||
|
||||
FC.getOuterRect = getOuterRect;
|
||||
FC.getClientRect = getClientRect;
|
||||
FC.getContentRect = getContentRect;
|
||||
FC.getScrollbarWidths = getScrollbarWidths;
|
||||
|
||||
|
||||
// borrowed from https://github.com/jquery/jquery-ui/blob/1.11.0/ui/core.js#L51
|
||||
function getScrollParent(el) {
|
||||
var position = el.css('position'),
|
||||
scrollParent = el.parents().filter(function() {
|
||||
var parent = $(this);
|
||||
return (/(auto|scroll)/).test(
|
||||
parent.css('overflow') + parent.css('overflow-y') + parent.css('overflow-x')
|
||||
);
|
||||
}).eq(0);
|
||||
|
||||
return position === 'fixed' || !scrollParent.length ? $(el[0].ownerDocument || document) : scrollParent;
|
||||
}
|
||||
|
||||
|
||||
// Queries the outer bounding area of a jQuery element.
|
||||
// Returns a rectangle with absolute coordinates: left, right (exclusive), top, bottom (exclusive).
|
||||
// Origin is optional.
|
||||
function getOuterRect(el, origin) {
|
||||
var offset = el.offset();
|
||||
var left = offset.left - (origin ? origin.left : 0);
|
||||
var top = offset.top - (origin ? origin.top : 0);
|
||||
|
||||
return {
|
||||
left: left,
|
||||
right: left + el.outerWidth(),
|
||||
top: top,
|
||||
bottom: top + el.outerHeight()
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
// Queries the area within the margin/border/scrollbars of a jQuery element. Does not go within the padding.
|
||||
// Returns a rectangle with absolute coordinates: left, right (exclusive), top, bottom (exclusive).
|
||||
// Origin is optional.
|
||||
// NOTE: should use clientLeft/clientTop, but very unreliable cross-browser.
|
||||
function getClientRect(el, origin) {
|
||||
var offset = el.offset();
|
||||
var scrollbarWidths = getScrollbarWidths(el);
|
||||
var left = offset.left + getCssFloat(el, 'border-left-width') + scrollbarWidths.left - (origin ? origin.left : 0);
|
||||
var top = offset.top + getCssFloat(el, 'border-top-width') + scrollbarWidths.top - (origin ? origin.top : 0);
|
||||
|
||||
return {
|
||||
left: left,
|
||||
right: left + el[0].clientWidth, // clientWidth includes padding but NOT scrollbars
|
||||
top: top,
|
||||
bottom: top + el[0].clientHeight // clientHeight includes padding but NOT scrollbars
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
// Queries the area within the margin/border/padding of a jQuery element. Assumed not to have scrollbars.
|
||||
// Returns a rectangle with absolute coordinates: left, right (exclusive), top, bottom (exclusive).
|
||||
// Origin is optional.
|
||||
function getContentRect(el, origin) {
|
||||
var offset = el.offset(); // just outside of border, margin not included
|
||||
var left = offset.left + getCssFloat(el, 'border-left-width') + getCssFloat(el, 'padding-left') -
|
||||
(origin ? origin.left : 0);
|
||||
var top = offset.top + getCssFloat(el, 'border-top-width') + getCssFloat(el, 'padding-top') -
|
||||
(origin ? origin.top : 0);
|
||||
|
||||
return {
|
||||
left: left,
|
||||
right: left + el.width(),
|
||||
top: top,
|
||||
bottom: top + el.height()
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
// Returns the computed left/right/top/bottom scrollbar widths for the given jQuery element.
|
||||
// NOTE: should use clientLeft/clientTop, but very unreliable cross-browser.
|
||||
function getScrollbarWidths(el) {
|
||||
var leftRightWidth = el.innerWidth() - el[0].clientWidth; // the paddings cancel out, leaving the scrollbars
|
||||
var widths = {
|
||||
left: 0,
|
||||
right: 0,
|
||||
top: 0,
|
||||
bottom: el.innerHeight() - el[0].clientHeight // the paddings cancel out, leaving the bottom scrollbar
|
||||
};
|
||||
|
||||
if (getIsLeftRtlScrollbars() && el.css('direction') == 'rtl') { // is the scrollbar on the left side?
|
||||
widths.left = leftRightWidth;
|
||||
}
|
||||
else {
|
||||
widths.right = leftRightWidth;
|
||||
}
|
||||
|
||||
return widths;
|
||||
}
|
||||
|
||||
|
||||
// Logic for determining if, when the element is right-to-left, the scrollbar appears on the left side
|
||||
|
||||
var _isLeftRtlScrollbars = null;
|
||||
|
||||
function getIsLeftRtlScrollbars() { // responsible for caching the computation
|
||||
if (_isLeftRtlScrollbars === null) {
|
||||
_isLeftRtlScrollbars = computeIsLeftRtlScrollbars();
|
||||
}
|
||||
return _isLeftRtlScrollbars;
|
||||
}
|
||||
|
||||
function computeIsLeftRtlScrollbars() { // creates an offscreen test element, then removes it
|
||||
var el = $('<div><div/></div>')
|
||||
.css({
|
||||
position: 'absolute',
|
||||
top: -1000,
|
||||
left: 0,
|
||||
border: 0,
|
||||
padding: 0,
|
||||
overflow: 'scroll',
|
||||
direction: 'rtl'
|
||||
})
|
||||
.appendTo('body');
|
||||
var innerEl = el.children();
|
||||
var res = innerEl.offset().left > el.offset().left; // is the inner div shifted to accommodate a left scrollbar?
|
||||
el.remove();
|
||||
return res;
|
||||
}
|
||||
|
||||
|
||||
// Retrieves a jQuery element's computed CSS value as a floating-point number.
|
||||
// If the queried value is non-numeric (ex: IE can return "medium" for border width), will just return zero.
|
||||
function getCssFloat(el, prop) {
|
||||
return parseFloat(el.css(prop)) || 0;
|
||||
}
|
||||
|
||||
|
||||
/* Mouse / Touch Utilities
|
||||
----------------------------------------------------------------------------------------------------------------------*/
|
||||
|
||||
FC.preventDefault = preventDefault;
|
||||
|
||||
|
||||
// Returns a boolean whether this was a left mouse click and no ctrl key (which means right click on Mac)
|
||||
function isPrimaryMouseButton(ev) {
|
||||
return ev.which == 1 && !ev.ctrlKey;
|
||||
}
|
||||
|
||||
|
||||
function getEvX(ev) {
|
||||
if (ev.pageX !== undefined) {
|
||||
return ev.pageX;
|
||||
}
|
||||
var touches = ev.originalEvent.touches;
|
||||
if (touches) {
|
||||
return touches[0].pageX;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function setOuterHeight(element, height, includeMargins) {
|
||||
for (var i=0, e; i<element.length; i++) {
|
||||
e = $(element[i]);
|
||||
e.height(Math.max(0, height - vsides(e, includeMargins)));
|
||||
function getEvY(ev) {
|
||||
if (ev.pageY !== undefined) {
|
||||
return ev.pageY;
|
||||
}
|
||||
var touches = ev.originalEvent.touches;
|
||||
if (touches) {
|
||||
return touches[0].pageY;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function hsides(element, includeMargins) {
|
||||
return hpadding(element) + hborders(element) + (includeMargins ? hmargins(element) : 0);
|
||||
function getEvIsTouch(ev) {
|
||||
return /^touch/.test(ev.type);
|
||||
}
|
||||
|
||||
|
||||
function hpadding(element) {
|
||||
return (parseFloat($.css(element[0], 'paddingLeft', true)) || 0) +
|
||||
(parseFloat($.css(element[0], 'paddingRight', true)) || 0);
|
||||
function preventSelection(el) {
|
||||
el.addClass('fc-unselectable')
|
||||
.on('selectstart', preventDefault);
|
||||
}
|
||||
|
||||
|
||||
function hmargins(element) {
|
||||
return (parseFloat($.css(element[0], 'marginLeft', true)) || 0) +
|
||||
(parseFloat($.css(element[0], 'marginRight', true)) || 0);
|
||||
// Stops a mouse/touch event from doing it's native browser action
|
||||
function preventDefault(ev) {
|
||||
ev.preventDefault();
|
||||
}
|
||||
|
||||
|
||||
function hborders(element) {
|
||||
return (parseFloat($.css(element[0], 'borderLeftWidth', true)) || 0) +
|
||||
(parseFloat($.css(element[0], 'borderRightWidth', true)) || 0);
|
||||
// attach a handler to get called when ANY scroll action happens on the page.
|
||||
// this was impossible to do with normal on/off because 'scroll' doesn't bubble.
|
||||
// http://stackoverflow.com/a/32954565/96342
|
||||
// returns `true` on success.
|
||||
function bindAnyScroll(handler) {
|
||||
if (window.addEventListener) {
|
||||
window.addEventListener('scroll', handler, true); // useCapture=true
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
function vsides(element, includeMargins) {
|
||||
return vpadding(element) + vborders(element) + (includeMargins ? vmargins(element) : 0);
|
||||
// undoes bindAnyScroll. must pass in the original function.
|
||||
// returns `true` on success.
|
||||
function unbindAnyScroll(handler) {
|
||||
if (window.removeEventListener) {
|
||||
window.removeEventListener('scroll', handler, true); // useCapture=true
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
function vpadding(element) {
|
||||
return (parseFloat($.css(element[0], 'paddingTop', true)) || 0) +
|
||||
(parseFloat($.css(element[0], 'paddingBottom', true)) || 0);
|
||||
/* General Geometry Utils
|
||||
----------------------------------------------------------------------------------------------------------------------*/
|
||||
|
||||
FC.intersectRects = intersectRects;
|
||||
|
||||
// Returns a new rectangle that is the intersection of the two rectangles. If they don't intersect, returns false
|
||||
function intersectRects(rect1, rect2) {
|
||||
var res = {
|
||||
left: Math.max(rect1.left, rect2.left),
|
||||
right: Math.min(rect1.right, rect2.right),
|
||||
top: Math.max(rect1.top, rect2.top),
|
||||
bottom: Math.min(rect1.bottom, rect2.bottom)
|
||||
};
|
||||
|
||||
if (res.left < res.right && res.top < res.bottom) {
|
||||
return res;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
function vmargins(element) {
|
||||
return (parseFloat($.css(element[0], 'marginTop', true)) || 0) +
|
||||
(parseFloat($.css(element[0], 'marginBottom', true)) || 0);
|
||||
// Returns a new point that will have been moved to reside within the given rectangle
|
||||
function constrainPoint(point, rect) {
|
||||
return {
|
||||
left: Math.min(Math.max(point.left, rect.left), rect.right),
|
||||
top: Math.min(Math.max(point.top, rect.top), rect.bottom)
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
function vborders(element) {
|
||||
return (parseFloat($.css(element[0], 'borderTopWidth', true)) || 0) +
|
||||
(parseFloat($.css(element[0], 'borderBottomWidth', true)) || 0);
|
||||
// Returns a point that is the center of the given rectangle
|
||||
function getRectCenter(rect) {
|
||||
return {
|
||||
left: (rect.left + rect.right) / 2,
|
||||
top: (rect.top + rect.bottom) / 2
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Misc Utils
|
||||
-----------------------------------------------------------------------------*/
|
||||
// Subtracts point2's coordinates from point1's coordinates, returning a delta
|
||||
function diffPoints(point1, point2) {
|
||||
return {
|
||||
left: point1.left - point2.left,
|
||||
top: point1.top - point2.top
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
//TODO: arraySlice
|
||||
//TODO: isFunction, grep ?
|
||||
/* Object Ordering by Field
|
||||
----------------------------------------------------------------------------------------------------------------------*/
|
||||
|
||||
FC.parseFieldSpecs = parseFieldSpecs;
|
||||
FC.compareByFieldSpecs = compareByFieldSpecs;
|
||||
FC.compareByFieldSpec = compareByFieldSpec;
|
||||
FC.flexibleCompare = flexibleCompare;
|
||||
|
||||
|
||||
function noop() { }
|
||||
function parseFieldSpecs(input) {
|
||||
var specs = [];
|
||||
var tokens = [];
|
||||
var i, token;
|
||||
|
||||
if (typeof input === 'string') {
|
||||
tokens = input.split(/\s*,\s*/);
|
||||
}
|
||||
else if (typeof input === 'function') {
|
||||
tokens = [ input ];
|
||||
}
|
||||
else if ($.isArray(input)) {
|
||||
tokens = input;
|
||||
}
|
||||
|
||||
for (i = 0; i < tokens.length; i++) {
|
||||
token = tokens[i];
|
||||
|
||||
if (typeof token === 'string') {
|
||||
specs.push(
|
||||
token.charAt(0) == '-' ?
|
||||
{ field: token.substring(1), order: -1 } :
|
||||
{ field: token, order: 1 }
|
||||
);
|
||||
}
|
||||
else if (typeof token === 'function') {
|
||||
specs.push({ func: token });
|
||||
}
|
||||
}
|
||||
|
||||
return specs;
|
||||
}
|
||||
|
||||
|
||||
function dateCompare(a, b) {
|
||||
function compareByFieldSpecs(obj1, obj2, fieldSpecs) {
|
||||
var i;
|
||||
var cmp;
|
||||
|
||||
for (i = 0; i < fieldSpecs.length; i++) {
|
||||
cmp = compareByFieldSpec(obj1, obj2, fieldSpecs[i]);
|
||||
if (cmp) {
|
||||
return cmp;
|
||||
}
|
||||
}
|
||||
|
||||
return 0;
|
||||
}
|
||||
|
||||
|
||||
function compareByFieldSpec(obj1, obj2, fieldSpec) {
|
||||
if (fieldSpec.func) {
|
||||
return fieldSpec.func(obj1, obj2);
|
||||
}
|
||||
return flexibleCompare(obj1[fieldSpec.field], obj2[fieldSpec.field]) *
|
||||
(fieldSpec.order || 1);
|
||||
}
|
||||
|
||||
|
||||
function flexibleCompare(a, b) {
|
||||
if (!a && !b) {
|
||||
return 0;
|
||||
}
|
||||
if (b == null) {
|
||||
return -1;
|
||||
}
|
||||
if (a == null) {
|
||||
return 1;
|
||||
}
|
||||
if ($.type(a) === 'string' || $.type(b) === 'string') {
|
||||
return String(a).localeCompare(String(b));
|
||||
}
|
||||
return a - b;
|
||||
}
|
||||
|
||||
|
||||
function arrayMax(a) {
|
||||
return Math.max.apply(Math, a);
|
||||
}
|
||||
/* FullCalendar-specific Misc Utilities
|
||||
----------------------------------------------------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
function zeroPad(n) {
|
||||
return (n < 10 ? '0' : '') + n;
|
||||
}
|
||||
// Computes the intersection of the two ranges. Will return fresh date clones in a range.
|
||||
// Returns undefined if no intersection.
|
||||
// Expects all dates to be normalized to the same timezone beforehand.
|
||||
// TODO: move to date section?
|
||||
function intersectRanges(subjectRange, constraintRange) {
|
||||
var subjectStart = subjectRange.start;
|
||||
var subjectEnd = subjectRange.end;
|
||||
var constraintStart = constraintRange.start;
|
||||
var constraintEnd = constraintRange.end;
|
||||
var segStart, segEnd;
|
||||
var isStart, isEnd;
|
||||
|
||||
if (subjectEnd > constraintStart && subjectStart < constraintEnd) { // in bounds at all?
|
||||
|
||||
function smartProperty(obj, name) { // get a camel-cased/namespaced property of an object
|
||||
if (obj[name] !== undefined) {
|
||||
return obj[name];
|
||||
}
|
||||
var parts = name.split(/(?=[A-Z])/),
|
||||
i=parts.length-1, res;
|
||||
for (; i>=0; i--) {
|
||||
res = obj[parts[i].toLowerCase()];
|
||||
if (res !== undefined) {
|
||||
return res;
|
||||
if (subjectStart >= constraintStart) {
|
||||
segStart = subjectStart.clone();
|
||||
isStart = true;
|
||||
}
|
||||
else {
|
||||
segStart = constraintStart.clone();
|
||||
isStart = false;
|
||||
}
|
||||
|
||||
if (subjectEnd <= constraintEnd) {
|
||||
segEnd = subjectEnd.clone();
|
||||
isEnd = true;
|
||||
}
|
||||
else {
|
||||
segEnd = constraintEnd.clone();
|
||||
isEnd = false;
|
||||
}
|
||||
|
||||
return {
|
||||
start: segStart,
|
||||
end: segEnd,
|
||||
isStart: isStart,
|
||||
isEnd: isEnd
|
||||
};
|
||||
}
|
||||
return obj[''];
|
||||
}
|
||||
|
||||
|
||||
function htmlEscape(s) {
|
||||
return s.replace(/&/g, '&')
|
||||
.replace(/</g, '<')
|
||||
.replace(/>/g, '>')
|
||||
.replace(/'/g, ''')
|
||||
.replace(/"/g, '"')
|
||||
.replace(/\n/g, '<br />');
|
||||
}
|
||||
/* Date Utilities
|
||||
----------------------------------------------------------------------------------------------------------------------*/
|
||||
|
||||
FC.computeIntervalUnit = computeIntervalUnit;
|
||||
FC.divideRangeByDuration = divideRangeByDuration;
|
||||
FC.divideDurationByDuration = divideDurationByDuration;
|
||||
FC.multiplyDuration = multiplyDuration;
|
||||
FC.durationHasTime = durationHasTime;
|
||||
|
||||
var dayIDs = [ 'sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat' ];
|
||||
var intervalUnits = [ 'year', 'month', 'week', 'day', 'hour', 'minute', 'second', 'millisecond' ];
|
||||
|
||||
|
||||
function disableTextSelection(element) {
|
||||
element
|
||||
.attr('unselectable', 'on')
|
||||
.css('MozUserSelect', 'none')
|
||||
.bind('selectstart.ui', function() { return false; });
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
function enableTextSelection(element) {
|
||||
element
|
||||
.attr('unselectable', 'off')
|
||||
.css('MozUserSelect', '')
|
||||
.unbind('selectstart.ui');
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
function markFirstLast(e) {
|
||||
e.children()
|
||||
.removeClass('fc-first fc-last')
|
||||
.filter(':first-child')
|
||||
.addClass('fc-first')
|
||||
.end()
|
||||
.filter(':last-child')
|
||||
.addClass('fc-last');
|
||||
}
|
||||
|
||||
|
||||
function setDayID(cell, date) {
|
||||
cell.each(function(i, _cell) {
|
||||
_cell.className = _cell.className.replace(/^fc-\w*/, 'fc-' + dayIDs[date.getDay()]);
|
||||
// TODO: make a way that doesn't rely on order of classes
|
||||
// Diffs the two moments into a Duration where full-days are recorded first, then the remaining time.
|
||||
// Moments will have their timezones normalized.
|
||||
function diffDayTime(a, b) {
|
||||
return moment.duration({
|
||||
days: a.clone().stripTime().diff(b.clone().stripTime(), 'days'),
|
||||
ms: a.time() - b.time() // time-of-day from day start. disregards timezone
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
function getSkinCss(event, opt) {
|
||||
var source = event.source || {};
|
||||
var eventColor = event.color;
|
||||
var sourceColor = source.color;
|
||||
var optionColor = opt('eventColor');
|
||||
var backgroundColor =
|
||||
event.backgroundColor ||
|
||||
eventColor ||
|
||||
source.backgroundColor ||
|
||||
sourceColor ||
|
||||
opt('eventBackgroundColor') ||
|
||||
optionColor;
|
||||
var borderColor =
|
||||
event.borderColor ||
|
||||
eventColor ||
|
||||
source.borderColor ||
|
||||
sourceColor ||
|
||||
opt('eventBorderColor') ||
|
||||
optionColor;
|
||||
var textColor =
|
||||
event.textColor ||
|
||||
source.textColor ||
|
||||
opt('eventTextColor');
|
||||
var statements = [];
|
||||
if (backgroundColor) {
|
||||
statements.push('background-color:' + backgroundColor);
|
||||
// Diffs the two moments via their start-of-day (regardless of timezone). Produces whole-day durations.
|
||||
function diffDay(a, b) {
|
||||
return moment.duration({
|
||||
days: a.clone().stripTime().diff(b.clone().stripTime(), 'days')
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// Diffs two moments, producing a duration, made of a whole-unit-increment of the given unit. Uses rounding.
|
||||
function diffByUnit(a, b, unit) {
|
||||
return moment.duration(
|
||||
Math.round(a.diff(b, unit, true)), // returnFloat=true
|
||||
unit
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
// Computes the unit name of the largest whole-unit period of time.
|
||||
// For example, 48 hours will be "days" whereas 49 hours will be "hours".
|
||||
// Accepts start/end, a range object, or an original duration object.
|
||||
function computeIntervalUnit(start, end) {
|
||||
var i, unit;
|
||||
var val;
|
||||
|
||||
for (i = 0; i < intervalUnits.length; i++) {
|
||||
unit = intervalUnits[i];
|
||||
val = computeRangeAs(unit, start, end);
|
||||
|
||||
if (val >= 1 && isInt(val)) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (borderColor) {
|
||||
statements.push('border-color:' + borderColor);
|
||||
|
||||
return unit; // will be "milliseconds" if nothing else matches
|
||||
}
|
||||
|
||||
|
||||
// Computes the number of units (like "hours") in the given range.
|
||||
// Range can be a {start,end} object, separate start/end args, or a Duration.
|
||||
// Results are based on Moment's .as() and .diff() methods, so results can depend on internal handling
|
||||
// of month-diffing logic (which tends to vary from version to version).
|
||||
function computeRangeAs(unit, start, end) {
|
||||
|
||||
if (end != null) { // given start, end
|
||||
return end.diff(start, unit, true);
|
||||
}
|
||||
if (textColor) {
|
||||
statements.push('color:' + textColor);
|
||||
else if (moment.isDuration(start)) { // given duration
|
||||
return start.as(unit);
|
||||
}
|
||||
return statements.join(';');
|
||||
else { // given { start, end } range object
|
||||
return start.end.diff(start.start, unit, true);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Intelligently divides a range (specified by a start/end params) by a duration
|
||||
function divideRangeByDuration(start, end, dur) {
|
||||
var months;
|
||||
|
||||
if (durationHasTime(dur)) {
|
||||
return (end - start) / dur;
|
||||
}
|
||||
months = dur.asMonths();
|
||||
if (Math.abs(months) >= 1 && isInt(months)) {
|
||||
return end.diff(start, 'months', true) / months;
|
||||
}
|
||||
return end.diff(start, 'days', true) / dur.asDays();
|
||||
}
|
||||
|
||||
|
||||
// Intelligently divides one duration by another
|
||||
function divideDurationByDuration(dur1, dur2) {
|
||||
var months1, months2;
|
||||
|
||||
if (durationHasTime(dur1) || durationHasTime(dur2)) {
|
||||
return dur1 / dur2;
|
||||
}
|
||||
months1 = dur1.asMonths();
|
||||
months2 = dur2.asMonths();
|
||||
if (
|
||||
Math.abs(months1) >= 1 && isInt(months1) &&
|
||||
Math.abs(months2) >= 1 && isInt(months2)
|
||||
) {
|
||||
return months1 / months2;
|
||||
}
|
||||
return dur1.asDays() / dur2.asDays();
|
||||
}
|
||||
|
||||
|
||||
// Intelligently multiplies a duration by a number
|
||||
function multiplyDuration(dur, n) {
|
||||
var months;
|
||||
|
||||
if (durationHasTime(dur)) {
|
||||
return moment.duration(dur * n);
|
||||
}
|
||||
months = dur.asMonths();
|
||||
if (Math.abs(months) >= 1 && isInt(months)) {
|
||||
return moment.duration({ months: months * n });
|
||||
}
|
||||
return moment.duration({ days: dur.asDays() * n });
|
||||
}
|
||||
|
||||
|
||||
// Returns a boolean about whether the given duration has any time parts (hours/minutes/seconds/ms)
|
||||
function durationHasTime(dur) {
|
||||
return Boolean(dur.hours() || dur.minutes() || dur.seconds() || dur.milliseconds());
|
||||
}
|
||||
|
||||
|
||||
function isNativeDate(input) {
|
||||
return Object.prototype.toString.call(input) === '[object Date]' || input instanceof Date;
|
||||
}
|
||||
|
||||
|
||||
// Returns a boolean about whether the given input is a time string, like "06:40:00" or "06:00"
|
||||
function isTimeString(str) {
|
||||
return /^\d+\:\d+(?:\:\d+\.?(?:\d{3})?)?$/.test(str);
|
||||
}
|
||||
|
||||
|
||||
/* Logging and Debug
|
||||
----------------------------------------------------------------------------------------------------------------------*/
|
||||
|
||||
FC.log = function() {
|
||||
var console = window.console;
|
||||
|
||||
if (console && console.log) {
|
||||
return console.log.apply(console, arguments);
|
||||
}
|
||||
};
|
||||
|
||||
FC.warn = function() {
|
||||
var console = window.console;
|
||||
|
||||
if (console && console.warn) {
|
||||
return console.warn.apply(console, arguments);
|
||||
}
|
||||
else {
|
||||
return FC.log.apply(FC, arguments);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
/* General Utilities
|
||||
----------------------------------------------------------------------------------------------------------------------*/
|
||||
|
||||
var hasOwnPropMethod = {}.hasOwnProperty;
|
||||
|
||||
|
||||
// Merges an array of objects into a single object.
|
||||
// The second argument allows for an array of property names who's object values will be merged together.
|
||||
function mergeProps(propObjs, complexProps) {
|
||||
var dest = {};
|
||||
var i, name;
|
||||
var complexObjs;
|
||||
var j, val;
|
||||
var props;
|
||||
|
||||
if (complexProps) {
|
||||
for (i = 0; i < complexProps.length; i++) {
|
||||
name = complexProps[i];
|
||||
complexObjs = [];
|
||||
|
||||
// collect the trailing object values, stopping when a non-object is discovered
|
||||
for (j = propObjs.length - 1; j >= 0; j--) {
|
||||
val = propObjs[j][name];
|
||||
|
||||
if (typeof val === 'object') {
|
||||
complexObjs.unshift(val);
|
||||
}
|
||||
else if (val !== undefined) {
|
||||
dest[name] = val; // if there were no objects, this value will be used
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
// if the trailing values were objects, use the merged value
|
||||
if (complexObjs.length) {
|
||||
dest[name] = mergeProps(complexObjs);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// copy values into the destination, going from last to first
|
||||
for (i = propObjs.length - 1; i >= 0; i--) {
|
||||
props = propObjs[i];
|
||||
|
||||
for (name in props) {
|
||||
if (!(name in dest)) { // if already assigned by previous props or complex props, don't reassign
|
||||
dest[name] = props[name];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return dest;
|
||||
}
|
||||
|
||||
|
||||
// Create an object that has the given prototype. Just like Object.create
|
||||
function createObject(proto) {
|
||||
var f = function() {};
|
||||
f.prototype = proto;
|
||||
return new f();
|
||||
}
|
||||
|
||||
|
||||
function copyOwnProps(src, dest) {
|
||||
for (var name in src) {
|
||||
if (hasOwnProp(src, name)) {
|
||||
dest[name] = src[name];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function hasOwnProp(obj, name) {
|
||||
return hasOwnPropMethod.call(obj, name);
|
||||
}
|
||||
|
||||
|
||||
// Is the given value a non-object non-function value?
|
||||
function isAtomic(val) {
|
||||
return /undefined|null|boolean|number|string/.test($.type(val));
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -1941,2424 +894,6792 @@ function firstDefined() {
|
|||
}
|
||||
|
||||
|
||||
;;
|
||||
|
||||
fcViews.month = MonthView;
|
||||
|
||||
function MonthView(element, calendar) {
|
||||
var t = this;
|
||||
|
||||
|
||||
// exports
|
||||
t.render = render;
|
||||
|
||||
|
||||
// imports
|
||||
BasicView.call(t, element, calendar, 'month');
|
||||
var opt = t.opt;
|
||||
var renderBasic = t.renderBasic;
|
||||
var skipHiddenDays = t.skipHiddenDays;
|
||||
var getCellsPerWeek = t.getCellsPerWeek;
|
||||
var formatDate = calendar.formatDate;
|
||||
|
||||
|
||||
function render(date, delta) {
|
||||
|
||||
if (delta) {
|
||||
addMonths(date, delta);
|
||||
date.setDate(1);
|
||||
}
|
||||
|
||||
var firstDay = opt('firstDay');
|
||||
|
||||
var start = cloneDate(date, true);
|
||||
start.setDate(1);
|
||||
|
||||
var end = addMonths(cloneDate(start), 1);
|
||||
|
||||
var visStart = cloneDate(start);
|
||||
addDays(visStart, -((visStart.getDay() - firstDay + 7) % 7));
|
||||
skipHiddenDays(visStart);
|
||||
|
||||
var visEnd = cloneDate(end);
|
||||
addDays(visEnd, (7 - visEnd.getDay() + firstDay) % 7);
|
||||
skipHiddenDays(visEnd, -1, true);
|
||||
|
||||
var colCnt = getCellsPerWeek();
|
||||
var rowCnt = Math.round(dayDiff(visEnd, visStart) / 7); // should be no need for Math.round
|
||||
|
||||
if (opt('weekMode') == 'fixed') {
|
||||
addDays(visEnd, (6 - rowCnt) * 7); // add weeks to make up for it
|
||||
rowCnt = 6;
|
||||
}
|
||||
|
||||
t.title = formatDate(start, opt('titleFormat'));
|
||||
|
||||
t.start = start;
|
||||
t.end = end;
|
||||
t.visStart = visStart;
|
||||
t.visEnd = visEnd;
|
||||
|
||||
renderBasic(rowCnt, colCnt, true);
|
||||
}
|
||||
|
||||
|
||||
function htmlEscape(s) {
|
||||
return (s + '').replace(/&/g, '&')
|
||||
.replace(/</g, '<')
|
||||
.replace(/>/g, '>')
|
||||
.replace(/'/g, ''')
|
||||
.replace(/"/g, '"')
|
||||
.replace(/\n/g, '<br />');
|
||||
}
|
||||
|
||||
;;
|
||||
|
||||
fcViews.basicWeek = BasicWeekView;
|
||||
|
||||
function BasicWeekView(element, calendar) {
|
||||
var t = this;
|
||||
|
||||
|
||||
// exports
|
||||
t.render = render;
|
||||
|
||||
|
||||
// imports
|
||||
BasicView.call(t, element, calendar, 'basicWeek');
|
||||
var opt = t.opt;
|
||||
var renderBasic = t.renderBasic;
|
||||
var skipHiddenDays = t.skipHiddenDays;
|
||||
var getCellsPerWeek = t.getCellsPerWeek;
|
||||
var formatDates = calendar.formatDates;
|
||||
|
||||
|
||||
function render(date, delta) {
|
||||
|
||||
if (delta) {
|
||||
addDays(date, delta * 7);
|
||||
}
|
||||
|
||||
var start = addDays(cloneDate(date), -((date.getDay() - opt('firstDay') + 7) % 7));
|
||||
var end = addDays(cloneDate(start), 7);
|
||||
|
||||
var visStart = cloneDate(start);
|
||||
skipHiddenDays(visStart);
|
||||
|
||||
var visEnd = cloneDate(end);
|
||||
skipHiddenDays(visEnd, -1, true);
|
||||
|
||||
var colCnt = getCellsPerWeek();
|
||||
|
||||
t.start = start;
|
||||
t.end = end;
|
||||
t.visStart = visStart;
|
||||
t.visEnd = visEnd;
|
||||
|
||||
t.title = formatDates(
|
||||
visStart,
|
||||
addDays(cloneDate(visEnd), -1),
|
||||
opt('titleFormat')
|
||||
);
|
||||
|
||||
renderBasic(1, colCnt, false);
|
||||
}
|
||||
|
||||
|
||||
function stripHtmlEntities(text) {
|
||||
return text.replace(/&.*?;/g, '');
|
||||
}
|
||||
|
||||
;;
|
||||
|
||||
fcViews.basicDay = BasicDayView;
|
||||
// Given a hash of CSS properties, returns a string of CSS.
|
||||
// Uses property names as-is (no camel-case conversion). Will not make statements for null/undefined values.
|
||||
function cssToStr(cssProps) {
|
||||
var statements = [];
|
||||
|
||||
|
||||
function BasicDayView(element, calendar) {
|
||||
var t = this;
|
||||
|
||||
|
||||
// exports
|
||||
t.render = render;
|
||||
|
||||
|
||||
// imports
|
||||
BasicView.call(t, element, calendar, 'basicDay');
|
||||
var opt = t.opt;
|
||||
var renderBasic = t.renderBasic;
|
||||
var skipHiddenDays = t.skipHiddenDays;
|
||||
var formatDate = calendar.formatDate;
|
||||
|
||||
|
||||
function render(date, delta) {
|
||||
|
||||
if (delta) {
|
||||
addDays(date, delta);
|
||||
$.each(cssProps, function(name, val) {
|
||||
if (val != null) {
|
||||
statements.push(name + ':' + val);
|
||||
}
|
||||
skipHiddenDays(date, delta < 0 ? -1 : 1);
|
||||
});
|
||||
|
||||
var start = cloneDate(date, true);
|
||||
var end = addDays(cloneDate(start), 1);
|
||||
|
||||
t.title = formatDate(date, opt('titleFormat'));
|
||||
|
||||
t.start = t.visStart = start;
|
||||
t.end = t.visEnd = end;
|
||||
|
||||
renderBasic(1, 1, false);
|
||||
}
|
||||
|
||||
|
||||
return statements.join(';');
|
||||
}
|
||||
|
||||
;;
|
||||
|
||||
setDefaults({
|
||||
weekMode: 'fixed'
|
||||
});
|
||||
// Given an object hash of HTML attribute names to values,
|
||||
// generates a string that can be injected between < > in HTML
|
||||
function attrsToStr(attrs) {
|
||||
var parts = [];
|
||||
|
||||
|
||||
function BasicView(element, calendar, viewName) {
|
||||
var t = this;
|
||||
|
||||
|
||||
// exports
|
||||
t.renderBasic = renderBasic;
|
||||
t.setHeight = setHeight;
|
||||
t.setWidth = setWidth;
|
||||
t.renderDayOverlay = renderDayOverlay;
|
||||
t.defaultSelectionEnd = defaultSelectionEnd;
|
||||
t.renderSelection = renderSelection;
|
||||
t.clearSelection = clearSelection;
|
||||
t.reportDayClick = reportDayClick; // for selection (kinda hacky)
|
||||
t.dragStart = dragStart;
|
||||
t.dragStop = dragStop;
|
||||
t.defaultEventEnd = defaultEventEnd;
|
||||
t.getHoverListener = function() { return hoverListener };
|
||||
t.colLeft = colLeft;
|
||||
t.colRight = colRight;
|
||||
t.colContentLeft = colContentLeft;
|
||||
t.colContentRight = colContentRight;
|
||||
t.getIsCellAllDay = function() { return true };
|
||||
t.allDayRow = allDayRow;
|
||||
t.getRowCnt = function() { return rowCnt };
|
||||
t.getColCnt = function() { return colCnt };
|
||||
t.getColWidth = function() { return colWidth };
|
||||
t.getDaySegmentContainer = function() { return daySegmentContainer };
|
||||
|
||||
|
||||
// imports
|
||||
View.call(t, element, calendar, viewName);
|
||||
OverlayManager.call(t);
|
||||
SelectionManager.call(t);
|
||||
BasicEventRenderer.call(t);
|
||||
var opt = t.opt;
|
||||
var trigger = t.trigger;
|
||||
var renderOverlay = t.renderOverlay;
|
||||
var clearOverlays = t.clearOverlays;
|
||||
var daySelectionMousedown = t.daySelectionMousedown;
|
||||
var cellToDate = t.cellToDate;
|
||||
var dateToCell = t.dateToCell;
|
||||
var rangeToSegments = t.rangeToSegments;
|
||||
var formatDate = calendar.formatDate;
|
||||
|
||||
|
||||
// locals
|
||||
|
||||
var table;
|
||||
var head;
|
||||
var headCells;
|
||||
var body;
|
||||
var bodyRows;
|
||||
var bodyCells;
|
||||
var bodyFirstCells;
|
||||
var firstRowCellInners;
|
||||
var firstRowCellContentInners;
|
||||
var daySegmentContainer;
|
||||
|
||||
var viewWidth;
|
||||
var viewHeight;
|
||||
var colWidth;
|
||||
var weekNumberWidth;
|
||||
|
||||
var rowCnt, colCnt;
|
||||
var showNumbers;
|
||||
var coordinateGrid;
|
||||
var hoverListener;
|
||||
var colPositions;
|
||||
var colContentPositions;
|
||||
|
||||
var tm;
|
||||
var colFormat;
|
||||
var showWeekNumbers;
|
||||
var weekNumberTitle;
|
||||
var weekNumberFormat;
|
||||
|
||||
|
||||
|
||||
/* Rendering
|
||||
------------------------------------------------------------*/
|
||||
|
||||
|
||||
disableTextSelection(element.addClass('fc-grid'));
|
||||
|
||||
|
||||
function renderBasic(_rowCnt, _colCnt, _showNumbers) {
|
||||
rowCnt = _rowCnt;
|
||||
colCnt = _colCnt;
|
||||
showNumbers = _showNumbers;
|
||||
updateOptions();
|
||||
|
||||
if (!body) {
|
||||
buildEventContainer();
|
||||
$.each(attrs, function(name, val) {
|
||||
if (val != null) {
|
||||
parts.push(name + '="' + htmlEscape(val) + '"');
|
||||
}
|
||||
});
|
||||
|
||||
buildTable();
|
||||
}
|
||||
|
||||
|
||||
function updateOptions() {
|
||||
tm = opt('theme') ? 'ui' : 'fc';
|
||||
colFormat = opt('columnFormat');
|
||||
return parts.join(' ');
|
||||
}
|
||||
|
||||
// week # options. (TODO: bad, logic also in other views)
|
||||
showWeekNumbers = opt('weekNumbers');
|
||||
weekNumberTitle = opt('weekNumberTitle');
|
||||
if (opt('weekNumberCalculation') != 'iso') {
|
||||
weekNumberFormat = "w";
|
||||
|
||||
function capitaliseFirstLetter(str) {
|
||||
return str.charAt(0).toUpperCase() + str.slice(1);
|
||||
}
|
||||
|
||||
|
||||
function compareNumbers(a, b) { // for .sort()
|
||||
return a - b;
|
||||
}
|
||||
|
||||
|
||||
function isInt(n) {
|
||||
return n % 1 === 0;
|
||||
}
|
||||
|
||||
|
||||
// Returns a method bound to the given object context.
|
||||
// Just like one of the jQuery.proxy signatures, but without the undesired behavior of treating the same method with
|
||||
// different contexts as identical when binding/unbinding events.
|
||||
function proxy(obj, methodName) {
|
||||
var method = obj[methodName];
|
||||
|
||||
return function() {
|
||||
return method.apply(obj, arguments);
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
// Returns a function, that, as long as it continues to be invoked, will not
|
||||
// be triggered. The function will be called after it stops being called for
|
||||
// N milliseconds. If `immediate` is passed, trigger the function on the
|
||||
// leading edge, instead of the trailing.
|
||||
// https://github.com/jashkenas/underscore/blob/1.6.0/underscore.js#L714
|
||||
function debounce(func, wait, immediate) {
|
||||
var timeout, args, context, timestamp, result;
|
||||
|
||||
var later = function() {
|
||||
var last = +new Date() - timestamp;
|
||||
if (last < wait) {
|
||||
timeout = setTimeout(later, wait - last);
|
||||
}
|
||||
else {
|
||||
weekNumberFormat = "W";
|
||||
timeout = null;
|
||||
if (!immediate) {
|
||||
result = func.apply(context, args);
|
||||
context = args = null;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
return function() {
|
||||
context = this;
|
||||
args = arguments;
|
||||
timestamp = +new Date();
|
||||
var callNow = immediate && !timeout;
|
||||
if (!timeout) {
|
||||
timeout = setTimeout(later, wait);
|
||||
}
|
||||
if (callNow) {
|
||||
result = func.apply(context, args);
|
||||
context = args = null;
|
||||
}
|
||||
return result;
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
// HACK around jQuery's now A+ promises: execute callback synchronously if already resolved.
|
||||
// thenFunc shouldn't accept args.
|
||||
// similar to whenResources in Scheduler plugin.
|
||||
function syncThen(promise, thenFunc) {
|
||||
// not a promise, or an already-resolved promise?
|
||||
if (!promise || !promise.then || promise.state() === 'resolved') {
|
||||
return $.when(thenFunc()); // resolve immediately
|
||||
}
|
||||
else if (thenFunc) {
|
||||
return promise.then(thenFunc);
|
||||
}
|
||||
}
|
||||
|
||||
;;
|
||||
|
||||
/*
|
||||
GENERAL NOTE on moments throughout the *entire rest* of the codebase:
|
||||
All moments are assumed to be ambiguously-zoned unless otherwise noted,
|
||||
with the NOTABLE EXCEOPTION of start/end dates that live on *Event Objects*.
|
||||
Ambiguously-TIMED moments are assumed to be ambiguously-zoned by nature.
|
||||
*/
|
||||
|
||||
var ambigDateOfMonthRegex = /^\s*\d{4}-\d\d$/;
|
||||
var ambigTimeOrZoneRegex =
|
||||
/^\s*\d{4}-(?:(\d\d-\d\d)|(W\d\d$)|(W\d\d-\d)|(\d\d\d))((T| )(\d\d(:\d\d(:\d\d(\.\d+)?)?)?)?)?$/;
|
||||
var newMomentProto = moment.fn; // where we will attach our new methods
|
||||
var oldMomentProto = $.extend({}, newMomentProto); // copy of original moment methods
|
||||
|
||||
// tell momentjs to transfer these properties upon clone
|
||||
var momentProperties = moment.momentProperties;
|
||||
momentProperties.push('_fullCalendar');
|
||||
momentProperties.push('_ambigTime');
|
||||
momentProperties.push('_ambigZone');
|
||||
|
||||
|
||||
// Creating
|
||||
// -------------------------------------------------------------------------------------------------
|
||||
|
||||
// Creates a new moment, similar to the vanilla moment(...) constructor, but with
|
||||
// extra features (ambiguous time, enhanced formatting). When given an existing moment,
|
||||
// it will function as a clone (and retain the zone of the moment). Anything else will
|
||||
// result in a moment in the local zone.
|
||||
FC.moment = function() {
|
||||
return makeMoment(arguments);
|
||||
};
|
||||
|
||||
// Sames as FC.moment, but forces the resulting moment to be in the UTC timezone.
|
||||
FC.moment.utc = function() {
|
||||
var mom = makeMoment(arguments, true);
|
||||
|
||||
// Force it into UTC because makeMoment doesn't guarantee it
|
||||
// (if given a pre-existing moment for example)
|
||||
if (mom.hasTime()) { // don't give ambiguously-timed moments a UTC zone
|
||||
mom.utc();
|
||||
}
|
||||
|
||||
return mom;
|
||||
};
|
||||
|
||||
// Same as FC.moment, but when given an ISO8601 string, the timezone offset is preserved.
|
||||
// ISO8601 strings with no timezone offset will become ambiguously zoned.
|
||||
FC.moment.parseZone = function() {
|
||||
return makeMoment(arguments, true, true);
|
||||
};
|
||||
|
||||
// Builds an enhanced moment from args. When given an existing moment, it clones. When given a
|
||||
// native Date, or called with no arguments (the current time), the resulting moment will be local.
|
||||
// Anything else needs to be "parsed" (a string or an array), and will be affected by:
|
||||
// parseAsUTC - if there is no zone information, should we parse the input in UTC?
|
||||
// parseZone - if there is zone information, should we force the zone of the moment?
|
||||
function makeMoment(args, parseAsUTC, parseZone) {
|
||||
var input = args[0];
|
||||
var isSingleString = args.length == 1 && typeof input === 'string';
|
||||
var isAmbigTime;
|
||||
var isAmbigZone;
|
||||
var ambigMatch;
|
||||
var mom;
|
||||
|
||||
if (moment.isMoment(input) || isNativeDate(input) || input === undefined) {
|
||||
mom = moment.apply(null, args);
|
||||
}
|
||||
else { // "parsing" is required
|
||||
isAmbigTime = false;
|
||||
isAmbigZone = false;
|
||||
|
||||
if (isSingleString) {
|
||||
if (ambigDateOfMonthRegex.test(input)) {
|
||||
// accept strings like '2014-05', but convert to the first of the month
|
||||
input += '-01';
|
||||
args = [ input ]; // for when we pass it on to moment's constructor
|
||||
isAmbigTime = true;
|
||||
isAmbigZone = true;
|
||||
}
|
||||
else if ((ambigMatch = ambigTimeOrZoneRegex.exec(input))) {
|
||||
isAmbigTime = !ambigMatch[5]; // no time part?
|
||||
isAmbigZone = true;
|
||||
}
|
||||
}
|
||||
else if ($.isArray(input)) {
|
||||
// arrays have no timezone information, so assume ambiguous zone
|
||||
isAmbigZone = true;
|
||||
}
|
||||
// otherwise, probably a string with a format
|
||||
|
||||
if (parseAsUTC || isAmbigTime) {
|
||||
mom = moment.utc.apply(moment, args);
|
||||
}
|
||||
else {
|
||||
mom = moment.apply(null, args);
|
||||
}
|
||||
|
||||
if (isAmbigTime) {
|
||||
mom._ambigTime = true;
|
||||
mom._ambigZone = true; // ambiguous time always means ambiguous zone
|
||||
}
|
||||
else if (parseZone) { // let's record the inputted zone somehow
|
||||
if (isAmbigZone) {
|
||||
mom._ambigZone = true;
|
||||
}
|
||||
else if (isSingleString) {
|
||||
mom.utcOffset(input); // if not a valid zone, will assign UTC
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function buildEventContainer() {
|
||||
daySegmentContainer =
|
||||
$("<div class='fc-event-container' style='position:absolute;z-index:8;top:0;left:0'/>")
|
||||
.appendTo(element);
|
||||
|
||||
mom._fullCalendar = true; // flag for extended functionality
|
||||
|
||||
return mom;
|
||||
}
|
||||
|
||||
|
||||
// Week Number
|
||||
// -------------------------------------------------------------------------------------------------
|
||||
|
||||
|
||||
// Returns the week number, considering the locale's custom week number calcuation
|
||||
// `weeks` is an alias for `week`
|
||||
newMomentProto.week = newMomentProto.weeks = function(input) {
|
||||
var weekCalc = this._locale._fullCalendar_weekCalc;
|
||||
|
||||
if (input == null && typeof weekCalc === 'function') { // custom function only works for getter
|
||||
return weekCalc(this);
|
||||
}
|
||||
else if (weekCalc === 'ISO') {
|
||||
return oldMomentProto.isoWeek.apply(this, arguments); // ISO getter/setter
|
||||
}
|
||||
|
||||
|
||||
function buildTable() {
|
||||
var html = buildTableHTML();
|
||||
|
||||
if (table) {
|
||||
table.remove();
|
||||
return oldMomentProto.week.apply(this, arguments); // local getter/setter
|
||||
};
|
||||
|
||||
|
||||
// Time-of-day
|
||||
// -------------------------------------------------------------------------------------------------
|
||||
|
||||
// GETTER
|
||||
// Returns a Duration with the hours/minutes/seconds/ms values of the moment.
|
||||
// If the moment has an ambiguous time, a duration of 00:00 will be returned.
|
||||
//
|
||||
// SETTER
|
||||
// You can supply a Duration, a Moment, or a Duration-like argument.
|
||||
// When setting the time, and the moment has an ambiguous time, it then becomes unambiguous.
|
||||
newMomentProto.time = function(time) {
|
||||
|
||||
// Fallback to the original method (if there is one) if this moment wasn't created via FullCalendar.
|
||||
// `time` is a generic enough method name where this precaution is necessary to avoid collisions w/ other plugins.
|
||||
if (!this._fullCalendar) {
|
||||
return oldMomentProto.time.apply(this, arguments);
|
||||
}
|
||||
|
||||
if (time == null) { // getter
|
||||
return moment.duration({
|
||||
hours: this.hours(),
|
||||
minutes: this.minutes(),
|
||||
seconds: this.seconds(),
|
||||
milliseconds: this.milliseconds()
|
||||
});
|
||||
}
|
||||
else { // setter
|
||||
|
||||
this._ambigTime = false; // mark that the moment now has a time
|
||||
|
||||
if (!moment.isDuration(time) && !moment.isMoment(time)) {
|
||||
time = moment.duration(time);
|
||||
}
|
||||
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');
|
||||
// The day value should cause overflow (so 24 hours becomes 00:00:00 of next day).
|
||||
// Only for Duration times, not Moment times.
|
||||
var dayHours = 0;
|
||||
if (moment.isDuration(time)) {
|
||||
dayHours = Math.floor(time.asDays()) * 24;
|
||||
}
|
||||
|
||||
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');
|
||||
// We need to set the individual fields.
|
||||
// Can't use startOf('day') then add duration. In case of DST at start of day.
|
||||
return this.hours(dayHours + time.hours())
|
||||
.minutes(time.minutes())
|
||||
.seconds(time.seconds())
|
||||
.milliseconds(time.milliseconds());
|
||||
}
|
||||
};
|
||||
|
||||
bodyCells.each(function(i, _cell) {
|
||||
var date = cellToDate(
|
||||
Math.floor(i / colCnt),
|
||||
i % colCnt
|
||||
);
|
||||
trigger('dayRender', t, date, $(_cell));
|
||||
// Converts the moment to UTC, stripping out its time-of-day and timezone offset,
|
||||
// but preserving its YMD. A moment with a stripped time will display no time
|
||||
// nor timezone offset when .format() is called.
|
||||
newMomentProto.stripTime = function() {
|
||||
|
||||
if (!this._ambigTime) {
|
||||
|
||||
this.utc(true); // keepLocalTime=true (for keeping *date* value)
|
||||
|
||||
// set time to zero
|
||||
this.set({
|
||||
hours: 0,
|
||||
minutes: 0,
|
||||
seconds: 0,
|
||||
ms: 0
|
||||
});
|
||||
|
||||
dayBind(bodyCells);
|
||||
// Mark the time as ambiguous. This needs to happen after the .utc() call, which might call .utcOffset(),
|
||||
// which clears all ambig flags.
|
||||
this._ambigTime = true;
|
||||
this._ambigZone = true; // if ambiguous time, also ambiguous timezone offset
|
||||
}
|
||||
|
||||
return this; // for chaining
|
||||
};
|
||||
|
||||
// Returns if the moment has a non-ambiguous time (boolean)
|
||||
newMomentProto.hasTime = function() {
|
||||
return !this._ambigTime;
|
||||
};
|
||||
|
||||
|
||||
/* HTML Building
|
||||
-----------------------------------------------------------*/
|
||||
// Timezone
|
||||
// -------------------------------------------------------------------------------------------------
|
||||
|
||||
// Converts the moment to UTC, stripping out its timezone offset, but preserving its
|
||||
// YMD and time-of-day. A moment with a stripped timezone offset will display no
|
||||
// timezone offset when .format() is called.
|
||||
newMomentProto.stripZone = function() {
|
||||
var wasAmbigTime;
|
||||
|
||||
function buildTableHTML() {
|
||||
var html =
|
||||
"<table class='fc-border-separate' style='width:100%' cellspacing='0'>" +
|
||||
buildHeadHTML() +
|
||||
buildBodyHTML() +
|
||||
"</table>";
|
||||
if (!this._ambigZone) {
|
||||
|
||||
return html;
|
||||
wasAmbigTime = this._ambigTime;
|
||||
|
||||
this.utc(true); // keepLocalTime=true (for keeping date and time values)
|
||||
|
||||
// the above call to .utc()/.utcOffset() unfortunately might clear the ambig flags, so restore
|
||||
this._ambigTime = wasAmbigTime || false;
|
||||
|
||||
// Mark the zone as ambiguous. This needs to happen after the .utc() call, which might call .utcOffset(),
|
||||
// which clears the ambig flags.
|
||||
this._ambigZone = true;
|
||||
}
|
||||
|
||||
return this; // for chaining
|
||||
};
|
||||
|
||||
function buildHeadHTML() {
|
||||
var headerClass = tm + "-widget-header";
|
||||
var html = '';
|
||||
var col;
|
||||
var date;
|
||||
// Returns of the moment has a non-ambiguous timezone offset (boolean)
|
||||
newMomentProto.hasZone = function() {
|
||||
return !this._ambigZone;
|
||||
};
|
||||
|
||||
html += "<thead><tr>";
|
||||
|
||||
if (showWeekNumbers) {
|
||||
html +=
|
||||
"<th class='fc-week-number " + headerClass + "'>" +
|
||||
htmlEscape(weekNumberTitle) +
|
||||
"</th>";
|
||||
}
|
||||
// implicitly marks a zone
|
||||
newMomentProto.local = function(keepLocalTime) {
|
||||
|
||||
for (col=0; col<colCnt; col++) {
|
||||
date = cellToDate(0, col);
|
||||
html +=
|
||||
"<th class='fc-day-header fc-" + dayIDs[date.getDay()] + " " + headerClass + "'>" +
|
||||
htmlEscape(formatDate(date, colFormat)) +
|
||||
"</th>";
|
||||
}
|
||||
// for when converting from ambiguously-zoned to local,
|
||||
// keep the time values when converting from UTC -> local
|
||||
oldMomentProto.local.call(this, this._ambigZone || keepLocalTime);
|
||||
|
||||
html += "</tr></thead>";
|
||||
// ensure non-ambiguous
|
||||
// this probably already happened via local() -> utcOffset(), but don't rely on Moment's internals
|
||||
this._ambigTime = false;
|
||||
this._ambigZone = false;
|
||||
|
||||
return html;
|
||||
return this; // for chaining
|
||||
};
|
||||
|
||||
|
||||
// implicitly marks a zone
|
||||
newMomentProto.utc = function(keepLocalTime) {
|
||||
|
||||
oldMomentProto.utc.call(this, keepLocalTime);
|
||||
|
||||
// ensure non-ambiguous
|
||||
// this probably already happened via utc() -> utcOffset(), but don't rely on Moment's internals
|
||||
this._ambigTime = false;
|
||||
this._ambigZone = false;
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
|
||||
// implicitly marks a zone (will probably get called upon .utc() and .local())
|
||||
newMomentProto.utcOffset = function(tzo) {
|
||||
|
||||
if (tzo != null) { // setter
|
||||
// these assignments needs to happen before the original zone method is called.
|
||||
// I forget why, something to do with a browser crash.
|
||||
this._ambigTime = false;
|
||||
this._ambigZone = false;
|
||||
}
|
||||
|
||||
return oldMomentProto.utcOffset.apply(this, arguments);
|
||||
};
|
||||
|
||||
function buildBodyHTML() {
|
||||
var contentClass = tm + "-widget-content";
|
||||
var html = '';
|
||||
var row;
|
||||
var col;
|
||||
var date;
|
||||
|
||||
html += "<tbody>";
|
||||
// Formatting
|
||||
// -------------------------------------------------------------------------------------------------
|
||||
|
||||
for (row=0; row<rowCnt; row++) {
|
||||
newMomentProto.format = function() {
|
||||
if (this._fullCalendar && arguments[0]) { // an enhanced moment? and a format string provided?
|
||||
return formatDate(this, arguments[0]); // our extended formatting
|
||||
}
|
||||
if (this._ambigTime) {
|
||||
return oldMomentFormat(this, 'YYYY-MM-DD');
|
||||
}
|
||||
if (this._ambigZone) {
|
||||
return oldMomentFormat(this, 'YYYY-MM-DD[T]HH:mm:ss');
|
||||
}
|
||||
return oldMomentProto.format.apply(this, arguments);
|
||||
};
|
||||
|
||||
html += "<tr class='fc-week'>";
|
||||
newMomentProto.toISOString = function() {
|
||||
if (this._ambigTime) {
|
||||
return oldMomentFormat(this, 'YYYY-MM-DD');
|
||||
}
|
||||
if (this._ambigZone) {
|
||||
return oldMomentFormat(this, 'YYYY-MM-DD[T]HH:mm:ss');
|
||||
}
|
||||
return oldMomentProto.toISOString.apply(this, arguments);
|
||||
};
|
||||
|
||||
if (showWeekNumbers) {
|
||||
date = cellToDate(row, 0);
|
||||
html +=
|
||||
"<td class='fc-week-number " + contentClass + "'>" +
|
||||
"<div>" +
|
||||
htmlEscape(formatDate(date, weekNumberFormat)) +
|
||||
"</div>" +
|
||||
"</td>";
|
||||
}
|
||||
;;
|
||||
|
||||
for (col=0; col<colCnt; col++) {
|
||||
date = cellToDate(row, col);
|
||||
html += buildCellHTML(date);
|
||||
}
|
||||
// Single Date Formatting
|
||||
// -------------------------------------------------------------------------------------------------
|
||||
|
||||
html += "</tr>";
|
||||
}
|
||||
|
||||
html += "</tbody>";
|
||||
// call this if you want Moment's original format method to be used
|
||||
function oldMomentFormat(mom, formatStr) {
|
||||
return oldMomentProto.format.call(mom, formatStr); // oldMomentProto defined in moment-ext.js
|
||||
}
|
||||
|
||||
return html;
|
||||
|
||||
// Formats `date` with a Moment formatting string, but allow our non-zero areas and
|
||||
// additional token.
|
||||
function formatDate(date, formatStr) {
|
||||
return formatDateWithChunks(date, getFormatStringChunks(formatStr));
|
||||
}
|
||||
|
||||
|
||||
function formatDateWithChunks(date, chunks) {
|
||||
var s = '';
|
||||
var i;
|
||||
|
||||
for (i=0; i<chunks.length; i++) {
|
||||
s += formatDateWithChunk(date, chunks[i]);
|
||||
}
|
||||
|
||||
return s;
|
||||
}
|
||||
|
||||
function buildCellHTML(date) {
|
||||
var contentClass = tm + "-widget-content";
|
||||
var month = t.start.getMonth();
|
||||
var today = clearTime(new Date());
|
||||
var html = '';
|
||||
var classNames = [
|
||||
'fc-day',
|
||||
'fc-' + dayIDs[date.getDay()],
|
||||
contentClass
|
||||
];
|
||||
|
||||
if (date.getMonth() != month) {
|
||||
classNames.push('fc-other-month');
|
||||
// addition formatting tokens we want recognized
|
||||
var tokenOverrides = {
|
||||
t: function(date) { // "a" or "p"
|
||||
return oldMomentFormat(date, 'a').charAt(0);
|
||||
},
|
||||
T: function(date) { // "A" or "P"
|
||||
return oldMomentFormat(date, 'A').charAt(0);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
function formatDateWithChunk(date, chunk) {
|
||||
var token;
|
||||
var maybeStr;
|
||||
|
||||
if (typeof chunk === 'string') { // a literal string
|
||||
return chunk;
|
||||
}
|
||||
else if ((token = chunk.token)) { // a token, like "YYYY"
|
||||
if (tokenOverrides[token]) {
|
||||
return tokenOverrides[token](date); // use our custom token
|
||||
}
|
||||
if (+date == +today) {
|
||||
classNames.push(
|
||||
'fc-today',
|
||||
tm + '-state-highlight'
|
||||
);
|
||||
return oldMomentFormat(date, token);
|
||||
}
|
||||
else if (chunk.maybe) { // a grouping of other chunks that must be non-zero
|
||||
maybeStr = formatDateWithChunks(date, chunk.maybe);
|
||||
if (maybeStr.match(/[1-9]/)) {
|
||||
return maybeStr;
|
||||
}
|
||||
else if (date < today) {
|
||||
classNames.push('fc-past');
|
||||
}
|
||||
|
||||
return '';
|
||||
}
|
||||
|
||||
|
||||
// Date Range Formatting
|
||||
// -------------------------------------------------------------------------------------------------
|
||||
// TODO: make it work with timezone offset
|
||||
|
||||
// Using a formatting string meant for a single date, generate a range string, like
|
||||
// "Sep 2 - 9 2013", that intelligently inserts a separator where the dates differ.
|
||||
// If the dates are the same as far as the format string is concerned, just return a single
|
||||
// rendering of one date, without any separator.
|
||||
function formatRange(date1, date2, formatStr, separator, isRTL) {
|
||||
var localeData;
|
||||
|
||||
date1 = FC.moment.parseZone(date1);
|
||||
date2 = FC.moment.parseZone(date2);
|
||||
|
||||
localeData = date1.localeData();
|
||||
|
||||
// Expand localized format strings, like "LL" -> "MMMM D YYYY"
|
||||
formatStr = localeData.longDateFormat(formatStr) || formatStr;
|
||||
// BTW, this is not important for `formatDate` because it is impossible to put custom tokens
|
||||
// or non-zero areas in Moment's localized format strings.
|
||||
|
||||
separator = separator || ' - ';
|
||||
|
||||
return formatRangeWithChunks(
|
||||
date1,
|
||||
date2,
|
||||
getFormatStringChunks(formatStr),
|
||||
separator,
|
||||
isRTL
|
||||
);
|
||||
}
|
||||
FC.formatRange = formatRange; // expose
|
||||
|
||||
|
||||
function formatRangeWithChunks(date1, date2, chunks, separator, isRTL) {
|
||||
var unzonedDate1 = date1.clone().stripZone(); // for formatSimilarChunk
|
||||
var unzonedDate2 = date2.clone().stripZone(); // "
|
||||
var chunkStr; // the rendering of the chunk
|
||||
var leftI;
|
||||
var leftStr = '';
|
||||
var rightI;
|
||||
var rightStr = '';
|
||||
var middleI;
|
||||
var middleStr1 = '';
|
||||
var middleStr2 = '';
|
||||
var middleStr = '';
|
||||
|
||||
// Start at the leftmost side of the formatting string and continue until you hit a token
|
||||
// that is not the same between dates.
|
||||
for (leftI=0; leftI<chunks.length; leftI++) {
|
||||
chunkStr = formatSimilarChunk(date1, date2, unzonedDate1, unzonedDate2, chunks[leftI]);
|
||||
if (chunkStr === false) {
|
||||
break;
|
||||
}
|
||||
leftStr += chunkStr;
|
||||
}
|
||||
|
||||
// Similarly, start at the rightmost side of the formatting string and move left
|
||||
for (rightI=chunks.length-1; rightI>leftI; rightI--) {
|
||||
chunkStr = formatSimilarChunk(date1, date2, unzonedDate1, unzonedDate2, chunks[rightI]);
|
||||
if (chunkStr === false) {
|
||||
break;
|
||||
}
|
||||
rightStr = chunkStr + rightStr;
|
||||
}
|
||||
|
||||
// The area in the middle is different for both of the dates.
|
||||
// Collect them distinctly so we can jam them together later.
|
||||
for (middleI=leftI; middleI<=rightI; middleI++) {
|
||||
middleStr1 += formatDateWithChunk(date1, chunks[middleI]);
|
||||
middleStr2 += formatDateWithChunk(date2, chunks[middleI]);
|
||||
}
|
||||
|
||||
if (middleStr1 || middleStr2) {
|
||||
if (isRTL) {
|
||||
middleStr = middleStr2 + separator + middleStr1;
|
||||
}
|
||||
else {
|
||||
classNames.push('fc-future');
|
||||
middleStr = middleStr1 + separator + middleStr2;
|
||||
}
|
||||
|
||||
html +=
|
||||
"<td" +
|
||||
" class='" + classNames.join(' ') + "'" +
|
||||
" data-date='" + formatDate(date, 'yyyy-MM-dd') + "'" +
|
||||
">" +
|
||||
"<div>";
|
||||
|
||||
if (showNumbers) {
|
||||
html += "<div class='fc-day-number'>" + date.getDate() + "</div>";
|
||||
}
|
||||
|
||||
html +=
|
||||
"<div class='fc-day-content'>" +
|
||||
"<div style='position:relative'> </div>" +
|
||||
"</div>" +
|
||||
"</div>" +
|
||||
"</td>";
|
||||
|
||||
return html;
|
||||
}
|
||||
|
||||
return leftStr + middleStr + rightStr;
|
||||
}
|
||||
|
||||
|
||||
/* Dimensions
|
||||
-----------------------------------------------------------*/
|
||||
|
||||
|
||||
function setHeight(height) {
|
||||
viewHeight = height;
|
||||
|
||||
var bodyHeight = viewHeight - head.height();
|
||||
var rowHeight;
|
||||
var rowHeightLast;
|
||||
var cell;
|
||||
|
||||
if (opt('weekMode') == 'variable') {
|
||||
rowHeight = rowHeightLast = Math.floor(bodyHeight / (rowCnt==1 ? 2 : 6));
|
||||
}else{
|
||||
rowHeight = Math.floor(bodyHeight / rowCnt);
|
||||
rowHeightLast = bodyHeight - rowHeight * (rowCnt-1);
|
||||
var similarUnitMap = {
|
||||
Y: 'year',
|
||||
M: 'month',
|
||||
D: 'day', // day of month
|
||||
d: 'day', // day of week
|
||||
// prevents a separator between anything time-related...
|
||||
A: 'second', // AM/PM
|
||||
a: 'second', // am/pm
|
||||
T: 'second', // A/P
|
||||
t: 'second', // a/p
|
||||
H: 'second', // hour (24)
|
||||
h: 'second', // hour (12)
|
||||
m: 'second', // minute
|
||||
s: 'second' // second
|
||||
};
|
||||
// TODO: week maybe?
|
||||
|
||||
|
||||
// Given a formatting chunk, and given that both dates are similar in the regard the
|
||||
// formatting chunk is concerned, format date1 against `chunk`. Otherwise, return `false`.
|
||||
function formatSimilarChunk(date1, date2, unzonedDate1, unzonedDate2, chunk) {
|
||||
var token;
|
||||
var unit;
|
||||
|
||||
if (typeof chunk === 'string') { // a literal string
|
||||
return chunk;
|
||||
}
|
||||
else if ((token = chunk.token)) {
|
||||
unit = similarUnitMap[token.charAt(0)];
|
||||
|
||||
// are the dates the same for this unit of measurement?
|
||||
// use the unzoned dates for this calculation because unreliable when near DST (bug #2396)
|
||||
if (unit && unzonedDate1.isSame(unzonedDate2, unit)) {
|
||||
return oldMomentFormat(date1, token); // would be the same if we used `date2`
|
||||
// BTW, don't support custom tokens
|
||||
}
|
||||
|
||||
bodyFirstCells.each(function(i, _cell) {
|
||||
if (i < rowCnt) {
|
||||
cell = $(_cell);
|
||||
cell.find('> div').css(
|
||||
'min-height',
|
||||
(i==rowCnt-1 ? rowHeightLast : rowHeight) - vsides(cell)
|
||||
}
|
||||
|
||||
return false; // the chunk is NOT the same for the two dates
|
||||
// BTW, don't support splitting on non-zero areas
|
||||
}
|
||||
|
||||
|
||||
// Chunking Utils
|
||||
// -------------------------------------------------------------------------------------------------
|
||||
|
||||
|
||||
var formatStringChunkCache = {};
|
||||
|
||||
|
||||
function getFormatStringChunks(formatStr) {
|
||||
if (formatStr in formatStringChunkCache) {
|
||||
return formatStringChunkCache[formatStr];
|
||||
}
|
||||
return (formatStringChunkCache[formatStr] = chunkFormatString(formatStr));
|
||||
}
|
||||
|
||||
|
||||
// Break the formatting string into an array of chunks
|
||||
function chunkFormatString(formatStr) {
|
||||
var chunks = [];
|
||||
var chunker = /\[([^\]]*)\]|\(([^\)]*)\)|(LTS|LT|(\w)\4*o?)|([^\w\[\(]+)/g; // TODO: more descrimination
|
||||
var match;
|
||||
|
||||
while ((match = chunker.exec(formatStr))) {
|
||||
if (match[1]) { // a literal string inside [ ... ]
|
||||
chunks.push(match[1]);
|
||||
}
|
||||
else if (match[2]) { // non-zero formatting inside ( ... )
|
||||
chunks.push({ maybe: chunkFormatString(match[2]) });
|
||||
}
|
||||
else if (match[3]) { // a formatting token
|
||||
chunks.push({ token: match[3] });
|
||||
}
|
||||
else if (match[5]) { // an unenclosed literal string
|
||||
chunks.push(match[5]);
|
||||
}
|
||||
}
|
||||
|
||||
return chunks;
|
||||
}
|
||||
|
||||
|
||||
// Misc Utils
|
||||
// -------------------------------------------------------------------------------------------------
|
||||
|
||||
|
||||
// granularity only goes up until day
|
||||
// TODO: unify with similarUnitMap
|
||||
var tokenGranularities = {
|
||||
Y: { value: 1, unit: 'year' },
|
||||
M: { value: 2, unit: 'month' },
|
||||
W: { value: 3, unit: 'week' },
|
||||
w: { value: 3, unit: 'week' },
|
||||
D: { value: 4, unit: 'day' }, // day of month
|
||||
d: { value: 4, unit: 'day' } // day of week
|
||||
};
|
||||
|
||||
// returns a unit string, either 'year', 'month', 'day', or null
|
||||
// for the most granular formatting token in the string.
|
||||
FC.queryMostGranularFormatUnit = function(formatStr) {
|
||||
var chunks = getFormatStringChunks(formatStr);
|
||||
var i, chunk;
|
||||
var candidate;
|
||||
var best;
|
||||
|
||||
for (i = 0; i < chunks.length; i++) {
|
||||
chunk = chunks[i];
|
||||
if (chunk.token) {
|
||||
candidate = tokenGranularities[chunk.token.charAt(0)];
|
||||
if (candidate) {
|
||||
if (!best || candidate.value > best.value) {
|
||||
best = candidate;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (best) {
|
||||
return best.unit;
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
;;
|
||||
|
||||
FC.Class = Class; // export
|
||||
|
||||
// Class that all other classes will inherit from
|
||||
function Class() { }
|
||||
|
||||
|
||||
// Called on a class to create a subclass.
|
||||
// Last argument contains instance methods. Any argument before the last are considered mixins.
|
||||
Class.extend = function() {
|
||||
var len = arguments.length;
|
||||
var i;
|
||||
var members;
|
||||
|
||||
for (i = 0; i < len; i++) {
|
||||
members = arguments[i];
|
||||
if (i < len - 1) { // not the last argument?
|
||||
mixIntoClass(this, members);
|
||||
}
|
||||
}
|
||||
|
||||
return extendClass(this, members || {}); // members will be undefined if no arguments
|
||||
};
|
||||
|
||||
|
||||
// Adds new member variables/methods to the class's prototype.
|
||||
// Can be called with another class, or a plain object hash containing new members.
|
||||
Class.mixin = function(members) {
|
||||
mixIntoClass(this, members);
|
||||
};
|
||||
|
||||
|
||||
function extendClass(superClass, members) {
|
||||
var subClass;
|
||||
|
||||
// ensure a constructor for the subclass, forwarding all arguments to the super-constructor if it doesn't exist
|
||||
if (hasOwnProp(members, 'constructor')) {
|
||||
subClass = members.constructor;
|
||||
}
|
||||
if (typeof subClass !== 'function') {
|
||||
subClass = members.constructor = function() {
|
||||
superClass.apply(this, arguments);
|
||||
};
|
||||
}
|
||||
|
||||
// build the base prototype for the subclass, which is an new object chained to the superclass's prototype
|
||||
subClass.prototype = createObject(superClass.prototype);
|
||||
|
||||
// copy each member variable/method onto the the subclass's prototype
|
||||
copyOwnProps(members, subClass.prototype);
|
||||
|
||||
// copy over all class variables/methods to the subclass, such as `extend` and `mixin`
|
||||
copyOwnProps(superClass, subClass);
|
||||
|
||||
return subClass;
|
||||
}
|
||||
|
||||
|
||||
function mixIntoClass(theClass, members) {
|
||||
copyOwnProps(members, theClass.prototype);
|
||||
}
|
||||
;;
|
||||
|
||||
var EmitterMixin = FC.EmitterMixin = {
|
||||
|
||||
// jQuery-ification via $(this) allows a non-DOM object to have
|
||||
// the same event handling capabilities (including namespaces).
|
||||
|
||||
|
||||
on: function(types, handler) {
|
||||
|
||||
// handlers are always called with an "event" object as their first param.
|
||||
// sneak the `this` context and arguments into the extra parameter object
|
||||
// and forward them on to the original handler.
|
||||
var intercept = function(ev, extra) {
|
||||
return handler.apply(
|
||||
extra.context || this,
|
||||
extra.args || []
|
||||
);
|
||||
};
|
||||
|
||||
// mimick jQuery's internal "proxy" system (risky, I know)
|
||||
// causing all functions with the same .guid to appear to be the same.
|
||||
// https://github.com/jquery/jquery/blob/2.2.4/src/core.js#L448
|
||||
// this is needed for calling .off with the original non-intercept handler.
|
||||
if (!handler.guid) {
|
||||
handler.guid = $.guid++;
|
||||
}
|
||||
intercept.guid = handler.guid;
|
||||
|
||||
$(this).on(types, intercept);
|
||||
|
||||
return this; // for chaining
|
||||
},
|
||||
|
||||
|
||||
off: function(types, handler) {
|
||||
$(this).off(types, handler);
|
||||
|
||||
return this; // for chaining
|
||||
},
|
||||
|
||||
|
||||
trigger: function(types) {
|
||||
var args = Array.prototype.slice.call(arguments, 1); // arguments after the first
|
||||
|
||||
// pass in "extra" info to the intercept
|
||||
$(this).triggerHandler(types, { args: args });
|
||||
|
||||
return this; // for chaining
|
||||
},
|
||||
|
||||
|
||||
triggerWith: function(types, context, args) {
|
||||
|
||||
// `triggerHandler` is less reliant on the DOM compared to `trigger`.
|
||||
// pass in "extra" info to the intercept.
|
||||
$(this).triggerHandler(types, { context: context, args: args });
|
||||
|
||||
return this; // for chaining
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
;;
|
||||
|
||||
/*
|
||||
Utility methods for easily listening to events on another object,
|
||||
and more importantly, easily unlistening from them.
|
||||
*/
|
||||
var ListenerMixin = FC.ListenerMixin = (function() {
|
||||
var guid = 0;
|
||||
var ListenerMixin = {
|
||||
|
||||
listenerId: null,
|
||||
|
||||
/*
|
||||
Given an `other` object that has on/off methods, bind the given `callback` to an event by the given name.
|
||||
The `callback` will be called with the `this` context of the object that .listenTo is being called on.
|
||||
Can be called:
|
||||
.listenTo(other, eventName, callback)
|
||||
OR
|
||||
.listenTo(other, {
|
||||
eventName1: callback1,
|
||||
eventName2: callback2
|
||||
})
|
||||
*/
|
||||
listenTo: function(other, arg, callback) {
|
||||
if (typeof arg === 'object') { // given dictionary of callbacks
|
||||
for (var eventName in arg) {
|
||||
if (arg.hasOwnProperty(eventName)) {
|
||||
this.listenTo(other, eventName, arg[eventName]);
|
||||
}
|
||||
}
|
||||
}
|
||||
else if (typeof arg === 'string') {
|
||||
other.on(
|
||||
arg + '.' + this.getListenerNamespace(), // use event namespacing to identify this object
|
||||
$.proxy(callback, this) // always use `this` context
|
||||
// the usually-undesired jQuery guid behavior doesn't matter,
|
||||
// because we always unbind via namespace
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
|
||||
function setWidth(width) {
|
||||
viewWidth = width;
|
||||
colPositions.clear();
|
||||
colContentPositions.clear();
|
||||
},
|
||||
|
||||
weekNumberWidth = 0;
|
||||
if (showWeekNumbers) {
|
||||
weekNumberWidth = head.find('th.fc-week-number').outerWidth();
|
||||
}
|
||||
/*
|
||||
Causes the current object to stop listening to events on the `other` object.
|
||||
`eventName` is optional. If omitted, will stop listening to ALL events on `other`.
|
||||
*/
|
||||
stopListeningTo: function(other, eventName) {
|
||||
other.off((eventName || '') + '.' + this.getListenerNamespace());
|
||||
},
|
||||
|
||||
colWidth = Math.floor((viewWidth - weekNumberWidth) / colCnt);
|
||||
setOuterWidth(headCells.slice(0, -1), colWidth);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Day clicking and binding
|
||||
-----------------------------------------------------------*/
|
||||
|
||||
|
||||
function dayBind(days) {
|
||||
days.click(dayClick)
|
||||
.mousedown(daySelectionMousedown);
|
||||
}
|
||||
|
||||
|
||||
function dayClick(ev) {
|
||||
if (!opt('selectable')) { // if selectable, SelectionManager will worry about dayClick
|
||||
var date = parseISO8601($(this).data('date'));
|
||||
trigger('dayClick', this, date, true, ev);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Semi-transparent Overlay Helpers
|
||||
------------------------------------------------------*/
|
||||
// TODO: should be consolidated with AgendaView's methods
|
||||
|
||||
|
||||
function renderDayOverlay(overlayStart, overlayEnd, refreshCoordinateGrid) { // overlayEnd is exclusive
|
||||
|
||||
if (refreshCoordinateGrid) {
|
||||
coordinateGrid.build();
|
||||
}
|
||||
|
||||
var segments = rangeToSegments(overlayStart, overlayEnd);
|
||||
|
||||
for (var i=0; i<segments.length; i++) {
|
||||
var segment = segments[i];
|
||||
dayBind(
|
||||
renderCellOverlay(
|
||||
segment.row,
|
||||
segment.leftCol,
|
||||
segment.row,
|
||||
segment.rightCol
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function renderCellOverlay(row0, col0, row1, col1) { // row1,col1 is inclusive
|
||||
var rect = coordinateGrid.rect(row0, col0, row1, col1, element);
|
||||
return renderOverlay(rect, element);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Selection
|
||||
-----------------------------------------------------------------------*/
|
||||
|
||||
|
||||
function defaultSelectionEnd(startDate, allDay) {
|
||||
return cloneDate(startDate);
|
||||
}
|
||||
|
||||
|
||||
function renderSelection(startDate, endDate, allDay) {
|
||||
renderDayOverlay(startDate, addDays(cloneDate(endDate), 1), true); // rebuild every time???
|
||||
}
|
||||
|
||||
|
||||
function clearSelection() {
|
||||
clearOverlays();
|
||||
}
|
||||
|
||||
|
||||
function reportDayClick(date, allDay, ev) {
|
||||
var cell = dateToCell(date);
|
||||
var _element = bodyCells[cell.row*colCnt + cell.col];
|
||||
trigger('dayClick', _element, date, allDay, ev);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* External Dragging
|
||||
-----------------------------------------------------------------------*/
|
||||
|
||||
|
||||
function dragStart(_dragElement, ev, ui) {
|
||||
hoverListener.start(function(cell) {
|
||||
clearOverlays();
|
||||
if (cell) {
|
||||
renderCellOverlay(cell.row, cell.col, cell.row, cell.col);
|
||||
/*
|
||||
Returns a string, unique to this object, to be used for event namespacing
|
||||
*/
|
||||
getListenerNamespace: function() {
|
||||
if (this.listenerId == null) {
|
||||
this.listenerId = guid++;
|
||||
}
|
||||
}, ev);
|
||||
}
|
||||
|
||||
|
||||
function dragStop(_dragElement, ev, ui) {
|
||||
var cell = hoverListener.stop();
|
||||
clearOverlays();
|
||||
if (cell) {
|
||||
var d = cellToDate(cell);
|
||||
trigger('drop', _dragElement, d, true, ev, ui);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Utilities
|
||||
--------------------------------------------------------*/
|
||||
|
||||
|
||||
function defaultEventEnd(event) {
|
||||
return cloneDate(event.start);
|
||||
}
|
||||
|
||||
|
||||
coordinateGrid = new CoordinateGrid(function(rows, cols) {
|
||||
var e, n, p;
|
||||
headCells.each(function(i, _e) {
|
||||
e = $(_e);
|
||||
n = e.offset().left;
|
||||
if (i) {
|
||||
p[1] = n;
|
||||
}
|
||||
p = [n];
|
||||
cols[i] = p;
|
||||
});
|
||||
p[1] = n + e.outerWidth();
|
||||
bodyRows.each(function(i, _e) {
|
||||
if (i < rowCnt) {
|
||||
e = $(_e);
|
||||
n = e.offset().top;
|
||||
if (i) {
|
||||
p[1] = n;
|
||||
}
|
||||
p = [n];
|
||||
rows[i] = p;
|
||||
}
|
||||
});
|
||||
p[1] = n + e.outerHeight();
|
||||
});
|
||||
|
||||
|
||||
hoverListener = new HoverListener(coordinateGrid);
|
||||
|
||||
colPositions = new HorizontalPositionCache(function(col) {
|
||||
return firstRowCellInners.eq(col);
|
||||
});
|
||||
|
||||
colContentPositions = new HorizontalPositionCache(function(col) {
|
||||
return firstRowCellContentInners.eq(col);
|
||||
});
|
||||
|
||||
|
||||
function colLeft(col) {
|
||||
return colPositions.left(col);
|
||||
}
|
||||
|
||||
|
||||
function colRight(col) {
|
||||
return colPositions.right(col);
|
||||
}
|
||||
|
||||
|
||||
function colContentLeft(col) {
|
||||
return colContentPositions.left(col);
|
||||
}
|
||||
|
||||
|
||||
function colContentRight(col) {
|
||||
return colContentPositions.right(col);
|
||||
}
|
||||
|
||||
|
||||
function allDayRow(i) {
|
||||
return bodyRows.eq(i);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
;;
|
||||
|
||||
function BasicEventRenderer() {
|
||||
var t = this;
|
||||
|
||||
|
||||
// exports
|
||||
t.renderEvents = renderEvents;
|
||||
t.clearEvents = clearEvents;
|
||||
|
||||
|
||||
// imports
|
||||
DayEventRenderer.call(t);
|
||||
|
||||
|
||||
function renderEvents(events, modifiedEventId) {
|
||||
t.renderDayEvents(events, modifiedEventId);
|
||||
}
|
||||
|
||||
|
||||
function clearEvents() {
|
||||
t.getDaySegmentContainer().empty();
|
||||
}
|
||||
|
||||
|
||||
// TODO: have this class (and AgendaEventRenderer) be responsible for creating the event container div
|
||||
|
||||
}
|
||||
|
||||
;;
|
||||
|
||||
fcViews.agendaWeek = AgendaWeekView;
|
||||
|
||||
function AgendaWeekView(element, calendar) {
|
||||
var t = this;
|
||||
|
||||
|
||||
// exports
|
||||
t.render = render;
|
||||
|
||||
|
||||
// imports
|
||||
AgendaView.call(t, element, calendar, 'agendaWeek');
|
||||
var opt = t.opt;
|
||||
var renderAgenda = t.renderAgenda;
|
||||
var skipHiddenDays = t.skipHiddenDays;
|
||||
var getCellsPerWeek = t.getCellsPerWeek;
|
||||
var formatDates = calendar.formatDates;
|
||||
|
||||
|
||||
function render(date, delta) {
|
||||
|
||||
if (delta) {
|
||||
addDays(date, delta * 7);
|
||||
return '_listener' + this.listenerId;
|
||||
}
|
||||
|
||||
var start = addDays(cloneDate(date), -((date.getDay() - opt('firstDay') + 7) % 7));
|
||||
var end = addDays(cloneDate(start), 7);
|
||||
|
||||
var visStart = cloneDate(start);
|
||||
skipHiddenDays(visStart);
|
||||
|
||||
var visEnd = cloneDate(end);
|
||||
skipHiddenDays(visEnd, -1, true);
|
||||
|
||||
var colCnt = getCellsPerWeek();
|
||||
|
||||
t.title = formatDates(
|
||||
visStart,
|
||||
addDays(cloneDate(visEnd), -1),
|
||||
opt('titleFormat')
|
||||
);
|
||||
|
||||
t.start = start;
|
||||
t.end = end;
|
||||
t.visStart = visStart;
|
||||
t.visEnd = visEnd;
|
||||
|
||||
renderAgenda(colCnt);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
return ListenerMixin;
|
||||
})();
|
||||
;;
|
||||
|
||||
fcViews.agendaDay = AgendaDayView;
|
||||
// simple class for toggle a `isIgnoringMouse` flag on delay
|
||||
// initMouseIgnoring must first be called, with a millisecond delay setting.
|
||||
var MouseIgnorerMixin = {
|
||||
|
||||
isIgnoringMouse: false, // bool
|
||||
delayUnignoreMouse: null, // method
|
||||
|
||||
|
||||
function AgendaDayView(element, calendar) {
|
||||
var t = this;
|
||||
|
||||
|
||||
// exports
|
||||
t.render = render;
|
||||
|
||||
|
||||
// imports
|
||||
AgendaView.call(t, element, calendar, 'agendaDay');
|
||||
var opt = t.opt;
|
||||
var renderAgenda = t.renderAgenda;
|
||||
var skipHiddenDays = t.skipHiddenDays;
|
||||
var formatDate = calendar.formatDate;
|
||||
|
||||
|
||||
function render(date, delta) {
|
||||
|
||||
if (delta) {
|
||||
addDays(date, delta);
|
||||
}
|
||||
skipHiddenDays(date, delta < 0 ? -1 : 1);
|
||||
|
||||
var start = cloneDate(date, true);
|
||||
var end = addDays(cloneDate(start), 1);
|
||||
|
||||
t.title = formatDate(date, opt('titleFormat'));
|
||||
|
||||
t.start = t.visStart = start;
|
||||
t.end = t.visEnd = end;
|
||||
|
||||
renderAgenda(1);
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
;;
|
||||
|
||||
setDefaults({
|
||||
allDaySlot: true,
|
||||
allDayText: 'all-day',
|
||||
firstHour: 6,
|
||||
slotMinutes: 30,
|
||||
defaultEventMinutes: 120,
|
||||
axisFormat: 'h(:mm)tt',
|
||||
timeFormat: {
|
||||
agenda: 'h:mm{ - h:mm}'
|
||||
initMouseIgnoring: function(delay) {
|
||||
this.delayUnignoreMouse = debounce(proxy(this, 'unignoreMouse'), delay || 1000);
|
||||
},
|
||||
dragOpacity: {
|
||||
agenda: .5
|
||||
|
||||
|
||||
// temporarily ignore mouse actions on segments
|
||||
tempIgnoreMouse: function() {
|
||||
this.isIgnoringMouse = true;
|
||||
this.delayUnignoreMouse();
|
||||
},
|
||||
minTime: 0,
|
||||
maxTime: 24,
|
||||
slotEventOverlap: true
|
||||
|
||||
|
||||
// delayUnignoreMouse eventually calls this
|
||||
unignoreMouse: function() {
|
||||
this.isIgnoringMouse = false;
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
;;
|
||||
|
||||
/* A rectangular panel that is absolutely positioned over other content
|
||||
------------------------------------------------------------------------------------------------------------------------
|
||||
Options:
|
||||
- className (string)
|
||||
- content (HTML string or jQuery element set)
|
||||
- parentEl
|
||||
- top
|
||||
- left
|
||||
- right (the x coord of where the right edge should be. not a "CSS" right)
|
||||
- autoHide (boolean)
|
||||
- show (callback)
|
||||
- hide (callback)
|
||||
*/
|
||||
|
||||
var Popover = Class.extend(ListenerMixin, {
|
||||
|
||||
isHidden: true,
|
||||
options: null,
|
||||
el: null, // the container element for the popover. generated by this object
|
||||
margin: 10, // the space required between the popover and the edges of the scroll container
|
||||
|
||||
|
||||
constructor: function(options) {
|
||||
this.options = options || {};
|
||||
},
|
||||
|
||||
|
||||
// Shows the popover on the specified position. Renders it if not already
|
||||
show: function() {
|
||||
if (this.isHidden) {
|
||||
if (!this.el) {
|
||||
this.render();
|
||||
}
|
||||
this.el.show();
|
||||
this.position();
|
||||
this.isHidden = false;
|
||||
this.trigger('show');
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
// Hides the popover, through CSS, but does not remove it from the DOM
|
||||
hide: function() {
|
||||
if (!this.isHidden) {
|
||||
this.el.hide();
|
||||
this.isHidden = true;
|
||||
this.trigger('hide');
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
// Creates `this.el` and renders content inside of it
|
||||
render: function() {
|
||||
var _this = this;
|
||||
var options = this.options;
|
||||
|
||||
this.el = $('<div class="fc-popover"/>')
|
||||
.addClass(options.className || '')
|
||||
.css({
|
||||
// position initially to the top left to avoid creating scrollbars
|
||||
top: 0,
|
||||
left: 0
|
||||
})
|
||||
.append(options.content)
|
||||
.appendTo(options.parentEl);
|
||||
|
||||
// when a click happens on anything inside with a 'fc-close' className, hide the popover
|
||||
this.el.on('click', '.fc-close', function() {
|
||||
_this.hide();
|
||||
});
|
||||
|
||||
if (options.autoHide) {
|
||||
this.listenTo($(document), 'mousedown', this.documentMousedown);
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
// Triggered when the user clicks *anywhere* in the document, for the autoHide feature
|
||||
documentMousedown: function(ev) {
|
||||
// only hide the popover if the click happened outside the popover
|
||||
if (this.el && !$(ev.target).closest(this.el).length) {
|
||||
this.hide();
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
// Hides and unregisters any handlers
|
||||
removeElement: function() {
|
||||
this.hide();
|
||||
|
||||
if (this.el) {
|
||||
this.el.remove();
|
||||
this.el = null;
|
||||
}
|
||||
|
||||
this.stopListeningTo($(document), 'mousedown');
|
||||
},
|
||||
|
||||
|
||||
// Positions the popover optimally, using the top/left/right options
|
||||
position: function() {
|
||||
var options = this.options;
|
||||
var origin = this.el.offsetParent().offset();
|
||||
var width = this.el.outerWidth();
|
||||
var height = this.el.outerHeight();
|
||||
var windowEl = $(window);
|
||||
var viewportEl = getScrollParent(this.el);
|
||||
var viewportTop;
|
||||
var viewportLeft;
|
||||
var viewportOffset;
|
||||
var top; // the "position" (not "offset") values for the popover
|
||||
var left; //
|
||||
|
||||
// compute top and left
|
||||
top = options.top || 0;
|
||||
if (options.left !== undefined) {
|
||||
left = options.left;
|
||||
}
|
||||
else if (options.right !== undefined) {
|
||||
left = options.right - width; // derive the left value from the right value
|
||||
}
|
||||
else {
|
||||
left = 0;
|
||||
}
|
||||
|
||||
if (viewportEl.is(window) || viewportEl.is(document)) { // normalize getScrollParent's result
|
||||
viewportEl = windowEl;
|
||||
viewportTop = 0; // the window is always at the top left
|
||||
viewportLeft = 0; // (and .offset() won't work if called here)
|
||||
}
|
||||
else {
|
||||
viewportOffset = viewportEl.offset();
|
||||
viewportTop = viewportOffset.top;
|
||||
viewportLeft = viewportOffset.left;
|
||||
}
|
||||
|
||||
// if the window is scrolled, it causes the visible area to be further down
|
||||
viewportTop += windowEl.scrollTop();
|
||||
viewportLeft += windowEl.scrollLeft();
|
||||
|
||||
// constrain to the view port. if constrained by two edges, give precedence to top/left
|
||||
if (options.viewportConstrain !== false) {
|
||||
top = Math.min(top, viewportTop + viewportEl.outerHeight() - height - this.margin);
|
||||
top = Math.max(top, viewportTop + this.margin);
|
||||
left = Math.min(left, viewportLeft + viewportEl.outerWidth() - width - this.margin);
|
||||
left = Math.max(left, viewportLeft + this.margin);
|
||||
}
|
||||
|
||||
this.el.css({
|
||||
top: top - origin.top,
|
||||
left: left - origin.left
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
// Triggers a callback. Calls a function in the option hash of the same name.
|
||||
// Arguments beyond the first `name` are forwarded on.
|
||||
// TODO: better code reuse for this. Repeat code
|
||||
trigger: function(name) {
|
||||
if (this.options[name]) {
|
||||
this.options[name].apply(this, Array.prototype.slice.call(arguments, 1));
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
;;
|
||||
|
||||
// TODO: make it work in quirks mode (event corners, all-day height)
|
||||
// TODO: test liquid width, especially in IE6
|
||||
/*
|
||||
A cache for the left/right/top/bottom/width/height values for one or more elements.
|
||||
Works with both offset (from topleft document) and position (from offsetParent).
|
||||
|
||||
options:
|
||||
- els
|
||||
- isHorizontal
|
||||
- isVertical
|
||||
*/
|
||||
var CoordCache = FC.CoordCache = Class.extend({
|
||||
|
||||
els: null, // jQuery set (assumed to be siblings)
|
||||
forcedOffsetParentEl: null, // options can override the natural offsetParent
|
||||
origin: null, // {left,top} position of offsetParent of els
|
||||
boundingRect: null, // constrain cordinates to this rectangle. {left,right,top,bottom} or null
|
||||
isHorizontal: false, // whether to query for left/right/width
|
||||
isVertical: false, // whether to query for top/bottom/height
|
||||
|
||||
// arrays of coordinates (offsets from topleft of document)
|
||||
lefts: null,
|
||||
rights: null,
|
||||
tops: null,
|
||||
bottoms: null,
|
||||
|
||||
|
||||
function AgendaView(element, calendar, viewName) {
|
||||
var t = this;
|
||||
|
||||
|
||||
// exports
|
||||
t.renderAgenda = renderAgenda;
|
||||
t.setWidth = setWidth;
|
||||
t.setHeight = setHeight;
|
||||
t.afterRender = afterRender;
|
||||
t.defaultEventEnd = defaultEventEnd;
|
||||
t.timePosition = timePosition;
|
||||
t.getIsCellAllDay = getIsCellAllDay;
|
||||
t.allDayRow = getAllDayRow;
|
||||
t.getCoordinateGrid = function() { return coordinateGrid }; // specifically for AgendaEventRenderer
|
||||
t.getHoverListener = function() { return hoverListener };
|
||||
t.colLeft = colLeft;
|
||||
t.colRight = colRight;
|
||||
t.colContentLeft = colContentLeft;
|
||||
t.colContentRight = colContentRight;
|
||||
t.getDaySegmentContainer = function() { return daySegmentContainer };
|
||||
t.getSlotSegmentContainer = function() { return slotSegmentContainer };
|
||||
t.getMinMinute = function() { return minMinute };
|
||||
t.getMaxMinute = function() { return maxMinute };
|
||||
t.getSlotContainer = function() { return slotContainer };
|
||||
t.getRowCnt = function() { return 1 };
|
||||
t.getColCnt = function() { return colCnt };
|
||||
t.getColWidth = function() { return colWidth };
|
||||
t.getSnapHeight = function() { return snapHeight };
|
||||
t.getSnapMinutes = function() { return snapMinutes };
|
||||
t.defaultSelectionEnd = defaultSelectionEnd;
|
||||
t.renderDayOverlay = renderDayOverlay;
|
||||
t.renderSelection = renderSelection;
|
||||
t.clearSelection = clearSelection;
|
||||
t.reportDayClick = reportDayClick; // selection mousedown hack
|
||||
t.dragStart = dragStart;
|
||||
t.dragStop = dragStop;
|
||||
|
||||
|
||||
// imports
|
||||
View.call(t, element, calendar, viewName);
|
||||
OverlayManager.call(t);
|
||||
SelectionManager.call(t);
|
||||
AgendaEventRenderer.call(t);
|
||||
var opt = t.opt;
|
||||
var trigger = t.trigger;
|
||||
var renderOverlay = t.renderOverlay;
|
||||
var clearOverlays = t.clearOverlays;
|
||||
var reportSelection = t.reportSelection;
|
||||
var unselect = t.unselect;
|
||||
var daySelectionMousedown = t.daySelectionMousedown;
|
||||
var slotSegHtml = t.slotSegHtml;
|
||||
var cellToDate = t.cellToDate;
|
||||
var dateToCell = t.dateToCell;
|
||||
var rangeToSegments = t.rangeToSegments;
|
||||
var formatDate = calendar.formatDate;
|
||||
|
||||
|
||||
// locals
|
||||
|
||||
var dayTable;
|
||||
var dayHead;
|
||||
var dayHeadCells;
|
||||
var dayBody;
|
||||
var dayBodyCells;
|
||||
var dayBodyCellInners;
|
||||
var dayBodyCellContentInners;
|
||||
var dayBodyFirstCell;
|
||||
var dayBodyFirstCellStretcher;
|
||||
var slotLayer;
|
||||
var daySegmentContainer;
|
||||
var allDayTable;
|
||||
var allDayRow;
|
||||
var slotScroller;
|
||||
var slotContainer;
|
||||
var slotSegmentContainer;
|
||||
var slotTable;
|
||||
var selectionHelper;
|
||||
|
||||
var viewWidth;
|
||||
var viewHeight;
|
||||
var axisWidth;
|
||||
var colWidth;
|
||||
var gutterWidth;
|
||||
var slotHeight; // TODO: what if slotHeight changes? (see issue 650)
|
||||
constructor: function(options) {
|
||||
this.els = $(options.els);
|
||||
this.isHorizontal = options.isHorizontal;
|
||||
this.isVertical = options.isVertical;
|
||||
this.forcedOffsetParentEl = options.offsetParent ? $(options.offsetParent) : null;
|
||||
},
|
||||
|
||||
var snapMinutes;
|
||||
var snapRatio; // ratio of number of "selection" slots to normal slots. (ex: 1, 2, 4)
|
||||
var snapHeight; // holds the pixel hight of a "selection" slot
|
||||
|
||||
var colCnt;
|
||||
var slotCnt;
|
||||
var coordinateGrid;
|
||||
var hoverListener;
|
||||
var colPositions;
|
||||
var colContentPositions;
|
||||
var slotTopCache = {};
|
||||
|
||||
var tm;
|
||||
var rtl;
|
||||
var minMinute, maxMinute;
|
||||
var colFormat;
|
||||
var showWeekNumbers;
|
||||
var weekNumberTitle;
|
||||
var weekNumberFormat;
|
||||
|
||||
|
||||
|
||||
/* Rendering
|
||||
-----------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
disableTextSelection(element.addClass('fc-agenda'));
|
||||
|
||||
|
||||
function renderAgenda(c) {
|
||||
colCnt = c;
|
||||
updateOptions();
|
||||
// Queries the els for coordinates and stores them.
|
||||
// Call this method before using and of the get* methods below.
|
||||
build: function() {
|
||||
var offsetParentEl = this.forcedOffsetParentEl || this.els.eq(0).offsetParent();
|
||||
|
||||
if (!dayTable) { // first time rendering?
|
||||
buildSkeleton(); // builds day table, slot area, events containers
|
||||
this.origin = offsetParentEl.offset();
|
||||
this.boundingRect = this.queryBoundingRect();
|
||||
|
||||
if (this.isHorizontal) {
|
||||
this.buildElHorizontals();
|
||||
}
|
||||
else {
|
||||
buildDayTable(); // rebuilds day table
|
||||
if (this.isVertical) {
|
||||
this.buildElVerticals();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function updateOptions() {
|
||||
},
|
||||
|
||||
tm = opt('theme') ? 'ui' : 'fc';
|
||||
rtl = opt('isRTL')
|
||||
minMinute = parseTime(opt('minTime'));
|
||||
maxMinute = parseTime(opt('maxTime'));
|
||||