├── _config.yml
├── examples
    ├── events_static.js
    ├── london-2012-ics.html
    ├── events_random.js
    ├── year.html
    ├── resource.html
    ├── month.html
    ├── day.html
    └── week.html
├── LICENSE.txt
├── df-calendar.jquery.json
├── docs
    ├── changelog.html
    └── index.html
├── README.markdown
├── jquery.calendar.min.css
├── jquery.calendar.css
└── jquery.calendar.min.js


/_config.yml:
--------------------------------------------------------------------------------
1 | theme: jekyll-theme-tactile


--------------------------------------------------------------------------------
/examples/events_static.js:
--------------------------------------------------------------------------------
 1 | /** Make sure there are always a few this week **/
 2 | var events_static = [
 3 | 	{
 4 | 		uid		: 1,
 5 | 		begins	: $.cal.date().addDays(2).format('Y-m-d')+' 10:10:00',
 6 | 		ends	: $.cal.date().addDays(2).format('Y-m-d')+' 12:00:00',
 7 | 		title	: 'Done',
 8 | 		color	: '#dddddd'
 9 | 	},
10 | 	{
11 | 		uid		: 2,
12 | 		begins	: $.cal.date().addDays(2).format('Y-m-d')+' 12:15:00',
13 | 		ends	: $.cal.date().addDays(2).format('Y-m-d')+' 13:45:00',
14 | 		notes	: 'Keepin\' it real…\n\nMan.'
15 | 	},
16 | 	{
17 | 		uid		: 3,
18 | 		begins	: $.cal.date().addDays(3).format('Y-m-d')+' 14:15:00',
19 | 		ends	: $.cal.date().addDays(3).format('Y-m-d')+' 16:30:00',
20 | 		notes	: 'An <example> event…'
21 | 	},
22 | 	{
23 | 		uid		: 4,
24 | 		begins	: $.cal.date().addDays(4).format('Y-m-d')+' 11:30:00',
25 | 		ends	: $.cal.date().addDays(4).format('Y-m-d')+' 12:30:00',
26 | 		color	: '#990066',
27 | 		notes	: 'The big game'
28 | 	},
29 | 	{
30 | 		uid		: 5,
31 | 		begins	: $.cal.date().addDays(4).format('Y-m-d')+' 12:30:00',
32 | 		ends	: $.cal.date().addDays(4).format('Y-m-d')+' 12:45:00',
33 | 		notes	: 'Good-O'
34 | 	}
35 | ];
36 | 


--------------------------------------------------------------------------------
/LICENSE.txt:
--------------------------------------------------------------------------------
 1 | Copyright (c) 2017 Custom D, https://www.customd.com/
 2 | 
 3 | Permission is hereby granted, free of charge, to any person obtaining
 4 | a copy of this software and associated documentation files (the
 5 | "Software"), to deal in the Software without restriction, including
 6 | without limitation the rights to use, copy, modify, merge, publish,
 7 | distribute, sublicense, and/or sell copies of the Software, and to
 8 | permit persons to whom the Software is furnished to do so, subject to
 9 | the following conditions:
10 | 
11 | The above copyright notice and this permission notice shall be
12 | included in all copies or substantial portions of the Software.
13 | 
14 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
15 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
16 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
17 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
18 | LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
19 | OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
20 | WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
21 | 


--------------------------------------------------------------------------------
/df-calendar.jquery.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"name"			: "df-calendar",
 3 | 	"version"		: "1.1.1",
 4 | 	"title"			: "jQuery Calendar",
 5 | 	"author"		: {
 6 | 		"name"	: "Team DF",
 7 | 		"email"	: "plugins@teamdf.com",
 8 | 		"url"	: "http://teamdf.com/"
 9 | 	},
10 | 	"maintainers"	: [
11 | 		{
12 | 			"name"	: "Sam Sehnert",
13 | 			"email"	: "sam@teamdf.com"
14 | 		}
15 | 	],
16 | 	"description"	: "This plugin allows developers to implement an extremely flexible calendar interface, with very little effort. The calendar plugin can render a Day, Week, Month and Resource calendar view. The plugin also provides an interface for manipulating and formatting dates and times.",
17 | 	"keywords"		: [
18 | 		"calendar",
19 | 		"date",
20 | 		"time",
21 | 		"format",
22 | 		"events",
23 | 		"tasks",
24 | 		"drag-n-drop",
25 | 		"widget",
26 | 		"icalendar",
27 | 		"ics",
28 | 		"inline"
29 | 	],
30 | 	"homepage"		: "https://github.com/teamdf/jquery-calendar/",
31 | 	"docs"			: "http://opensource.teamdf.com/calendar/docs/",
32 | 	"demo"			: "http://opensource.teamdf.com/calendar/examples/week.html",
33 | 	"files"			: ["jquery.calendar.js","jquery.calendar.min.js","jquery.calendar.css","jquery.calendar.min.css"],
34 | 	"dependencies"	: {
35 | 		"jquery" : ">1.7.0"
36 | 	},
37 | 	"licenses"		: [
38 | 		{
39 | 		    "type": "MIT",
40 | 		    "url": "http://opensource.teamdf.com/license/"
41 | 		}
42 | 	]
43 | }


--------------------------------------------------------------------------------
/docs/changelog.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <html>
 3 | <head>
 4 | <title>Calendar - Changelog</title>
 5 | <link rel="stylesheet" href="http://www.teamdf.com/jquery-plugins/resources/stylesheets/docs.css"/>
 6 | </head>
 7 | 
 8 | <body>
 9 | 	<!-- Documentation about a plugin -->
10 | 	<h1>Calendar</h1>
11 | 	<author><a href="http://www.teamdf.com/about/#sam">Sam Sehnert</a></author>
12 | 	<version>1.1.0</version>
13 | 
14 | 	<dl>
15 | 		<dt>Version 1.1.1</dt>
16 | 		<dd>Improved repetition parsing from ICS data.</dd>
17 | 		<dd>Improved month calendar rendering.</dd>
18 | 
19 | 		<dt>Version 1.1.0</dt>
20 | 		<dd>Implemented repetitions.</dd>
21 | 
22 | 		<dt>Version 1.0.3</dt>
23 | 		<dd>Added ability to specify time range in event header.</dd>
24 | 
25 | 		<dt>Version 1.0.2</dt>
26 | 		<dd>Published jQuery Plugin Version.</dd>
27 | 
28 | 		<dt>Version 1.0.1</dt>
29 | 		<dd>Began implementation of month calendar (unfinished).</dd>
30 | 		<dd>Added basic event displacement for overlapping events.</dd>
31 | 		<dd>Added .ics parser.</dd>
32 | 
33 | 		<dt>Version 1.0.0</dt>
34 | 		<dd>Implemented date object extender.</dd>
35 | 		<dd>Implemented color generator.</dd>
36 | 		<dd>Implemented calendar drawing engine.</dd>
37 | 		<dd>Implemented basic remove and select interactions.</dd>
38 | 		<dd>Implemented basic drag and drop resizing and moving of events.</dd>
39 | 	</dl>
40 | </body>
41 | </html>
42 | 


--------------------------------------------------------------------------------
/examples/london-2012-ics.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <html>
 3 | <head>
 4 | <title>Calendar - iCalendar Feed</title>
 5 | 
 6 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
 7 | 
 8 | <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
 9 | <script type="text/javascript" src="../jquery.calendar.js"></script>
10 | <link rel="stylesheet" media="screen" href="../jquery.calendar.css"/>
11 | 
12 | <script type="text/javascript">
13 | $(function(){
14 | 	
15 | 	$('#calendar').cal({
16 | 		
17 | 		startdate		: ':2012-07-27',
18 | 		
19 | 		allowresize		: true,
20 | 		allowmove		: true,
21 | 		allowselect		: true,
22 | 		allowremove		: true,
23 | 		allownotesedit	: true,
24 | 		
25 | 		maskdatelabel	: 'D',
26 | 		
27 | 		eventselect : function( uid ){
28 | 			console.log( 'Selected event: '+uid );
29 | 		},
30 | 		
31 | 		eventremove : function( uid ){
32 | 			console.log( 'Removed event: '+uid );
33 | 		},
34 | 		
35 | 		
36 | 		eventnotesedit : function( uid ){
37 | 			console.log( 'Edited Notes for event: '+uid );
38 | 		},
39 | 		
40 | 		// Load events as .ics
41 | 		events : 'http://www.google.com/calendar/ical/07vbcrbs61h2v1kuf7m4su6c48%40group.calendar.google.com/public/basic.ics'
42 | 
43 | 	});
44 | 	
45 | });
46 | </script>
47 | 
48 | <style type="text/css">
49 | html,body{
50 | font-family: sans-serif;
51 | font-size: 10px;
52 | }
53 | #calendar{
54 | position: absolute;
55 | top: 50px;
56 | left: 50px;
57 | right: 50px;
58 | bottom: 50px;
59 | border: 1px solid #bbb;
60 | }
61 | </style>
62 | 
63 | </head>
64 | 
65 | <body>
66 | <div id="calendar"></div>
67 | </body>
68 | 
69 | </html>
70 | 


--------------------------------------------------------------------------------
/examples/events_random.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Generate a random set of events.
 3 |  *
 4 |  * @param int min			: The minimum number of random events to return.
 5 |  * @param int max			: The maximum number of random events to return.
 6 |  *
 7 |  * @return array : An array of randomly generated event objects for
 8 |  *				 :  use in the calendar.
 9 |  */
10 | function randomEvents( min, max, uidsuffix, daysbefore, daysafter )
11 | {
12 | 	if( !min ) min = 50;
13 | 	if( !max ) max = 800;
14 | 	if( !daysbefore )	daysbefore = -21;
15 | 	if( !daysafter )	daysafter  = 21;
16 | 	if( !uidsuffix ) uidsuffix = '';
17 | 	
18 | 	var mins		= ['00','15','30','45'];
19 | 	var durations	= [15,15,15,15,30,30,30,30,30,45,45,45,45,45,60,60,60,60,60,60,90,120,165,210,245,300,600];
20 | 	var colors		= [ null, null, null, null, null, null, null, null, null, null, '#dddddd', '#7E0000', '#00630F', '#00630F' ];
21 | 	var notes		= [
22 | 		'Meeting',
23 | 		'Lunch',
24 | 		'Client',
25 | 		'Dentist Appointment',
26 | 		'Haircut',
27 | 		'Dinner',
28 | 		'Meeting with Boss',
29 | 		'Flight',
30 | 		'The big game',
31 | 		'Eye exam',
32 | 		'Doctor Appointment',
33 | 		'Take the car in for a service',
34 | 		'Walk the dog',
35 | 		'The cake is a lie',
36 | 		'Party'
37 | 	];
38 | 	var events 		= [], dayadd, hour, begins;
39 | 	
40 | 	for( var e=0; e<randomBetween(min,max); e++ ){
41 | 		
42 | 		dayadd		= randomBetween(daysbefore,daysafter);
43 | 		hour		= randomBetween(3,20);
44 | 		begins		= $.cal.date().addDays(dayadd).format('Y-m-d')+' '+( hour < 10 ? '0'+hour : hour )+':'+randomFrom(mins)+':00';
45 | 		
46 | 		events[e] = {
47 | 			uid		: e+uidsuffix,
48 | 			begins	: begins,
49 | 			ends	: $.cal.date(begins).addMinutes(randomFrom(durations)),
50 | 			notes	: randomFrom(notes),
51 | 			color	: randomFrom(colors)
52 | 		};
53 | 	}
54 | 	
55 | 	return events;
56 | }
57 | 
58 | /**
59 |  * Random number function. Used in randomEvents()
60 |  *
61 |  * @param int from			: The lowest number to return.
62 |  * @param int to			: The highest number to return.
63 |  *
64 |  * @return : A number between (inclusive) from -> to.
65 |  */
66 | function randomBetween( from, to )
67 | {
68 |     return Math.floor(Math.random()*(to-from+1)+from);
69 | }
70 | 
71 | /**
72 |  * Random array item function. Used in randomEvents()
73 |  *
74 |  * @param array arr			: returns a random array element in a numerically keyed array.
75 |  *
76 |  * @return string : array item.
77 |  */
78 | function randomFrom(arr)
79 | {
80 | 	return arr[randomBetween(0,arr.length-1)];
81 | }


--------------------------------------------------------------------------------
/examples/year.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE HTML>
  2 | <html>
  3 | <head>
  4 | <title>Calendar - Month Test</title>
  5 | 
  6 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  7 | 
  8 | <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
  9 | <script type="text/javascript" src="../jquery.calendar.js"></script>
 10 | <link rel="stylesheet" media="screen" href="../jquery.calendar.css"/>
 11 | 
 12 | <script type="text/javascript">
 13 | $(function(){
 14 | 	
 15 | 	$('#calendar').cal({
 16 | 		
 17 | 		monthstodisplay	: 12,
 18 | 		
 19 | 		allowresize		: true,
 20 | 		allowmove		: true,
 21 | 		allowselect		: true,
 22 | 		allowremove		: true,
 23 | 		allownotesedit	: true,
 24 | 		
 25 | 		maskmonthlabel	: 'D',
 26 | 		
 27 | 		eventselect : function( uid ){
 28 | 			console.log( 'Selected event: '+uid );
 29 | 		},
 30 | 		
 31 | 		eventremove : function( uid ){
 32 | 			console.log( 'Removed event: '+uid );
 33 | 		},
 34 | 		
 35 | 		
 36 | 		eventnotesedit : function( uid ){
 37 | 			console.log( 'Edited Notes for event: '+uid );
 38 | 		},
 39 | 		
 40 | 		events : [
 41 | 			{
 42 | 				uid		: 1,
 43 | 				begins	: $.cal.date().addDays(2).format('Y-m-d')+' 10:10:00',
 44 | 				ends	: $.cal.date().addDays(2).format('Y-m-d')+' 12:00:00',
 45 | 				title	: 'Done',
 46 | 				color	: '#dddddd'
 47 | 			},
 48 | 			{
 49 | 				uid		: 2,
 50 | 				begins	: $.cal.date().addDays(2).format('Y-m-d')+' 12:15:00',
 51 | 				ends	: $.cal.date().addDays(2).format('Y-m-d')+' 13:45:00',
 52 | 				notes	: 'Keepin\' it real…\n\nMan.'
 53 | 			},
 54 | 			{
 55 | 				uid		: 3,
 56 | 				begins	: $.cal.date().addDays(3).format('Y-m-d')+' 14:15:00',
 57 | 				ends	: $.cal.date().addDays(3).format('Y-m-d')+' 16:30:00',
 58 | 				notes	: 'An <example> event…'
 59 | 			},
 60 | 			{
 61 | 				uid		: 4,
 62 | 				begins	: $.cal.date().addDays(4).format('Y-m-d')+' 11:30:00',
 63 | 				ends	: $.cal.date().addDays(4).format('Y-m-d')+' 12:30:00',
 64 | 				color	: '#990066',
 65 | 				notes	: 'The big game'
 66 | 			},
 67 | 			{
 68 | 				uid		: 5,
 69 | 				begins	: $.cal.date().addDays(4).format('Y-m-d')+' 12:30:00',
 70 | 				ends	: $.cal.date().addDays(4).format('Y-m-d')+' 12:45:00',
 71 | 				notes	: 'Good-O'
 72 | 			}
 73 | 		]
 74 | 		
 75 | 	});
 76 | 	
 77 | });
 78 | </script>
 79 | 
 80 | <style type="text/css">
 81 | html,body{
 82 | font-family: sans-serif;
 83 | font-size: 10px;
 84 | }
 85 | #calendar{
 86 | position: absolute;
 87 | top: 50px;
 88 | left: 50px;
 89 | right: 50px;
 90 | bottom: 50px;
 91 | border: 1px solid #ccc;
 92 | }
 93 | </style>
 94 | 
 95 | </head>
 96 | 
 97 | <body>
 98 | <div id="calendar"></div>
 99 | </body>
100 | 
101 | </html>
102 | 


--------------------------------------------------------------------------------
/README.markdown:
--------------------------------------------------------------------------------
 1 | jQuery Calendar Plugin
 2 | ======================
 3 | ### By Sam Sehnert, [Custom D](https://www.customd.com/) 2017
 4 | 
 5 | This is a [jQuery](http://jquery.com/) plugin which allows developers to implement an 
 6 | extremely flexible calendar interface with minimal up front development. The calendar 
 7 | plugin can render a Day, Week, Month and Resource calendar view.
 8 | 
 9 | Demos
10 | -----
11 | 
12 | The Demos for this plugin live under the examples/ directory. Open them directly in your web browser, or view the following online example:
13 | 
14 | - [Day Calendar](https://customd.github.io/jquery-calendar/examples/day.html)
15 | - [Week Calendar](https://customd.github.io/jquery-calendar/examples/week.html)
16 | - [Month Calendar](https://customd.github.io/jquery-calendar/examples/month.html)
17 | - ['Resource' Calendar](https://customd.github.io/jquery-calendar/examples/resource.html)
18 | - [London 2012 Olympics iCalendar Feed](https://customd.github.io/jquery-calendar/examples/london-2012-ics.html)
19 | 
20 | Documentation
21 | -------------
22 | ### Basic calendar instance
23 | 
24 | The calendar method can be used to create a calendar widget which will allow users to graphically see and optionally edit events. The calendar leaves data implementation up to the developer. Developers can feed event data to the calendar using a standard object notation.
25 | 
26 | 	$('#myCalendar').cal();
27 | 
28 | The target element must be a relative or absolute positioned block level element of your choice (a ```<div />``` would be a typical choice).
29 | 
30 | You simply specify a relative or absolutely positioned parent element, and the plugin will 
31 | generate the required HTML within that element.
32 | 
33 | 	<div id="myCalendar"></div>
34 | 
35 | ### Extended Date/Time powers
36 | 
37 | The calendar plugin includes its own date and time formatting methods (using [PHP style masking](http://php.net/manual/en/function.date.php)).
38 | 
39 | 	$.cal.format( new Date(), 'Y-m-d H:i:s' );
40 | 
41 | You can also perform complicated date/time arithmetic using the built in date object extender (see the [full plugin documentation](https://customd.github.io/jquery-calendar/docs) for more details).
42 | 
43 | 	var myDate = $.cal.date( '2012-01-01 08:00:00' );
44 | 	myDate.addHours(1.5).format('D, jS F Y, G:i a');
45 | 	
46 | 	// Returns 'Sun, 1st January 2012, 9:30 am'
47 | 
48 | ### Full plugin documentation
49 | 
50 | The Documentation for this plugin lives under the docs/ directory. Open it directly 
51 | in your web browser, or see the [online documentation](https://customd.github.io/jquery-calendar/docs).
52 | 
53 | License
54 | -------
55 | 
56 | Copyright 2017, [Custom D](https://www.customd.com),
57 | Released under the [MIT license](LICENSE.t)xt.
58 | 


--------------------------------------------------------------------------------
/examples/resource.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE HTML>
  2 | <html>
  3 | <head>
  4 | <title>Calendar - Test</title>
  5 | 
  6 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  7 | 
  8 | <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
  9 | <script type="text/javascript" src="../jquery.calendar.js"></script>
 10 | <link rel="stylesheet" media="screen" href="../jquery.calendar.css"/>
 11 | 
 12 | <script type="text/javascript">
 13 | $(function(){
 14 | 	
 15 | 	$('#calendar').cal({
 16 | 		
 17 | 		resources : {
 18 | 			'15' : 'Studio 1',
 19 | 			'16' : 'Studio 2',
 20 | 			'17' : 'Studio 3',
 21 | 			'90' : 'Ground Floor'
 22 | 		},
 23 | 		
 24 | 		allowresize		: true,
 25 | 		allowmove		: true,
 26 | 		allowselect		: true,
 27 | 		allowremove		: true,
 28 | 		allownotesedit	: true,
 29 | 		
 30 | 		eventselect : function( uid ){
 31 | 			console.log( 'Selected event: '+uid );
 32 | 		},
 33 | 		
 34 | 		eventremove : function( uid ){
 35 | 			console.log( 'Removed event: '+uid );
 36 | 		},
 37 | 		
 38 | 		
 39 | 		eventnotesedit : function( uid ){
 40 | 			console.log( 'Edited Notes for event: '+uid );
 41 | 		},
 42 | 		
 43 | 		// Load events as .ics
 44 | 		events : //'http://staff.digitalfusion.co.nz.local/time/calendar/leave/'
 45 | 		
 46 | 		[
 47 | 			{
 48 | 				uid		: 1,
 49 | 				begins	: $.cal.date().addDays(2).format('Y-m-d')+' 10:10:00',
 50 | 				ends	: $.cal.date().addDays(2).format('Y-m-d')+' 12:00:00',
 51 | 				color	: '#dddddd',
 52 | 				resource: '90',
 53 | 				title	: 'Done'
 54 | 			},
 55 | 			{
 56 | 				uid		: 2,
 57 | 				begins	: $.cal.date().addDays(2).format('Y-m-d')+' 12:15:00',
 58 | 				ends	: $.cal.date().addDays(2).format('Y-m-d')+' 13:45:00',
 59 | 				resource: '16',
 60 | 				notes	: 'Keepin\' it real…\n\nMan.'
 61 | 			},
 62 | 			{
 63 | 				uid		: 3,
 64 | 				begins	: $.cal.date().addDays(2).format('Y-m-d')+' 10:30:00',
 65 | 				ends	: $.cal.date().addDays(2).format('Y-m-d')+' 12:15:00',
 66 | 				color	: 'rgb( 90, 0, 0 )',
 67 | 				resource: '16',
 68 | 				notes	: 'The cake is a lie.'
 69 | 			},
 70 | 			{
 71 | 				uid		: 4,
 72 | 				begins	: $.cal.date().addDays(3).format('Y-m-d')+' 14:15:00',
 73 | 				ends	: $.cal.date().addDays(3).format('Y-m-d')+' 16:30:00',
 74 | 				resource: '17',
 75 | 				notes	: 'An <example> event…'
 76 | 			},
 77 | 			{
 78 | 				uid		: 5,
 79 | 				begins	: $.cal.date().addDays(4).format('Y-m-d')+' 11:30:00',
 80 | 				ends	: $.cal.date().addDays(4).format('Y-m-d')+' 12:30:00',
 81 | 				color	: '#990066',
 82 | 				notes	: 'The big game'
 83 | 			},
 84 | 			{
 85 | 				uid		: 6,
 86 | 				begins	: $.cal.date().addDays(0).format('Y-m-d')+' 12:30:00',
 87 | 				ends	: $.cal.date().addDays(2).format('Y-m-d')+' 8:45:00',
 88 | 				resource: '17',
 89 | 				notes	: 'Good-O'
 90 | 			}
 91 | 		]
 92 | 		
 93 | 	});
 94 | 	
 95 | });
 96 | </script>
 97 | 
 98 | <style type="text/css">
 99 | html,body{
100 | font-family: sans-serif;
101 | font-size: 10px;
102 | }
103 | #calendar{
104 | position: absolute;
105 | top: 50px;
106 | left: 50px;
107 | right: 50px;
108 | bottom: 50px;
109 | border: 1px solid #bbb;
110 | }
111 | </style>
112 | 
113 | </head>
114 | 
115 | <body>
116 | <div id="calendar"></div>
117 | </body>
118 | 
119 | </html>
120 | 


--------------------------------------------------------------------------------
/examples/month.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE HTML>
  2 | <html>
  3 | <head>
  4 | <title>Calendar - Month Test</title>
  5 | 
  6 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  7 | 
  8 | <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
  9 | <script type="text/javascript" src="../jquery.calendar.js"></script>
 10 | <link rel="stylesheet" media="screen" href="../jquery.calendar.css"/>
 11 | <script type="text/javascript" src="./events_random.js"></script>
 12 | 
 13 | <script type="text/javascript">
 14 | $(function(){
 15 | 	
 16 | 	$calendar = $('#calendar').cal({
 17 | 		
 18 | 		monthstodisplay	: 1,
 19 | 		
 20 | 		allowmove		: true,
 21 | 		allowselect		: true,
 22 | 		allowremove		: true,
 23 | 		allownotesedit	: true,
 24 | 		
 25 | 		eventselect : function( uid ){
 26 | 			console.log( 'Selected event: '+uid );
 27 | 		},
 28 | 		
 29 | 		eventremove : function( uid ){
 30 | 			console.log( 'Removed event: '+uid );
 31 | 		},
 32 | 		
 33 | 		eventnotesedit : function( uid ){
 34 | 			console.log( 'Edited Notes for event: '+uid );
 35 | 		},
 36 | 		
 37 | 		events : randomEvents(50,100,'@cal1',-90,90)
 38 | 		
 39 | 	});
 40 | 	
 41 | 	/**
 42 | 	 * Set the initial header value.
 43 | 	 */
 44 | 	$('#date_head').text($.cal.date().format('F Y'));
 45 | 	
 46 | 	/**
 47 | 	 * Button click handler. 
 48 | 	 *
 49 | 	 * TODO: Turn this into a drop-in module for calendars once we've got the capability to 
 50 | 	 * 		 toggle calendar views without reloading. Include 'formatRange' method.
 51 | 	 */
 52 | 	$('#controls').on('click','button[name]',function(){
 53 | 		
 54 | 		var $this = $(this), action = $this.attr('name');
 55 | 		
 56 | 		// If this is already the current state, just exit.
 57 | 		if( $this.is('.on') ) return;
 58 | 		
 59 | 		// Switch to the new state.
 60 | 		switch( action ) {
 61 | 			
 62 | 			/** 
 63 | 			 * TODO: For now... ideally you'd be able to toggle between views without reloading.
 64 | 			 */
 65 | 			case 'day'		: window.location = 'day.html'; break;
 66 | 			case 'year'		: window.location = 'year.html'; break;
 67 | 			case 'week'		: window.location = 'week.html'; break;
 68 | 			
 69 | 			case 'prev'		:
 70 | 			case 'today'	:
 71 | 			case 'next'		:
 72 | 				
 73 | 				var today	 = $.cal.date(),
 74 | 					starting = $calendar.cal('option','startdate'),
 75 | 					duration = $calendar.cal('option','monthstodisplay'),
 76 | 					newstart = starting,
 77 | 					newend;
 78 | 				
 79 | 				switch( action ){	
 80 | 					case 'next' : newstart = starting.addMonths(duration); $('button[name="today"]').parent().removeClass('on'); break;
 81 | 					case 'prev'	: newstart = starting.addMonths(0-duration); $('button[name="today"]').parent().removeClass('on'); break;
 82 | 					case 'today': newstart = $.cal.date().addDays(1-$.cal.date().format('d')); break;
 83 | 				}
 84 | 				
 85 | 				// Work out the new end date.
 86 | 				newend = newstart.addDays(duration-1);
 87 | 				 
 88 | 				// Set the new startdate.
 89 | 				$calendar.cal( 'option','startdate', newstart );
 90 | 				
 91 | 				if( today >= newstart && today <= newend ) $('button[name="today"]').parent().addClass('on');
 92 | 				
 93 | 				// Set the new date in the header.
 94 | 				$('#date_head').text( newstart.format('F Y') )
 95 | 			break;
 96 | 		}
 97 | 	});
 98 | });
 99 | </script>
100 | 
101 | <style type="text/css">
102 | html,body{
103 | font-family: sans-serif;
104 | font-size: 10px;
105 | }
106 | #calendar{
107 | position: absolute;
108 | top: 75px;
109 | left: 50px;
110 | right: 50px;
111 | bottom: 50px;
112 | border: 1px solid #bbb;
113 | }
114 | 
115 | #date_head{
116 | position: absolute;
117 | right: 200px;
118 | margin: auto;
119 | text-align: center;
120 | left: 200px;
121 | }
122 | 
123 | #controls{
124 | position: absolute;
125 | top: 30px;
126 | height: 23px;
127 | left: 50px;
128 | right: 50px;
129 | margin: 0;
130 | padding: 0;
131 | }
132 | 
133 | #controls ol{
134 | list-style-type: none;
135 | margin: 0;
136 | padding: 0;
137 | border: 1px solid #B3B3B3;
138 | border-radius: 2px;
139 | overflow: hidden;
140 | -moz-background-clip: padding;     /* Firefox 3.6 */
141 | -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
142 | background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
143 | height: 21px;
144 | }
145 | 
146 | #controls ol li{
147 | display: inline-block;
148 | float: left;
149 | height: 100%;
150 | padding: 0;
151 | margin: 0;
152 | border: 0;
153 | background: #CACACA url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAYAAABMDlehAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADlJREFUeNp0y6sNACAAxNALBs0ArM9QbMEnJKiD4jEvNZXtEiRVEBg2LJgwoEN7pbtlSBBBX44AAwARiCdWebcYiAAAAABJRU5ErkJggg==) repeat-x 0 0; /* Old browsers */
154 | text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
155 | color: #333;
156 | }
157 | 
158 | #controls ol li:hover{
159 | background-color: #C0C0C0;
160 | color: #000;
161 | }
162 | 
163 | #controls ol li.on{
164 | background: #C4C4C4;
165 | color: #555;
166 | }
167 | 
168 | #controls ol li button{
169 | margin: 0;
170 | background: transparent;
171 | border: 0;
172 | border-left: 1px solid #B3B3B3;
173 | height: 100%;
174 | padding: 0 10px;
175 | color: inherit;
176 | text-shadow: inherit;
177 | cursor: pointer;
178 | }
179 | 
180 | #controls ol li:first-child button{
181 | border-left: 0;
182 | }
183 | 
184 | #cals{
185 | float: left;
186 | }
187 | 
188 | #nav{
189 | float: right;
190 | }
191 | </style>
192 | 
193 | </head>
194 | 
195 | <body>
196 | <div id="controls">
197 | 	<ol id="cals">
198 | 		<li><button name="day">Day</button></li>
199 | 		<li><button name="week">Week</button></li>
200 | 		<li class="on"><button name="month">Month</button></li>
201 | 		<li><button name="year">Year</button></li>
202 | 	</ol>
203 | 	<h1 id="date_head"></h1>
204 | 	<ol id="nav">
205 | 		<li><button name="prev">Previous</button></li>
206 | 		<li class="on"><button name="today">Today</button></li>
207 | 		<li><button name="next">Next</button></li>
208 | 	</ol>
209 | </div>
210 | <div id="calendar"></div>
211 | </body>
212 | 
213 | </html>
214 | 


--------------------------------------------------------------------------------
/examples/day.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE HTML>
  2 | <html>
  3 | <head>
  4 | <title>Calendar - Day Test</title>
  5 | 
  6 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  7 | 
  8 | <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
  9 | <script type="text/javascript" src="https://raw.githubusercontent.com/customd/jquery-calendar/master/jquery.calendar.js"></script>
 10 | <link rel="stylesheet" media="screen" href="https://raw.githubusercontent.com/customd/jquery-calendar/master/jquery.calendar.css"/>
 11 | 
 12 | <script type="text/javascript">
 13 | $(function(){
 14 | 	
 15 | 	$calendar = $('#calendar').cal({
 16 | 		
 17 | 		daystodisplay	: 1,
 18 | 				
 19 | 		allowresize		: true,
 20 | 		allowmove		: true,
 21 | 		allowselect		: true,
 22 | 		allowremove		: true,
 23 | 		allownotesedit	: true,
 24 | 		
 25 | 		eventselect : function( uid ){
 26 | 			console.log( 'Selected event: '+uid );
 27 | 		},
 28 | 		
 29 | 		eventremove : function( uid ){
 30 | 			console.log( 'Removed event: '+uid );
 31 | 		},
 32 | 		
 33 | 		
 34 | 		eventnotesedit : function( uid ){
 35 | 			console.log( 'Edited Notes for event: '+uid );
 36 | 		},
 37 | 		
 38 | 		events : [
 39 | 			{
 40 | 				uid		: 1,
 41 | 				begins	: $.cal.date().format('Y-m-d')+' 10:10:00',
 42 | 				ends	: $.cal.date().format('Y-m-d')+' 12:00:00',
 43 | 				title	: 'Done',
 44 | 				color	: '#dddddd'
 45 | 			},
 46 | 			{
 47 | 				uid		: 2,
 48 | 				begins	: $.cal.date().format('Y-m-d')+' 08:15:00',
 49 | 				ends	: $.cal.date().format('Y-m-d')+' 08:45:00',
 50 | 				notes	: 'Keepin\' it real…\n\nMan.'
 51 | 			},
 52 | 			{
 53 | 				uid		: 3,
 54 | 				begins	: $.cal.date().format('Y-m-d')+' 14:15:00',
 55 | 				ends	: $.cal.date().format('Y-m-d')+' 16:30:00',
 56 | 				notes	: 'An <example> event…'
 57 | 			},
 58 | 			{
 59 | 				uid		: 4,
 60 | 				begins	: $.cal.date().format('Y-m-d')+' 11:30:00',
 61 | 				ends	: $.cal.date().format('Y-m-d')+' 12:30:00',
 62 | 				color	: '#990066',
 63 | 				notes	: 'The big game'
 64 | 			},
 65 | 			{
 66 | 				uid		: 5,
 67 | 				begins	: $.cal.date().format('Y-m-d')+' 07:30:00',
 68 | 				ends	: $.cal.date().format('Y-m-d')+' 07:45:00',
 69 | 				notes	: 'Good-O'
 70 | 			}
 71 | 		]
 72 | 		
 73 | 	});
 74 | 	
 75 | 	/**
 76 | 	 * Set the initial header value.
 77 | 	 */
 78 | 	$('#date_head').text( $calendar.cal( 'option', 'startdate' ).format('jS M Y') );
 79 | 	
 80 | 	/**
 81 | 	 * Button click handler. 
 82 | 	 *
 83 | 	 * TODO: Turn this into a drop-in module for calendars once we've got the capability to 
 84 | 	 * 		 toggle calendar views without reloading. Include 'formatRange' method.
 85 | 	 */
 86 | 	$('#controls').on('click','button[name]',function(){
 87 | 		
 88 | 		var $this = $(this), action = $this.attr('name');
 89 | 		
 90 | 		// If this is already the current state, just exit.
 91 | 		if( $this.is('.on') ) return;
 92 | 		
 93 | 		// Switch to the new state.
 94 | 		switch( action ) {
 95 | 			
 96 | 			/** 
 97 | 			 * TODO: For now... ideally you'd be able to toggle between views without reloading.
 98 | 			 */
 99 | 			case 'week'		: window.location = 'week.html'; break;
100 | 			case 'year'		: window.location = 'year.html'; break;
101 | 			case 'month'	: window.location = 'month.html'; break;
102 | 			
103 | 			case 'prev'		:
104 | 			case 'today'	:
105 | 			case 'next'		:
106 | 				
107 | 				var today	 = $.cal.date(),
108 | 					starting = $calendar.cal('option','startdate'),
109 | 					duration = $calendar.cal('option','daystodisplay'),
110 | 					newstart = starting;
111 | 				
112 | 				switch( action ){	
113 | 					case 'next' : newstart = starting.addDays(1); $('button[name="today"]').parent().removeClass('on'); break;
114 | 					case 'prev'	: newstart = starting.addDays(-1); $('button[name="today"]').parent().removeClass('on'); break;
115 | 					case 'today': newstart = $.cal.date(); break;
116 | 				}
117 | 				
118 | 				// Set the new startdate.
119 | 				$calendar.cal( 'option','startdate', newstart );
120 | 				
121 | 				if( today.format('Ymd') == newstart.format('Ymd') ) $('button[name="today"]').parent().addClass('on');
122 | 				
123 | 				// Set the new date in the header.
124 | 				$('#date_head').text( newstart.format('jS M Y') )
125 | 			break;
126 | 		}
127 | 	});
128 | });
129 | </script>
130 | 
131 | <style type="text/css">
132 | html,body{
133 | font-family: sans-serif;
134 | font-size: 10px;
135 | }
136 | 
137 | /**
138 |  * Hide date-line.
139 |  */
140 | .ui-cal-week .ui-cal-timeline, .ui-cal-week .ui-cal-wrapper{ top: 0; }
141 | .ui-cal-week .ui-cal-dateline, .ui-cal-week .ui-cal-dateline-fill{ display: none; }
142 | 
143 | #calendar{
144 | position: absolute;
145 | top: 75px;
146 | left: 50px;
147 | right: 50px;
148 | bottom: 50px;
149 | border: 1px solid #bbb;
150 | }
151 | 
152 | #date_head{
153 | position: absolute;
154 | right: 200px;
155 | margin: auto;
156 | text-align: center;
157 | left: 200px;
158 | }
159 | 
160 | #controls{
161 | position: absolute;
162 | top: 30px;
163 | height: 23px;
164 | left: 50px;
165 | right: 50px;
166 | margin: 0;
167 | padding: 0;
168 | }
169 | 
170 | #controls ol{
171 | list-style-type: none;
172 | margin: 0;
173 | padding: 0;
174 | border: 1px solid #B3B3B3;
175 | border-radius: 2px;
176 | overflow: hidden;
177 | -moz-background-clip: padding;     /* Firefox 3.6 */
178 | -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
179 | background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
180 | height: 21px;
181 | }
182 | 
183 | #controls ol li{
184 | display: inline-block;
185 | float: left;
186 | height: 100%;
187 | padding: 0;
188 | margin: 0;
189 | border: 0;
190 | background: #CACACA url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAYAAABMDlehAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADlJREFUeNp0y6sNACAAxNALBs0ArM9QbMEnJKiD4jEvNZXtEiRVEBg2LJgwoEN7pbtlSBBBX44AAwARiCdWebcYiAAAAABJRU5ErkJggg==) repeat-x 0 0; /* Old browsers */
191 | text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
192 | color: #333;
193 | }
194 | 
195 | #controls ol li:hover{
196 | background-color: #C0C0C0;
197 | color: #000;
198 | }
199 | 
200 | #controls ol li.on{
201 | background: #C4C4C4;
202 | color: #555;
203 | }
204 | 
205 | #controls ol li button{
206 | margin: 0;
207 | background: transparent;
208 | border: 0;
209 | border-left: 1px solid #B3B3B3;
210 | height: 100%;
211 | padding: 0 10px;
212 | color: inherit;
213 | text-shadow: inherit;
214 | cursor: pointer;
215 | }
216 | 
217 | #controls ol li:first-child button{
218 | border-left: 0;
219 | }
220 | 
221 | #cals{
222 | float: left;
223 | }
224 | 
225 | #nav{
226 | float: right;
227 | }
228 | </style>
229 | 
230 | </head>
231 | 
232 | <body>
233 | <div id="controls">
234 | 	<ol id="cals">
235 | 		<li class="on"><button name="day">Day</button></li>
236 | 		<li><button name="week">Week</button></li>
237 | 		<li><button name="month">Month</button></li>
238 | 		<li><button name="year">Year</button></li>
239 | 	</ol>
240 | 	<h1 id="date_head"></h1>
241 | 	<ol id="nav">
242 | 		<li><button name="prev">Previous</button></li>
243 | 		<li class="on"><button name="today">Today</button></li>
244 | 		<li><button name="next">Next</button></li>
245 | 	</ol>
246 | </div>
247 | <div id="calendar"></div>
248 | </body>
249 | 
250 | </html>
251 | 


--------------------------------------------------------------------------------
/jquery.calendar.min.css:
--------------------------------------------------------------------------------
1 | /*! jQuery calendar 1.0.2 (c) github.com/teamdf/jquery-calendar | opensource.teamdf.com/license */
2 | .ui-cal{overflow:hidden}.ui-cal-week .ui-cal-wrapper{position:absolute;top:22px; left:61px;bottom:0px; right:0px;background-color:#fdfdfd;overflow:scroll}.ui-cal-week .ui-cal-timeline{position:absolute;top:21px;bottom:0px;left:0px;width:60px;background-color:#D1DAE8;border-right:1px solid #b3b3b3;overflow:hidden;z-index:3}.ui-cal-week .ui-cal-timeline .ui-cal-label-time{padding-right:7px;padding-bottom:1px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ie-box-sizing:border-box}.ui-cal-week .ui-cal-timeline .ui-cal-label-time p{position:relative;top:-6px;margin:0px;padding:0px;color:#333;text-align:right;text-shadow:rgba(255,255,255,0.5) 0px 1px 0px}.ui-cal-week .ui-cal-timeline .ui-cal-label-time p span{color:#727272;font-size:.95em}.ui-cal-resources .ui-cal-wrapper,.ui-cal-resources .ui-cal-timeline{top:44px}.ui-cal-week .ui-cal-dateline,.ui-cal .ui-cal-resourceline{position:absolute;left:60px; right:0px;height:21px;color:#333;cursor:pointer;border-style:solid;border-width:0;border-bottom-width:1px;border-left-width:1px;overflow:hidden;z-index:5}.ui-cal-week .ui-cal-dateline{top:0px;background:#cacaca repeat-x 0% 0%;border-color:#b3b3b3}.ui-cal-week .ui-cal-resourceline{top:22px;background:#ebebeb repeat-x 0% 0%;border-color:#D1D3D8}.ui-cal .ui-cal-label-date,.ui-cal .ui-cal-label-resource{position:absolute;margin:0px;padding:0px;height:100%;cursor:default;font-size:1em;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ie-box-sizing:border-box}.ui-cal-week .ui-cal-label-date,.ui-cal-week .ui-cal-label-resource{margin-left:-1px}.ui-cal .ui-cal-label-date p,.ui-cal .ui-cal-label-resource p{position:absolute;top:1em;width:100%;margin:-0.5em 0 0 0;padding:0;font-size:1em;text-align:center;text-shadow:rgba(255,255,255,0.5) 0px 1px 0px;white-space:pre-wrap;cursor:pointer;overflow:hidden;text-overflow:ellipsis}.ui-cal .ui-cal-label-date .delimiter{position:absolute;height:8px;bottom:0px;width:100%;border-right:1px solid #b3b3b3}.ui-cal .ui-cal-label-resource .delimiter{position:absolute;width:100%;height:100%;border-right:1px solid #D1D3D8}.ui-cal-week .ui-cal-dateline-fill{position:absolute;top:0px; left:0px;width:100%;height:21px;color:#333;cursor:pointer;background:#cacaca repeat-x 0% 0%;border-bottom:1px solid #b3b3b3;z-index:4}.ui-cal-week .ui-cal-resourceline-fill{position:absolute;top:22px; left:0px;width:100%;height:21px;color:#333;cursor:pointer;background:#ebebeb repeat-x 0% 0%;border-bottom:1px solid #D1D3D8;z-index:4}.ui-cal .ui-cal-date{position:absolute;top:0px;border-right:1px solid #E5E5E2;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ie-box-sizing:border-box}.ui-cal .ui-cal-date.ui-cal-today{background-color:#F2F6FB}.ui-cal .ui-cal-resource{border-right:1px dotted #E5E5E2}.ui-cal-week .ui-cal-time{border-top:1px solid #ececec;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ie-box-sizing:border-box}.ui-cal-week .ui-cal-time[past="00"]{border-top:1px solid #D1D3D8}.ui-cal .ui-cal-event,.ui-cal-month .ui-cal-event.selected{position:absolute;font-size:1em;background:transparent repeat-x 0 -3px;cursor:pointer;-webkit-transition:-webkit-box-shadow 0.2s ease-in-out;-moz-transition:-moz-box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out}.ui-cal-week .ui-cal-event.begin{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px}.ui-cal-week .ui-cal-event.end,.ui-cal .ui-cal-event.end .details{-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:5px}.ui-cal-month .ui-cal-event.begin{-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:5px;-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px}.ui-cal-month .ui-cal-event.end{-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px}.ui-cal .ui-cal-event.selected{background-color:#46f;z-index:2;-webkit-box-shadow:1px 0px 30px rgba( 80,80,80,0.5 ); -moz-box-shadow:1px 0px 30px rgba( 80,80,80,0.5 ); box-shadow:1px 0px 30px rgba( 80,80,80,0.5 ); cursor:pointer}.ui-cal-month .ui-cal-event{-webkit-transition:-webkit-box-shadow 0s linear;-moz-transition:-moz-box-shadow 0s linear;transition:box-shadow 0s linear}.ui-cal .ui-cal-event .details{position:absolute;left:2px; right:2px;top:0px; bottom:0px;margin:0px; padding:3px;width:expression(this.parentNode.offsetWidth-4+'px'); height:expression(this.parentNode.offsetHeight-16+'px'); cursor:pointer;overflow:hidden;white-space:pre-wrap; word-wrap:break-word; color:#fff;font-size:1.1em;font-family:sans-serif;text-overflow:ellipsis;border:0}.ui-cal .ui-cal-event.begin .details{top:1.45em}.ui-cal .ui-cal-event.end .details{bottom:2px}.ui-cal-week .ui-cal-event .resize-top{position:absolute;top:-4px; height:9px;left:0px; width:100%;margin:0;padding:0;cursor:row-resize;z-index:1}.ui-cal-week .ui-cal-event .resize-bottom{position:absolute;bottom:-4px; height:9px;left:0px; width:100%;cursor:row-resize;margin:0;padding:0;z-index:1}.ui-cal .ui-cal-event span.button-remove{position:absolute;top:3px; right:3px;width:10px;height:10px;background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAYAAABmBXS+AAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAvElEQVQYGU2QLQvCUBiF793CitH/IGhRMK34V0wu+Iu0idUoCAaLzWAYjAVtwyIDh01Qr8+Zd7ADz85533v2wYxBzrkIZnCEq3fNkc5VCGEBjb5NwJcQqpT45QPPfb7gpc+JSqkfNngMa5jACqRUpXcd/5e5/4Rpa/cKWFY6QBnoNT28gDNIlUrbOhpzx0dwghg0Szu9rg9F6/HteGMY1FXCEPbwAUl+gLEKlhBYa/VvOsy6qwsl5OyfOv8B52rwq5FQN5gAAAAASUVORK5CYII=) no-repeat 50% 50%;cursor:pointer;opacity:0.6;-webkit-transition:opacity 0.3s linear}.ui-cal .ui-cal-event span.button-remove:hover,.ui-cal .ui-cal-event.selected span.button-remove{opacity:1}.ui-cal .ui-cal-event p.title{font-weight:bold;font-size:1em;line-height:1.6em;margin:0px;margin-left:3px;margin-right:13px;padding:0px;overflow:hidden;white-space:pre;cursor:pointer;text-overflow:ellipsis}.ui-cal .ui-cal-event textarea.details{color:#222;-webkit-resize:none;resize:none;outline:none;overflow-y:auto}.ui-cal-month .ui-cal-wrapper{position:absolute;top:22px; left:0px;bottom:0px; right:0px;background-color:#fdfdfd;overflow:none}.ui-cal-month .ui-cal-dateline{position:absolute;left:0px; right:0px;top:0px;height:21px;color:#333;cursor:pointer;background:#cacaca repeat-x 0% 0%;border-bottom:1px solid #b3b3b3;overflow:hidden;z-index:4}.ui-cal-month .ui-cal-date{border-right:1px solid #E5E5E2;border-bottom:1px solid #E5E5E2}.ui-cal-month .ui-cal-date p{margin:0;padding:5px;color:#777}.ui-cal-month .ui-cal-date.non-month p{color:#ccc}.ui-cal-month .ui-cal-label-date .delimiter{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ie-box-sizing:border-box}.ui-cal .ui-cal-dateline,.ui-cal .ui-cal-dateline-fill,.ui-cal .ui-cal-event,.ui-cal .ui-cal-event.selected{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAYAAABMDlehAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADlJREFUeNp0y6sNACAAxNALBs0ArM9QbMEnJKiD4jEvNZXtEiRVEBg2LJgwoEN7pbtlSBBBX44AAwARiCdWebcYiAAAAABJRU5ErkJggg==)}.ui-cal-week .ui-cal-resourceline,.ui-cal-week .ui-cal-resourceline-fill{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAYAAABMDlehAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJElEQVQIHWNgYGBQZAISf0DEXzgLwQWL/WUGyjKBCEYQQRoAACCgByRDdQsFAAAAAElFTkSuQmCC)}


--------------------------------------------------------------------------------
/examples/week.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE HTML>
  2 | <html>
  3 | <head>
  4 | <title>Calendar - Test</title>
  5 | 
  6 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  7 | 
  8 | <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
  9 | <script type="text/javascript" src="../jquery.calendar.js"></script>
 10 | <link rel="stylesheet" media="screen" href="../jquery.calendar.css"/>
 11 | 
 12 | <!-- For loading up a set of demo events. We use a static array of pre-built events -->
 13 | <!-- as well as a random event generation method for demo purposes only -->
 14 | <script type="text/javascript" src="./events_random.js"></script>
 15 | 
 16 | 
 17 | <script type="text/javascript">
 18 | $(function(){
 19 | 	
 20 | 	$calendar = $('#calendar').cal({
 21 | 		
 22 | 		startdate		: $.cal.date().addDays(1-$.cal.date().format('N')), // Week beginning sunday.
 23 | 		
 24 | 		allowresize		: true,
 25 | 		allowmove		: true,
 26 | 		allowselect		: true,
 27 | 		allowremove		: true,
 28 | 		allownotesedit	: true,
 29 | 		
 30 | 		//maskdatelabel	: 'D',
 31 | 		
 32 | 		eventselect : function( uid ){
 33 | 			console.log( 'Selected event: '+uid );
 34 | 			
 35 | 		},
 36 | 		
 37 | 		eventmove : function( uid ){
 38 | 			console.log( 'Moved event: '+uid, arguments );
 39 | 		},
 40 | 		
 41 | 		eventremove : function( uid ){
 42 | 			console.log( 'Removed event: '+uid );
 43 | 		},
 44 | 		
 45 | 		eventnotesedit : function( uid ){
 46 | 			console.log( 'Edited Notes for event: '+uid );
 47 | 		},
 48 | 		
 49 | 		// Use the random event generator to build a set of random events.
 50 | 		events : randomEvents()
 51 | 		
 52 | 	});
 53 | 	
 54 | 	/**
 55 | 	 * Set the initial header value.
 56 | 	 */
 57 | 	$('#date_head').dateRange( $calendar.cal( 'option', 'startdate' ), $calendar.cal( 'option', 'startdate' ).addDays( $calendar.cal('option','daystodisplay')-1 ) );
 58 | 	
 59 | 	/**
 60 | 	 * Button click handler. 
 61 | 	 *
 62 | 	 * TODO: Turn this into a drop-in module for calendars once we've got the capability to 
 63 | 	 * 		 toggle calendar views without reloading. Include 'formatRange' method.
 64 | 	 */
 65 | 	$('#controls').on('click','button[name]',function(){
 66 | 		
 67 | 		var $this = $(this), action = $this.attr('name');
 68 | 		
 69 | 		// If this is already the current state, just exit.
 70 | 		if( $this.is('.on') ) return;
 71 | 		
 72 | 		// Switch to the new state.
 73 | 		switch( action ) {
 74 | 			
 75 | 			/** 
 76 | 			 * TODO: For now... ideally you'd be able to toggle between views without reloading.
 77 | 			 */
 78 | 			case 'day'		: window.location = 'day.html'; break;
 79 | 			case 'year'		: window.location = 'year.html'; break;
 80 | 			case 'month'	: window.location = 'month.html'; break;
 81 | 			
 82 | 			case 'prev'		:
 83 | 			case 'today'	:
 84 | 			case 'next'		:
 85 | 				
 86 | 				var today	 = $.cal.date(),
 87 | 					starting = $calendar.cal('option','startdate'),
 88 | 					duration = $calendar.cal('option','daystodisplay'),
 89 | 					newstart = starting,
 90 | 					newend;
 91 | 				
 92 | 				switch( action ){	
 93 | 					case 'next' : newstart = starting.addDays(duration); $('button[name="today"]').parent().removeClass('on'); break;
 94 | 					case 'prev'	: newstart = starting.addDays(0-duration); $('button[name="today"]').parent().removeClass('on'); break;
 95 | 					case 'today': newstart = $.cal.date().addDays(1-$.cal.date().format('N')); break;
 96 | 				}
 97 | 				
 98 | 				// Work out the new end date.
 99 | 				newend = newstart.addDays(duration-1);
100 | 				 
101 | 				// Set the new startdate.
102 | 				$calendar.cal( 'option','startdate', newstart );
103 | 				
104 | 				if( today >= newstart && today <= newend ) $('button[name="today"]').parent().addClass('on');
105 | 				
106 | 				// Set the new date in the header.
107 | 				$('#date_head').dateRange( newstart, newend )
108 | 			break;
109 | 		}
110 | 	});
111 | });
112 | 
113 | /**
114 |  * jQuery dateRange plugin 1.0.0
115 |  * Copyright 2012, Digital Fusion
116 |  * Licensed under the MIT license.
117 |  * http://teamdf.com/jquery-plugins/license/
118 |  *
119 |  * @author		: Sam Sehnert | sam@teamdf.com
120 |  * @dependancy 	: http://github.com/teamdf/jquery-calendar/ ($.cal.date)
121 |  *
122 |  * Formats and displays a minimal text representation of a date range.
123 |  */
124 | (function($){
125 | 	
126 | 	// The plugin name. Override if you find namespace collisions.
127 | 	var plugin_name = 'dateRange';
128 | 	
129 | 	// Set the plugin defaults.
130 | 	var defaults = {
131 | 		month		: 'jS',
132 | 		year		: 'jS M',
133 | 		full		: 'jS M Y',
134 | 		separator	: ' - '
135 | 	}
136 | 	
137 | 	/**
138 | 	 * The plugin function which does the date formatting magic.
139 | 	 *
140 | 	 * @param mixed start			: The start of the range. A date object, or a parseable date string.
141 | 	 * @param mixed end				: The end of the range. A date object, or a parseable date string.
142 | 	 * @param object options		: An object containing settings (date formats to print under different conditions).
143 | 	 * 
144 | 	 * @return jQuery Collection;
145 | 	 */
146 | 	$.fn[plugin_name] = function( start, end, options ){
147 | 		
148 | 		// Settings to the defaults.
149 | 		var settings = $.extend({},defaults);
150 | 		
151 | 		// Make sure these are extended date objects.
152 | 		start	= $.cal.date(start);
153 | 		end		= $.cal.date(end);
154 | 		
155 | 		// If options exist, lets merge them
156 | 		// with our default settings.
157 | 		if( options ) $.extend( settings, options )
158 | 		
159 | 		var diffDays	= start.format('Ymd') != end.format('Ymd'),
160 | 			diffMonths	= diffDays ? start.format('Ym') != end.format('Ym') : false,
161 | 			diffYears	= diffMonths ? start.format('Y') != end.format('Y') : false,
162 | 			startFormat	= diffYears || !diffDays ? settings.full : ( diffMonths ? settings.year : settings.month );
163 | 		
164 | 		// Return the formatted date.
165 | 		return this.text(start.format(startFormat)+( diffDays ? settings.separator+end.format(settings.full) : '' ));
166 | 	}
167 | 	
168 | })(jQuery);
169 | 
170 | </script>
171 | 
172 | </head>
173 | 
174 | <body>
175 | <div id="controls">
176 | 	<ol id="cals">
177 | 		<li><button name="day">Day</button></li>
178 | 		<li class="on"><button name="week">Week</button></li>
179 | 		<li><button name="month">Month</button></li>
180 | 		<li><button name="year">Year</button></li>
181 | 	</ol>
182 | 	<h1 id="date_head"></h1>
183 | 	<ol id="nav">
184 | 		<li><button name="prev">Previous</button></li>
185 | 		<li class="on"><button name="today">Today</button></li>
186 | 		<li><button name="next">Next</button></li>
187 | 	</ol>
188 | </div>
189 | <div id="calendar"></div>
190 | 
191 | <style type="text/css">
192 | html,body{
193 | font-family: sans-serif;
194 | font-size: 10px;
195 | }
196 | 
197 | #calendar{
198 | position: absolute;
199 | top: 75px;
200 | left: 50px;
201 | right: 50px;
202 | bottom: 50px;
203 | border: 1px solid #bbb;
204 | }
205 | 
206 | #date_head{
207 | position: absolute;
208 | right: 200px;
209 | margin: auto;
210 | text-align: center;
211 | left: 200px;
212 | }
213 | 
214 | #controls{
215 | position: absolute;
216 | top: 30px;
217 | height: 23px;
218 | left: 50px;
219 | right: 50px;
220 | margin: 0;
221 | padding: 0;
222 | }
223 | 
224 | #controls ol{
225 | list-style-type: none;
226 | margin: 0;
227 | padding: 0;
228 | border: 1px solid #B3B3B3;
229 | border-radius: 2px;
230 | overflow: hidden;
231 | -moz-background-clip: padding;     /* Firefox 3.6 */
232 | -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
233 | background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
234 | height: 21px;
235 | }
236 | 
237 | #controls ol li{
238 | display: inline-block;
239 | float: left;
240 | height: 100%;
241 | padding: 0;
242 | margin: 0;
243 | border: 0;
244 | background: #CACACA url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAYAAABMDlehAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADlJREFUeNp0y6sNACAAxNALBs0ArM9QbMEnJKiD4jEvNZXtEiRVEBg2LJgwoEN7pbtlSBBBX44AAwARiCdWebcYiAAAAABJRU5ErkJggg==) repeat-x 0 0; /* Old browsers */
245 | text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
246 | color: #333;
247 | }
248 | 
249 | #controls ol li:hover{
250 | background-color: #C0C0C0;
251 | color: #000;
252 | }
253 | 
254 | #controls ol li.on{
255 | background: #C4C4C4;
256 | color: #555;
257 | }
258 | 
259 | #controls ol li button{
260 | margin: 0;
261 | background: transparent;
262 | border: 0;
263 | border-left: 1px solid #B3B3B3;
264 | height: 100%;
265 | padding: 0 10px;
266 | color: inherit;
267 | text-shadow: inherit;
268 | cursor: pointer;
269 | }
270 | 
271 | #controls ol li:first-child button{
272 | border-left: 0;
273 | }
274 | 
275 | #cals{
276 | float: left;
277 | }
278 | 
279 | #nav{
280 | float: right;
281 | }
282 | </style>
283 | 
284 | </body>
285 | 
286 | </html>
287 | 


--------------------------------------------------------------------------------
/jquery.calendar.css:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * jQuery calendar plug-in 1.0.2
  3 |  * Copyright 2012, Digital Fusion
  4 |  * Licensed under the MIT license.
  5 |  * http://teamdf.com/jquery-plugins/license/
  6 |  *
  7 |  * @docs http://teamdf.com/jquery-plugins/calendar/
  8 |  * @author Sam Sehnert
  9 |  */
 10 | 
 11 | .ui-cal{
 12 | overflow: hidden;
 13 | }
 14 | 
 15 | .ui-cal-week .ui-cal-wrapper{
 16 | /* Styles for element that holds the days and appointments */
 17 | position: absolute;
 18 | top: 22px; left: 61px;
 19 | bottom: 0px; right: 0px;
 20 | background-color: #fdfdfd;
 21 | overflow: scroll;
 22 | }
 23 | 
 24 | .ui-cal-week .ui-cal-timeline {
 25 | /* Style for left bar - contains hour labels, and scroll tools down bottom */
 26 | position: absolute;
 27 | top: 21px;
 28 | bottom: 0px;
 29 | left: 0px;
 30 | width: 60px;
 31 | background-color: #D1DAE8;
 32 | border-right: 1px solid #b3b3b3;
 33 | overflow: hidden;
 34 | z-index: 3;
 35 | }
 36 | 
 37 | .ui-cal-week .ui-cal-timeline .ui-cal-label-time{
 38 | /* hour labels for positioning. holds label text */
 39 | padding-right: 7px;
 40 | padding-bottom: 1px;
 41 | box-sizing: border-box;
 42 | -moz-box-sizing: border-box;
 43 | -webkit-box-sizing: border-box;
 44 | -ie-box-sizing: border-box;
 45 | }
 46 | 
 47 | .ui-cal-week .ui-cal-timeline .ui-cal-label-time p{
 48 | /* hour label text */
 49 | position: relative;
 50 | top: -6px;
 51 | margin: 0px;
 52 | padding: 0px;
 53 | color: #333;
 54 | text-align: right;
 55 | text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
 56 | }
 57 | 
 58 | .ui-cal-week .ui-cal-timeline .ui-cal-label-time p span{
 59 | /* hour label text for emphasis
 60 | usually for AM - PM text */
 61 | color: #727272;
 62 | font-size: .95em;
 63 | }
 64 | 
 65 | .ui-cal-resources .ui-cal-wrapper,
 66 | .ui-cal-resources .ui-cal-timeline{
 67 | top: 44px;
 68 | }
 69 | 
 70 | .ui-cal-week .ui-cal-dateline,
 71 | .ui-cal .ui-cal-resourceline{
 72 | position: absolute;
 73 | left: 60px; right: 0px;
 74 | height: 21px;
 75 | color: #333;
 76 | cursor: pointer;
 77 | border-style: solid;
 78 | border-width: 0;
 79 | border-bottom-width: 1px;
 80 | border-left-width: 1px;
 81 | overflow: hidden;
 82 | z-index: 5;
 83 | }
 84 | 
 85 | .ui-cal-week .ui-cal-dateline{
 86 | top: 0px;
 87 | background: #cacaca repeat-x 0% 0%;
 88 | border-color: #b3b3b3;
 89 | }
 90 | 
 91 | .ui-cal-week .ui-cal-resourceline{
 92 | top: 22px;
 93 | background: #ebebeb repeat-x 0% 0%;
 94 | border-color: #D1D3D8;
 95 | }
 96 | 
 97 | .ui-cal .ui-cal-label-date,
 98 | .ui-cal .ui-cal-label-resource {
 99 | /* holds date labels inside dateline div */
100 | position: absolute;
101 | margin: 0px;
102 | padding: 0px;
103 | height: 100%;
104 | cursor: default;
105 | font-size: 1em;
106 | box-sizing: border-box;
107 | -moz-box-sizing: border-box;
108 | -webkit-box-sizing: border-box;
109 | -ie-box-sizing: border-box;
110 | }
111 | 
112 | .ui-cal-week .ui-cal-label-date,
113 | .ui-cal-week .ui-cal-label-resource{
114 | margin-left: -1px;
115 | }
116 | 
117 | .ui-cal .ui-cal-label-date p,
118 | .ui-cal .ui-cal-label-resource p{
119 | /* date text label inside the time cell */
120 | position: absolute;
121 | top: 1em;
122 | width: 100%;
123 | margin: -0.5em 0 0 0;
124 | padding: 0;
125 | font-size: 1em;
126 | text-align: center;
127 | text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
128 | white-space: pre-wrap;
129 | cursor: pointer;
130 | overflow: hidden;
131 | text-overflow: ellipsis;
132 | }
133 | 
134 | .ui-cal .ui-cal-label-date .delimiter{
135 | /* Displays a small white line to separate
136 | dateline dates. */
137 | position: absolute;
138 | height: 8px;
139 | bottom: 0px;
140 | width: 100%;
141 | border-right: 1px solid #b3b3b3;
142 | }
143 | 
144 | .ui-cal .ui-cal-label-resource .delimiter{
145 | /* Displays a small line to separate resourceline resources */
146 | position: absolute;
147 | width: 100%;
148 | height: 100%;
149 | border-right: 1px solid #D1D3D8;
150 | }
151 | 
152 | .ui-cal-week .ui-cal-dateline-fill{
153 | position: absolute;
154 | top: 0px; left: 0px;
155 | width: 100%;
156 | height: 21px;
157 | color: #333;
158 | cursor: pointer;
159 | background: #cacaca repeat-x 0% 0%;
160 | border-bottom: 1px solid #b3b3b3;
161 | z-index: 4;
162 | }
163 | 
164 | .ui-cal-week .ui-cal-resourceline-fill{
165 | position: absolute;
166 | top: 22px; left: 0px;
167 | width: 100%;
168 | height: 21px;
169 | color: #333;
170 | cursor: pointer;
171 | background: #ebebeb repeat-x 0% 0%;
172 | border-bottom: 1px solid #D1D3D8;
173 | z-index: 4;
174 | }
175 | 
176 | .ui-cal .ui-cal-date{
177 | /* style for day block - inside viewer, and contains time blocks */
178 | position: absolute;
179 | top: 0px;
180 | border-right: 1px solid #E5E5E2;
181 | box-sizing: border-box;
182 | -moz-box-sizing: border-box;
183 | -webkit-box-sizing: border-box;
184 | -ie-box-sizing: border-box;
185 | }
186 | 
187 | .ui-cal .ui-cal-date.ui-cal-today{
188 | background-color: #F2F6FB;
189 | }
190 | 
191 | .ui-cal .ui-cal-resource{
192 | border-right: 1px dotted #E5E5E2;
193 | }
194 | 
195 | .ui-cal-week .ui-cal-time{
196 | /* base style for time blocks */
197 | border-top: 1px solid #ececec;
198 | box-sizing: border-box;
199 | -moz-box-sizing: border-box;
200 | -webkit-box-sizing: border-box;
201 | -ie-box-sizing: border-box;
202 | }
203 | 
204 | .ui-cal-week .ui-cal-time[past="00"]{
205 | border-top: 1px solid #D1D3D8;
206 | }
207 | 
208 | .ui-cal .ui-cal-event, .ui-cal-month .ui-cal-event.selected{
209 | position: absolute;
210 | font-size: 1em;
211 | background: transparent repeat-x 0 -3px;
212 | cursor: pointer;
213 | -webkit-transition: -webkit-box-shadow 0.2s ease-in-out;
214 | -moz-transition: -moz-box-shadow 0.2s ease-in-out;
215 | transition: box-shadow 0.2s ease-in-out;
216 | }
217 | 
218 | .ui-cal-week .ui-cal-event.begin{
219 | -webkit-border-top-right-radius: 6px;
220 | -moz-border-radius-topright: 6px;
221 | border-top-right-radius: 6px;
222 | -webkit-border-top-left-radius: 6px;
223 | -moz-border-radius-topleft: 6px;
224 | border-top-left-radius: 6px;
225 | }
226 | 
227 | .ui-cal-week .ui-cal-event.end,
228 | .ui-cal .ui-cal-event.end .details{
229 | -webkit-border-bottom-right-radius: 6px;
230 | -moz-border-radius-bottomright: 6px;
231 | border-bottom-right-radius: 6px;
232 | -webkit-border-bottom-left-radius: 6px;
233 | -moz-border-radius-bottomleft: 6px;
234 | border-bottom-left-radius: 5px;
235 | }
236 | 
237 | .ui-cal-month .ui-cal-event.begin{
238 | -webkit-border-bottom-left-radius: 6px;
239 | -moz-border-radius-bottomleft: 6px;
240 | border-bottom-left-radius: 5px;
241 | -webkit-border-top-left-radius: 6px;
242 | -moz-border-radius-topleft: 6px;
243 | border-top-left-radius: 6px;
244 | }
245 | 
246 | .ui-cal-month .ui-cal-event.end{
247 | -webkit-border-bottom-right-radius: 6px;
248 | -moz-border-radius-bottomright: 6px;
249 | border-bottom-right-radius: 6px;
250 | -webkit-border-top-right-radius: 6px;
251 | -moz-border-radius-topright: 6px;
252 | border-top-right-radius: 6px;
253 | }
254 | 
255 | .ui-cal .ui-cal-event.selected{
256 | /* style for selected appointments */
257 | background-color: #46f;
258 | z-index: 2;
259 | -webkit-box-shadow: 1px 0px 30px rgba( 80, 80, 80, 0.5 ); /* CSS3 */
260 | -moz-box-shadow: 1px 0px 30px rgba( 80, 80, 80, 0.5 ); /* CSS3 */
261 | box-shadow: 1px 0px 30px rgba( 80, 80, 80, 0.5 ); /* CSS3 */
262 | cursor: pointer;
263 | }
264 | 
265 | .ui-cal-month .ui-cal-event{
266 | -webkit-transition: -webkit-box-shadow 0s linear;
267 | -moz-transition: -moz-box-shadow 0s linear;
268 | transition: box-shadow 0s linear;
269 | }
270 | 
271 | .ui-cal .ui-cal-event .details{
272 | /* Style for appointment details section */
273 | position: absolute;
274 | left: 2px; right: 2px;
275 | top: 0px; bottom: 0px;
276 | margin: 0px; padding: 3px;
277 | width:expression(this.parentNode.offsetWidth-4+'px'); /* For IEs broken absolute positioning. */
278 | height: expression(this.parentNode.offsetHeight-16+'px'); /* For IEs broken absolute positioning. */
279 | cursor: pointer;
280 | overflow: hidden;
281 | white-space: pre-wrap; /* css-3 */
282 | word-wrap: break-word; /* Internet Explorer 5.5+ */
283 | color: #fff;
284 | font-size: 1.1em;
285 | font-family: sans-serif;
286 | text-overflow: ellipsis;
287 | border: 0;
288 | }
289 | 
290 | .ui-cal .ui-cal-event.begin .details{
291 | top: 1.45em;
292 | }
293 | 
294 | .ui-cal .ui-cal-event.end .details{
295 | bottom: 2px;
296 | }
297 | 
298 | .ui-cal-week .ui-cal-event .resize-top{
299 | /* Style for appointments resize bar
300 | (hidden, only for cursor and drag handler )*/
301 | position: absolute;
302 | top: -4px; height: 9px;
303 | left: 0px; width: 100%;
304 | margin: 0;
305 | padding: 0;
306 | cursor: row-resize;
307 | z-index: 1;
308 | }
309 | 
310 | .ui-cal-week .ui-cal-event .resize-bottom{
311 | /* Style for appointments resize bar
312 | (hidden, only for cursor and drag handler )*/
313 | position: absolute;
314 | bottom: -4px; height: 9px;
315 | left: 0px; width: 100%;
316 | cursor: row-resize;
317 | margin: 0;
318 | padding: 0;
319 | z-index: 1;
320 | }
321 | 
322 | .ui-cal .ui-cal-event span.button-remove{
323 | position: absolute;
324 | top: 3px; right: 3px;
325 | width: 10px;
326 | height: 10px;
327 | background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAYAAABmBXS+AAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAvElEQVQYGU2QLQvCUBiF793CitH/IGhRMK34V0wu+Iu0idUoCAaLzWAYjAVtwyIDh01Qr8+Zd7ADz85533v2wYxBzrkIZnCEq3fNkc5VCGEBjb5NwJcQqpT45QPPfb7gpc+JSqkfNngMa5jACqRUpXcd/5e5/4Rpa/cKWFY6QBnoNT28gDNIlUrbOhpzx0dwghg0Szu9rg9F6/HteGMY1FXCEPbwAUl+gLEKlhBYa/VvOsy6qwsl5OyfOv8B52rwq5FQN5gAAAAASUVORK5CYII=) no-repeat 50% 50%;
328 | cursor: pointer;
329 | opacity: 0.6;
330 | -webkit-transition: opacity 0.3s linear;
331 | }
332 | 
333 | .ui-cal .ui-cal-event span.button-remove:hover,
334 | .ui-cal .ui-cal-event.selected span.button-remove{
335 | opacity: 1;
336 | }
337 | 
338 | .ui-cal .ui-cal-event p.title{
339 | /* style for time display in appointments */
340 | font-weight: bold;
341 | font-size: 1em;
342 | line-height: 1.6em;
343 | margin: 0px;
344 | margin-left: 3px;
345 | margin-right: 13px;
346 | padding: 0px;
347 | overflow: hidden;
348 | white-space: pre;
349 | cursor: pointer;
350 | text-overflow: ellipsis;
351 | }
352 | 
353 | .ui-cal .ui-cal-event textarea.details{
354 | /* Style for textarea which allows user to edit
355 | the description for an appointment */
356 | color: #222;
357 | -webkit-resize: none;
358 | resize: none;
359 | outline: none;
360 | overflow-y: auto;
361 | }
362 | 
363 | 
364 | 
365 | .ui-cal-month .ui-cal-wrapper{
366 | /* Styles for element that holds the days and appointments */
367 | position: absolute;
368 | top: 22px; left: 0px;
369 | bottom: 0px; right: 0px;
370 | background-color: #fdfdfd;
371 | overflow: none;
372 | }
373 | 
374 | .ui-cal-month .ui-cal-dateline{
375 | position: absolute;
376 | left: 0px; right: 0px;
377 | top: 0px;
378 | height: 21px;
379 | color: #333;
380 | cursor: pointer;
381 | background: #cacaca repeat-x 0% 0%;
382 | border-bottom: 1px solid #b3b3b3;
383 | overflow: hidden;
384 | z-index: 4;
385 | }
386 | 
387 | .ui-cal-month .ui-cal-date{
388 | /* style for day block - inside viewer, and contains time blocks */
389 | border-right: 1px solid #E5E5E2;
390 | border-bottom: 1px solid #E5E5E2;
391 | }
392 | 
393 | .ui-cal-month .ui-cal-date p {
394 | margin: 0;
395 | padding: 5px;
396 | color: #777;
397 | }
398 | 
399 | .ui-cal-month .ui-cal-date.non-month p {
400 | color: #ccc;
401 | }
402 | 
403 | .ui-cal-month .ui-cal-label-date .delimiter{
404 | box-sizing: border-box;
405 | -moz-box-sizing: border-box;
406 | -webkit-box-sizing: border-box;
407 | -ie-box-sizing: border-box;
408 | }
409 | 
410 | .ui-cal .ui-cal-dateline,
411 | .ui-cal .ui-cal-dateline-fill,
412 | .ui-cal .ui-cal-event,
413 | .ui-cal .ui-cal-event.selected{
414 | background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAYAAABMDlehAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADlJREFUeNp0y6sNACAAxNALBs0ArM9QbMEnJKiD4jEvNZXtEiRVEBg2LJgwoEN7pbtlSBBBX44AAwARiCdWebcYiAAAAABJRU5ErkJggg==);
415 | }
416 | .ui-cal-week .ui-cal-resourceline,
417 | .ui-cal-week .ui-cal-resourceline-fill{
418 | background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAYAAABMDlehAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJElEQVQIHWNgYGBQZAISf0DEXzgLwQWL/WUGyjKBCEYQQRoAACCgByRDdQsFAAAAAElFTkSuQmCC);
419 | }
420 | 


--------------------------------------------------------------------------------
/docs/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE HTML>
  2 | <html>
  3 | <head>
  4 | <title>Calendar - Documentation</title>
  5 | 
  6 | <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
  7 | <script type="text/javascript" src="http://www.teamdf.com/jquery-plugins/resources/javascripts/prettify.js"></script>
  8 | <script type="text/javascript" src="http://www.teamdf.com/jquery-plugins/resources/javascripts/docs.js"></script>
  9 | <script type="text/javascript" src="../jquery.calendar.js"></script>
 10 | 
 11 | <link rel="stylesheet" href="http://www.teamdf.com/jquery-plugins/resources/stylesheets/prettify.css"/>
 12 | <link rel="stylesheet" href="http://www.teamdf.com/jquery-plugins/resources/stylesheets/docs.css"/>
 13 | <link rel="stylesheet" href="../jquery.calendar.css"/>
 14 | 
 15 | <script type="text/javascript">
 16 | // Create an array of event objects for easy example setup.
 17 | var demoevents = [
 18 | 	{
 19 | 		uid		: 1,
 20 | 		begins	: $.cal.date().addDays(2).format('Y-m-d')+' 10:00:00',
 21 | 		ends	: $.cal.date().addDays(2).format('Y-m-d')+' 12:00:00',
 22 | 		title	: 'Done',
 23 | 		color	: '#dddddd'
 24 | 	},
 25 | 	{
 26 | 		uid		: 2,
 27 | 		begins	: $.cal.date().addDays(2).format('Y-m-d')+' 12:15:00',
 28 | 		ends	: $.cal.date().addDays(2).format('Y-m-d')+' 13:45:00',
 29 | 		notes	: 'Keepin\' it real...\n\nMan.'
 30 | 	},
 31 | 	{
 32 | 		uid		: 3,
 33 | 		begins	: $.cal.date().addDays(3).format('Y-m-d')+' 14:15:00',
 34 | 		ends	: $.cal.date().addDays(3).format('Y-m-d')+' 16:30:00',
 35 | 		notes	: 'An <example> event.'
 36 | 	},
 37 | 	{
 38 | 		uid		: 4,
 39 | 		begins	: $.cal.date().addDays(4).format('Y-m-d')+' 11:30:00',
 40 | 		ends	: $.cal.date().addDays(4).format('Y-m-d')+' 12:30:00',
 41 | 		color	: '#990066',
 42 | 		notes	: 'The big game'
 43 | 	}
 44 | ];
 45 | </script>
 46 | 
 47 | <style type="text/css">
 48 | #demo1 div.calendar,
 49 | #demo5 div.calendar,
 50 | #demo6 div.calendar{
 51 | position: relative;
 52 | width: 100%;
 53 | height: 400px;
 54 | font-size: 11px;
 55 | border: 1px solid #b3b3b3;
 56 | }
 57 | 
 58 | #demo3 div.calendar1, #demo3 div.calendar2, #demo3 div.calendar3{
 59 | position: relative;
 60 | display: inline-block;
 61 | width: 32.9%;
 62 | height: 200px;
 63 | font-size: 11px;
 64 | border: 1px solid #b3b3b3;
 65 | }
 66 | 
 67 | #demo4 div.calendar1, #demo4 div.calendar2, #demo4 div.calendar3{
 68 | position: relative;
 69 | display: inline-block;
 70 | width: 49.6%;
 71 | height: 200px;
 72 | font-size: 11px;
 73 | border: 1px solid #b3b3b3;
 74 | }
 75 | 
 76 | #demo5 table{
 77 | width: auto;
 78 | }
 79 | </style>
 80 | </head>
 81 | 
 82 | <body>
 83 | 	<!-- Documentation about a plugin -->
 84 | 	<h1>Calendar</h1>
 85 | 	<author><a href="http://www.teamdf.com/about/#samsehnert">Sam Sehnert</a>, <a href="http://www.teamdf.nz/">Digital Fusion<a/>.</author>
 86 | 	<version>1.1.1 (<a href="changelog.html">changelog</a>)</version>
 87 | 	<license>&#169; Digital Fusion 2012, <a href="http://teamdf.com/jquery-plugins/license/">MIT</a></license>
 88 | 
 89 | 	<p>This is a <a href="http://jquery.com/">jQuery</a> plugin which allows developers to implement an extremely flexible calendar interface with minimal up front development.</p>
 90 | 
 91 | 	<h2>Contents</h2>
 92 | 	<ul class="quicklink">
 93 | 		<li><a href="#demos">Demos</a></li>
 94 | 		<li><a href="https://github.com/teamdf/jquery-calendar/" target="_blank">Download</a></li>
 95 | 		<li><a href="#config">Configuration</a></li>
 96 | 		<li><a href="#events">Events</a></li>
 97 | 		<li><a href="#methods">Methods</a></li>
 98 | 		<li><a href="#compatibility">Compatibility</a></li>
 99 | 	</ul>
100 | 
101 | 	<h2>Getting Started</h2>
102 | 
103 | 	<p>The calendar method can be used to create a calendar widget which will allow users to graphically see and optionally edit events. The calendar leaves data implementation up to the developer. Developers can feed event data to the calendar using a standard object notation.</p>
104 | 	<code class="prettyprint lang-javascript">$(function(){
105 |     $('#myCalendar').cal();
106 | }</code>
107 | 	<p class="note after-code">The target element must be a relative or absolute positioned block level element of your choice.</p>
108 | 
109 | 	<p>You simply specify a relative or absolutely positioned parent element (a &lt;div /&gt; would be a typical choice), and the plugin will generate the required HTML within that element.</p>
110 | 	<p>The HTML structure that the plugin generates is relatively complicated, and can vary depending on the setup options you've chosen, but a typical configuration will result in the following basic HTML:</p>
111 | 	<code class="prettyprint lang-html">&lt;div class="ui-cal ui-cal-container"&gt;
112 |     &lt;div class="ui-cal-timeline"&gt;&lt;!-- Contains time labels (vertical) --&gt;&lt;/div&gt;
113 |     &lt;div class="ui-cal-dateline"&gt;&lt;!-- Contains date labels (horizontal) --&gt;&lt;/div&gt;
114 |     &lt;div class="ui-cal-dateline-fill" /&gt;
115 |     &lt;div class="ui-cal-wrapper"&gt;&lt;!-- Contains 'increment' grid blocks --&gt;&lt;/div&gt;
116 | &lt;/div&gt;</code>
117 | 
118 | 	<p>You can also use methods implemeneted by this plugin for formatting dates and times using the built in format method.</p>
119 | 	<code class="prettyprint lang-javascript">$(function(){
120 |     $.cal.format( new Date(), 'Y-m-d H:i:s' ); // OR
121 |     $.cal.date().format( 'Y-m-d H:i:s' ); // Outputs '1986-04-21 08:00:00' if the current time was 8am on the 21st April 1986.
122 | }</code>
123 | 
124 | 	<h2><a name="demos">Demo</a></h2>
125 | 
126 | 	<h3>Basic Calendar Setup</h3>
127 | 	<p>This is the minimum config you'll need to generate a useful, read only calendar (in fact, you can omit the startdate and daystodisplay, but in most cases you'll want control over which dates are being displayed. In this example, we're using a static array of event objects to populate the calendar with events.</p>
128 | 
129 | 	<div id="demo1" class="demo">
130 | 		<script type="text/javascript">
131 | 			$(function(){
132 | 				$('#demo1 div.calendar').cal({
133 | 
134 | 					startdate		: '2011-08-01',
135 | 					daystodisplay	: 5,
136 | 
137 | 					events : [
138 | 						{
139 | 							uid		: 1,
140 | 							begins	: '2011-08-04 10:00:00',
141 | 							ends	: '2011-08-04 11:30:00',
142 | 							notes	: 'Testing... ',
143 | 							color	: 'green'
144 | 						},
145 | 						{
146 | 							uid		: 2,
147 | 							begins	: '2011-08-03 11:00:00',
148 | 							ends	: '2011-08-03 13:45:00',
149 | 							title	: 'Test'
150 | 						}
151 | 					]
152 | 				});
153 | 			});
154 | 
155 | 		</script>
156 | 		<div class="calendar"></div>
157 | 	</div>
158 | 
159 | 	<h4 class="demo">JavaScript</h4>
160 | 	<code class="prettyprint lang-javascript">$(function(){
161 |     $('div.calendar').cal({
162 | 
163 |         startdate     : '2011-08-01',
164 |         daystodisplay : 5,
165 | 
166 |         events : [
167 |             {
168 |                 uid     : 1,
169 |                 begins  : '2011-08-04 10:00:00',
170 |                 ends    : '2011-08-04 11:30:00',
171 |                 notes   : 'Testing...',
172 |                 color	: 'purple'
173 |             },
174 |             {
175 |                 uid     : 2,
176 |                 begins  : '2011-08-03 11:00:00',
177 |                 ends    : '2011-08-03 13:45:00',
178 |                 title   : 'Test'
179 |             }
180 |         ]
181 |     });
182 | });</code>
183 | 	<h4 class="demo">HTML</h4>
184 | 	<code class="prettyprint lang-html">&lt;div class="calendar"&gt;&lt;/div&gt;</code>
185 | 
186 | 	<h3>Multiple Calendar Setup</h3>
187 | 	<p>This syntax allows you to display events from multiple sources in the same calendar layout. This is especially useful when combining events from shared ics feeds, and your own sources.</p>
188 | 
189 | 	<h4 class="demo">JavaScript</h4>
190 | 		<code class="prettyprint lang-javascript">$(function(){
191 | 	    $('div.calendar').cal({
192 | 
193 | 	        startdate     : '2011-08-01',
194 | 	        daystodisplay : 5,
195 | 
196 | 	        calendars : [
197 | 
198 | 	        	// Calendar source 1
199 | 		        [
200 | 		            {
201 | 		                uid     : '1@cal1',
202 | 		                begins  : '2011-08-04 08:00:00',
203 | 		                ends    : '2011-08-04 09:30:00',
204 | 		                notes   : 'Calendar 1...',
205 | 		                color	: 'purple'
206 | 		            }
207 | 		        ],
208 | 
209 | 		        // Calendar source 2
210 | 		        [
211 | 		            {
212 | 		                uid     : '1@cal1',
213 | 		                begins  : '2011-08-04 10:00:00',
214 | 		                ends    : '2011-08-04 11:30:00',
215 | 		                notes   : 'Calendar 2...',
216 | 		                color	: 'green'
217 | 		            }
218 | 		        ]
219 | 	        ]
220 | 	    });
221 | 	});</code>
222 | 
223 | 	<h3><a name="demos">More Demos</a></h3>
224 | 	<ul>
225 | 		<li><a href="../examples/day.html">Day View</a></li>
226 | 		<li><a href="../examples/week.html">Week View</a></li>
227 | 		<li><a href="../examples/month.html">Month View</a></li>
228 | 		<li><a href="../examples/resource.html">'Resource' Calendar</a></li>
229 | 		<li><a href="../examples/london-2012-ics.html">London 2012 Olympics iCalendar Feed</a></li>
230 | 	</ul>
231 | 
232 | 	<h2><a name="config">Configuration Properties</a></h2>
233 | 	<div class="table-holder config">
234 | 		<table>
235 | 			<thead>
236 | 				<tr><th>Property</th><th>Default</th><th>Description</th></tr>
237 | 			</thead>
238 | 			<tbody>
239 | 				<tr><td>startdate</td><td><em>*current date*</em></td><td>The first date to display on the calendar, defined as either <a href="http://en.wikipedia.org/wiki/ISO_8601">ISO8601</a> (e.g., '2011-08-01' for first of August 2011) or as a JavaScript date object.</td></tr>
240 | 				<tr><td>daystodisplay</td><td>7</td><td>The number of days in total to display on the calendar.</td></tr>
241 | 				<tr><td>defaultcolor</td><td>'#255BA1'</td><td>The default color to use for an event, where no other color is given in the event object.</td></tr>
242 | 				<!--<tr><td>inactivecolor</td><td>'#dddddd'</td><td>The color of an event which is marked 'invalid'. An event can be marked invalid while dragging, when overlaps are disabled and the event is overlapping another, OR when the eventdrag callback method returns false.</td></tr>-->
243 | 				<tr><td>maskeventlabel</td><td>'g:i A'</td><td>The <a href="#date_masks">date mask</a> used to format the start time shown on an event element. When a title is specified on an event object, it is displayed instead of the formatted time.</td></tr>
244 | 				<tr><td>maskeventlabeldelimiter</td><td>''</td><td>A string to be used as a delimiter between 'maskeventlabel' and 'maskeventlabelend'. Usually a dash padded with spaces.</td></tr>
245 | 				<tr><td>maskeventlabelend</td><td>''</td><td>The <a href="#date_masks">date mask</a> used to format the end time shown on an event element. When a title is specified on an event object, it is displayed instead of the formatted time.</td></tr>
246 | 				<tr><td>maskmonthlabel</td><td>'l'</td><td>The <a href="#date_masks">date mask</a> used to format the week labels shown on the month calendar.</td></tr>
247 | 				<tr><td>maskdatelabel</td><td>'D, jS'</td><td>The <a href="#date_masks">date mask</a> used to format the date labels shown at the top of the calendar.</td></tr>
248 | 				<tr><td><a href="#masktimelabel">masktimelabel</a></td><td><pre>{
249 |     '00'    : 'g:i <\\sp\\a\\n>A<\/\\sp\\a\\n>',
250 |     'noon'  : '\\N\\O\\O\\N'
251 | }</pre></td><td>An object containing the <a href="#date_masks">date masks</a> used to format the time labels shown at the left of the calendar. The property names specify where the label is to be used, for example, '00' refers to all labels that fall on the hour, '30' refers to all labels that fall on the half hour.</td></tr>
252 | 				<tr><td>daytimestart</td><td>'00:00:00'</td><td>Defines the time that the calendar starts drawing the day. E.g., A setting of '08:00:00' would cause the calendar to draw all hours starting from 8 am through to the daytimeend.</td></tr>
253 | 				<tr><td>daytimeend</td><td>'24:00:00'</td><td>Defines the time that the calendar finishes drawing the day. E.g., A setting of '18:00:00' would cause the calendar to draw all hours starting from daytimestart through to 6 pm.</td></tr>
254 | 				<tr><td>minwidth</td><td>120</td><td>The minimum width in pixels of the each day column. <!--The calendar may extend the width of the day columns to fill available space.--></td></tr>
255 | 				<tr><td>minheight</td><td><em>*calculated*</em></td><td>The minimum height in pixels of each grid row. The default is calculated so that 1 pixel represents 1 minute (i.e., an hour will be 60 pixels).<!--The calendar may extend the height of the grid rows to fill available space.--></td></tr>
256 | 				<!--<tr><td>dragincrement</td><td>'15 mins'</td><td>Defines the time snap for dragging events. E.g., A setting of '30 mins' would allow the user to drag events in 30 minute increments. This does not affect where the event is rendered. An event will be rendered at the given time regardless of this setting, however, it will be snapped to the nearest increment according to this setting when dragging.</td></tr>-->
257 | 				<tr><td><a href="#gridincrement">gridincrement</a></td><td>'15 mins'</td><td>Defined the spacing of the grid lines. E.g., A setting of '30 mins' would create a grid line for every 30 minute increment.</td></tr>
258 | 				<tr><td>allowmove</td><td>false</td><td>When set to true, allows the user to drag an event to a new location on the screen. Most useful with the 'eventmove' <a href="#events">event</a>.</td></tr>
259 | 				<tr><td>allowresize</td><td>false</td><td>When set to true, allows the user to drag handles located at the top and bottom of an event to resize. Most useful with the 'eventresize' <a href="#events">event</a>.</td></tr>
260 | 				<tr><td>allowselect</td><td>false</td><td>When set to true, allows the user to select an event by single clicking. Most useful with the 'eventselect' <a href="#events">event</a>.</td></tr>
261 | 				<tr><td>allowremove</td><td>false</td><td>When set to true, displays a (x) icon in the top right of an event, which removes the event when clicked. Most useful with the 'eventremove' <a href="#events">event</a>.</td></tr>
262 | 				<!--<tr><td>{property}</td><td>{default}</td><td>{description}</td></tr>-->
263 | 			</tbody>
264 | 		</table>
265 | 	</div>
266 | 
267 | 	<h3>Configuration</h3>
268 | 	<p>Config data can be passed when you first initialise the object, as shown in the demo above. Additionally, you can use the 'option' method to apply or modify config properties.</p>
269 | 
270 | 	<h3><a name="date_masks">Date Masks</a></h3>
271 | 	<p>Use the <a href="http://php.net/manual/en/function.date.php">php date</a> characters to create your date mask. Be aware when writing your date mask, that any masked characters will need to be double backslashed in the JavaScript source, as demonstrated below. Non masked characters don't need to be escaped.</p>
272 | 
273 | 	<div id="demo2" class="demo">
274 | 		<script type="text/javascript">
275 | 			$(function(){
276 | 				setInterval(function(){
277 | 					var time = $.cal.date().format( 'Y-m-d<b\\r />g\\h i\\m s\\s a' );
278 | 					$('#demo2 p.output').html( time );
279 | 				}, 1000 );
280 | 			});
281 | 		</script>
282 | 		<p class="output"></p>
283 | 	</div>
284 | 	<code class="prettyprint lang-javascript">$(function(){
285 |     setInterval(function(){
286 |         var time = $.cal.date().format( 'Y-m-d&lt;b\\r /&gt;g\\h i\\m s\\s a' );
287 |         $('p.output').html( time );
288 |     }, 1000 );
289 | });</code>
290 | 	<p class="note after-code">Most, but not all of the mask characters implemented in PHP are avaialable due to technical limitations with JavaScript dates. When using an incompatible mask character, an error will be printed in the console log.</p>
291 | 
292 | 	<h3><a name="masktimelabel">The masktimelabel property</a></h3>
293 | 	<p>The masktimelabel object is available as a flexible way of formatting the time labeles that appear to the left of the calendar. The property names specify where the label is to be used, for example, '00' refers to all labels that fall on the hour, '30' refers to all labels that fall on the half hour, and in a special case, 'noon' refers to 12:00 PM specifically.</p>
294 | 
295 | 	<div id="demo3" class="demo">
296 | 		<script type="text/javascript">
297 | 			$(function(){
298 | 				$('#demo3 div.calendar1').cal({
299 | 					masktimelabel : {
300 | 						'00' : 'g:i a',
301 | 					}
302 | 				});
303 | 				$('#demo3 div.calendar2').cal({
304 | 					masktimelabel : {
305 | 						'00' : 'g:i a',
306 | 						'30' : '<\\sp\\a\\n>30<\/\\sp\\a\\n>'
307 | 					}
308 | 				});
309 | 				$('#demo3 div.calendar3').cal({
310 | 					masktimelabel : {
311 | 						'00' : 'g:i <\\sp\\a\\n>A<\/\\sp\\a\\n>',
312 | 						'15' : '<\\sp\\a\\n>15<\/\\sp\\a\\n>',
313 | 						'30' : '<\\sp\\a\\n>g:30<\/\\sp\\a\\n>',
314 | 						'45' : '<\\sp\\a\\n>15<\/\\sp\\a\\n>',
315 | 						'noon' : '\\N\\O\\O\\N'
316 | 					}
317 | 				});
318 | 			});
319 | 
320 | 		</script>
321 | 		<div class="calendar1"></div>
322 | 		<div class="calendar2"></div>
323 | 		<div class="calendar3"></div>
324 | 	</div>
325 | 	<code class="prettyprint lang-javascript">// Left calendar
326 | $('#div.calendar1').cal({
327 |     masktimelabel : {
328 |         '00' : 'g:i a'
329 |     }
330 | });
331 | 
332 | // Center calendar
333 | $('#div.calendar2').cal({
334 |     masktimelabel : {
335 |         '00' : 'g:i a',
336 |         '30' : '<\\sp\\a\\n>30<\/\\sp\\a\\n>'
337 |     }
338 | });
339 | 
340 | // Right calendar
341 | $('#div.calendar3').cal({
342 |     masktimelabel : {
343 |         '00' : 'g:i <\\sp\\a\\n>A<\/\\sp\\a\\n>',
344 |         '15' : '<\\sp\\a\\n>15<\/\\sp\\a\\n>',
345 |         '30' : '<\\sp\\a\\n>g:30<\/\\sp\\a\\n>',
346 |         '45' : '<\\sp\\a\\n>15<\/\\sp\\a\\n>',
347 |         'noon' : '\\N\\O\\O\\N'
348 |     }
349 | });</code>
350 | 	<p class="note after-code">The &lt;span /&gt; tags wrap text that we want to show in the lighter grey; this style is defined in jquery.calendar.css.</p>
351 | 
352 | 	<h3><a name="gridincrement">The gridincrement setting</a></h3>
353 | 	<p>The gridincrement setting allows you to specify where the grid lines appear on the calendar.</p>
354 | 
355 | 	<div id="demo4" class="demo">
356 | 		<script type="text/javascript">
357 | 			$(function(){
358 | 				$('#demo4 div.calendar1').cal({
359 | 					gridincrement	: '30 mins'
360 | 				});
361 | 				$('#demo4 div.calendar2').cal({
362 | 					gridincrement	: '1 hour'
363 | 				});
364 | 			});
365 | 
366 | 		</script>
367 | 		<div class="calendar1"></div>
368 | 		<div class="calendar2"></div>
369 | 	</div>
370 | 
371 | 	<code class="prettyprint lang-javascript">// Left calendar
372 | $('#demo4 div.calendar1').cal({
373 |     gridincrement : '30 mins'
374 | });
375 | 
376 | // Right calendar
377 | $('#demo4 div.calendar2').cal({
378 |     gridincrement : '1 hour'
379 | });
380 | </code>
381 | 
382 | 	<h2><a name="events">Events</a></h2>
383 | 	<div class="table-holder">
384 | 		<table>
385 | 			<thead>
386 | 				<tr><th>Event</th><th>Parameters</th><th>Details</th></tr>
387 | 			</thead>
388 | 			<tbody>
389 | 				<tr><td><a href="#eventmove">eventmove</a></td><td><em>String, Object, Collection</em></td><td>Called when the user finishes a drag operation.<br />Recieves the events UID as passed in the original event object, the data object which represents the appointment, and a jQuery collection containing the event element.</td></tr>
390 | 				<tr><td><a href="#eventresize">eventresize</a></td><td><em>String, Object, Collection</em></td><td>Called when the user finishes a resize operation.<br />Recieves the events UID as passed in the original event object, the data object which represents the appointment, and a jQuery collection containing the event element.</td></tr>
391 | 				<tr><td><a href="#eventselect">eventselect</a></td><td><em>String, Object, Collection<em></td><td>Called when the user clicks on an event.<br />Recieves the events UID as passed in the original event object, the data object which represents the appointment, and a jQuery collection containing the event element.<br />Return false from the callback function to prevent selection.</td></tr>
392 | 				<tr><td><a href="#eventremove">eventremove</a></td><td><em>String, Object, Collection<em></td><td>Called when the user clicks on an events remove button.<br />Recieves the events UID as passed in the original event object, the data object which represents the appointment, and a jQuery collection containing the event element.<br />Return false from the callback function to prevent removal.</td></tr>
393 | 				<tr><td><a href="#eventeditnotes">eventeditnotes</a></td><td><em>String, Object, Collection</em></td><td>Called when the user edits the notes of an event using the inline editing feature.<br />Recieves the events UID as passed in the original event object, the data object which represents the appointment, and a jQuery collection containing the event element.</td></tr>
394 | 			</tbody>
395 | 		</table>
396 | 	</div>
397 | 
398 | 	<h3><a name="eventselect">Event: eventselect</a></h3>
399 | 	<p>In this example, we show how the eventselet event can be used to display details about the selected appointment. We also see how we can prevent selection by returning false in the hanlder function.</p>
400 | 	<div id="demo5" class="demo">
401 | 		<script type="text/javascript">
402 | 			$(function(){
403 | 				$('#demo5 div.calendar').cal({
404 | 					events		: demoevents,
405 | 					allowselect		: true,
406 | 					eventselect	: function( uid, $event ){
407 | 						if( uid == 1 ){
408 | 
409 | 							alert('Sorry, this event cannot be selected.');
410 | 							return false;
411 | 
412 | 						} else {
413 | 							$('#demo5 p.output').text( 'You selected event #'+uid );
414 | 							$('#demo5 table').html(
415 | 								'<tr><td>Begins</td><td>'+$event.data('cal').begins.format('g:i a')+'</td></tr>'+
416 | 								'<tr><td>Ends</td><td>'+$event.data('cal').ends.format('g:i a')+'</td></tr>'
417 | 							);
418 | 						}
419 | 					}
420 | 				})
421 | 			});
422 | 
423 | 		</script>
424 | 		<div class="calendar"></div>
425 | 		<p class="output">Click an event to select.</p>
426 | 		<table></table>
427 | 	</div>
428 | 	<code class="prettyprint lang-javascript">$('div.calendar').cal({
429 |     events      : demoevents,
430 |     allowselect : true,
431 |     eventselect : function( uid, $event ){
432 |         if( uid == 1 ){
433 | 
434 |             alert('Sorry, this event cannot be selected.');
435 |             return false;
436 | 
437 |         } else {
438 |             $('p.output').text( 'You selected event #'+uid );
439 |             $('table').html(
440 |                 '&lt;tr&gt;&lt;td&gt;Begins&lt;/td&gt;&lt;td&gt;'+$event.data('cal').begins.format('g:i a')+'&lt;/td&gt;&lt;/tr&gt;'+
441 |                 '&lt;tr&gt;&lt;td&gt;&gt;Ends&lt;/td&gt;&lt;td&gt;'+$event.data('cal').ends.format('g:i a')+'&lt;/td&gt;&lt;/tr&gt;'
442 |             );
443 |         }
444 |     }
445 | });</code>
446 | 
447 | 	<h3><a name="eventremove">Event: eventremove</a></h3>
448 | 	<p>In this example, we show how the eventremove event can be used to perform an action (such as sending of an AJAX request to update the database) when the user clicks the delete button. It also demonstrates that we can prevent the deletion by returning false in the handler function.</p>
449 | 	<div id="demo6" class="demo">
450 | 		<script type="text/javascript">
451 | 			$(function(){
452 | 				$('#demo6 div.calendar').cal({
453 | 					events		: demoevents,
454 | 					allowremove		: true,
455 | 					eventremove	: function( uid ){
456 | 						if( uid == 1 ){
457 | 
458 | 							alert('Sorry, this event cannot be removed.');
459 | 							return false;
460 | 
461 | 						} else {
462 | 							$('#demo6 p.output').text( 'You removed event #'+uid );
463 | 						}
464 | 					}
465 | 				});
466 | 			});
467 | 		</script>
468 | 		<div class="calendar"></div>
469 | 		<p class="output"></p>
470 | 	</div>
471 | 	<code class="prettyprint lang-javascript">$('div.calendar').cal({
472 |     events      : demoevents,
473 |     allowremove : true,
474 |     eventremove : function( uid ){
475 |         if( uid == 1 ){
476 | 
477 |             alert('Sorry, this event cannot be removed.');
478 |             return false;
479 | 
480 |         } else {
481 |             $('p.output').text( 'You removed event #'+uid );
482 |         }
483 |     }
484 | });</code>
485 | 
486 | 
487 | 	<h2><a name="methods">Methods</a></h2>
488 | 	<div class="table-holder">
489 | 		<table>
490 | 			<thead>
491 | 				<tr><th>Method</th><th>Returns</th><th>Description</th></tr>
492 | 			</thead>
493 | 			<tbody>
494 | 				<tr><td>.cal( 'option', <em>[ Object ]</em> )<br />.cal( 'option', <em>[ String, String ]</em> )</td><td><em>jQuery</em><br /><em>String</em></td><td>Takes a config object, or config string/value and applies the configuration option to the calendar.</td></tr>
495 | 				<tr><td>.cal( 'version' )</td><td><em>String</em></td><td>Returns the version number of the currently installed calendar plugin.</td></tr>
496 | 				<tr><td>.cal( 'destroy' )</td><td><em>jQuery</em></td><td>Removes the calendar from the targeted element, and returns the element to its pre-initialisation state.</td></tr>
497 | 				<tr><td><a href="#cal_date">$.cal.date( <em>[ Date ]</em> )</a></td><td><em>Date</em></td><td>Takes a date object, and returns an extended date object. See the associated documentation for more details on the date methods.</td></tr>
498 | 				<tr><td><a href="#date_masks">$.cal.format( <em>[ Date ]</em> )</a></td><td><em>String</em></td><td>Takes a date object, and returns a formatted string, according to the passed mask.</td></tr>
499 | 				<tr><td><a href="#cal_date">$.cal.incrementsIn( String, String )</a></td><td><em>Number</em></td><td>Takes two strings representing a portion of time, (E.g., '15 mins' or '2 hours' ), and returns the number of times the second increment fits inside the first.<br />For example, $.cal.incrementsIn('1 hour','15 mins') returns <strong>4</strong>.</td></tr>
500 | 			</tbody>
501 | 		</table>
502 | 	</div>
503 | 
504 | 	<h2><a name="compatibility">Compatibility</a></h2>
505 | 	<p>This plugin has been tested, and verified working in the following browsers with JavaScript enabled.</p>
506 | 	<p>That doesn't mean it doesn't work in other browsers, it just means we haven't tested it yet!</p>
507 | 	<ul>
508 | 		<li>Safari 5.1+</li>
509 | 	</ul>
510 | 
511 | 	<a href="http://docs.jquery.com/Browser_Compatibility">jQuery Browser Compatibility</a>
512 | </body>
513 | 
514 | </html>
515 | 


--------------------------------------------------------------------------------
/jquery.calendar.min.js:
--------------------------------------------------------------------------------
1 | /*! jQuery calendar 1.1.1 (c) github.com/teamdf/jquery-calendar | opensource.teamdf.com/license */
2 | (function(e){"use strict";var t="cal";var n="1.1.1";var r="month";var s="week";var o={startdate:null,daystodisplay:null,startweek:null,startmonth:null,startyear:null,monthstodisplay:null,defaultcolor:"#255BA1",invalidcolor:"#888888",maskmonthlabel:"l",maskeventlabel:"g:i A",maskeventlabeldelimiter:"",maskeventlabelend:"",maskdatelabel:"D, jS",masktimelabel:{"00":"g:i <\\sp\\a\\n>A</\\sp\\a\\n>",noon:"\\N\\O\\O\\N"},resources:false,minwidth:130,minheight:null,overlapoffset:15,daytimestart:"00:00:00",daytimeend:"24:00:00",weekstart:1,dragincrement:"15 mins",gridincrement:"15 mins",creationsize:"15 mins",allowcreation:"both",allowmove:false,allowresize:false,allowselect:false,allowremove:false,allowoverlap:false,allownotesedit:false,allowhtml:false,easing:{eventupdate:"linear",eventremove:"linear",eventeditin:"linear",eventeditout:"linear",datechange:"linear"},eventcreate:e.noop,eventnotesedit:e.noop,eventremove:e.noop,eventselect:e.noop,eventmove:e.noop,eventresize:e.noop,eventdraw:e.noop,dayclick:e.noop,daydblclick:e.noop,onload:e.noop};var u={prevent:function(e){e.preventDefault()},scrollbarSize:function(){if(!u._scrollbarSize){var t=e(document.body),n=t.css({overflow:"hidden"}).width();n-=t.css({overflow:"scroll"}).width();if(!n)n=t.width()-t[0].clientWidth;t.css({overflow:""});u._scrollbarSize=n}return u._scrollbarSize},_scrollbarSize:false,selectrange:function(e,t){return this.each(function(){if(this.setSelectionRange){this.focus();this.setSelectionRange(e,t)}else if(this.createTextRange){var n=this.createTextRange();n.collapse(true);n.moveEnd("character",t);n.moveStart("character",e);n.select()}})},onscroll:function(n){var r=e(this),i=r.parent(".ui-"+t+"-container"),s=r.scrollLeft(),o=r.scrollTop(),u=i.data(t);if(u){i.find(".ui-"+t+"-timeline").scrollTop(o);i.find(".ui-"+t+"-dateline").scrollLeft(s);i.find(".ui-"+t+"-resourceline").scrollLeft(s)}},between:function(e,t,n){if(e instanceof Date){var r=e.getTime();return r>=t.getTime()&&r<=n.getTime()}else if(!isNaN(Number(e))){return e>=t&&e<=n}return false},inrange:function(e,t,n,r){return!(t.getTime()<n.getTime()||e.getTime()>r.getTime())},resource:function(e,t){var n=0;if(t.settings.resources!==false){for(var r in t.settings.resources){if(t.settings.resources.hasOwnProperty(r)){if(n==e){return{id:r,name:t.settings.resources[r]}}n++}}}return{id:null,name:null}},resourceIndex:function(t,n){var r=0;if(n.settings.resources!==false){if(e.isArray(n.settings.resources)){for(var i in n.settings.resources){if(n.settings.resources[i]==t){return r}r++}}else{for(var i in n.settings.resources){if(n.settings.resources.hasOwnProperty(i)){if(i==t){return r}r++}}}}return false},repetitions:function(n,r){var i=[],s,o,u,a,f,l,c;e:for(var h in r.repeat.rules.include){s=r.repeat.rules.include[h];o=r.begins>n.settings.startdate?r.begins:n.settings.startdate;u="until"in s?e[t].date(s.until):n.cache.enddate,a="interval"in s?+s.interval:1;if(r.begins>n.cache.enddate||u<=n.settings.startdate)continue;if("freq"in s){switch(s.freq){case"daily":f=a+" Day";break;case"weekly":f=a+" Week";break;case"monthly":f=a+" Month";break;case"yearly":f=a+" Year";break;default:continue e}l=r.begins.copy();if(r.begins<n.settings.startdate){l=l.incrementBy(f,Math.ceil(r.begins.getIncrementBetween(n.settings.startdate,f)))}else{l=l.incrementBy(f)}c=Math.ceil(l.getIncrementBetween(n.cache.enddate,f));for(var h=0;h<c;h++){i[l.getTime()]=l;l=l.incrementBy(f)}}}return i},overlaps:function(n,r,i){var s=e(this),o=s.data(t),u=[];if(o){var a=o.cache.events;for(var f in a){if(a.hasOwnProperty(f)&&a[f].begins<r&&a[f].ends>n&&a[f].resource===i){a[f].overlap={partial:true,inset:0,count:0,index:0,items:{},uid:f};u.push(a[f])}}if(u.length>1){var l=0;u.sort(function(e,t){return e.begins.getTime()-t.begins.getTime()});for(var c in u){if(u.hasOwnProperty(c)){u[c].overlap.index=l++;for(var h in u){if(c===h)continue;if(u.hasOwnProperty(h)&&!(u[c].overlap.uid in u[h].overlap.items)&&!(u[h].overlap.uid in u[c].overlap.items)&&u[c].begins<u[h].ends&&u[c].ends>u[h].begins&&u[c].resource===u[h].resource){u[c].overlap.items[u[h].overlap.uid]=u[h];u[h].overlap.items[u[c].overlap.uid]=u[c];u[c].overlap.count++;u[h].overlap.count++;if(u[c].begins.getTime()==u[h].begins.getTime()){u[c].overlap.partial=false;u[h].overlap.partial=false;u[h].overlap.inset=u[c].overlap.inset+1}else if(u[c].begins.getTime()<u[h].begins.getTime()){if(u[c].overlap.partial)u[h].overlap.inset++}else{if(u[h].overlap.partial)u[c].overlap.inset++}o.cache.events[u[c].overlap.uid]=u[c];o.cache.events[u[h].overlap.uid]=u[h]}}}}for(var f in u)u[f].elems.data(t,u[f])}s.data(t,o)}},errors:{eventParse:function(e,t){var n=new Error(e);n.type="EventParse";n.event=t;return n},icsParse:function(e,t,n){var r=new Error(e);r.type="ICSParse";r.line=t;r.value=n;return r}},parse:{_icalendar:{folds:/^\s(.*)$/,entry:/^([A-Za-z0-9-]+)((?:;[A-Za-z0-9-]+=(?:"[^"]+"|[^";:,]+)(?:,(?:"[^"]+"|[^";:,]+))*)*):(.*)$/,param:/;([A-Za-z0-9-]+)=((?:"[^"]+"|[^";:,]+)(?:,(?:"[^"]+"|[^";:,]+))*)/g,value:/,?("[^"]+"|[^";:,]+)/g,date:/^(\d{4})(\d\d)(\d\d)$/,time:/^(\d{4})(\d\d)(\d\d)T(\d\d)(\d\d)(\d\d)(Z?)$/,range:/^(\d{4})(\d\d)(\d\d)T(\d\d)(\d\d)(\d\d)(Z?)\/(\d{4})(\d\d)(\d\d)T(\d\d)(\d\d)(\d\d)(Z?)$/,offset:/^([+-])(\d\d)(\d\d)$/,duration:/^([+-])?P(\d+W)?(\d+D)?(T)?(\d+H)?(\d+M)?(\d+S)?$/,_rrule:function(e){var t=e.split(";"),n,r={};for(var i in t){n=t[i].split("=");r[n[0].toLowerCase()]=n[1].toLowerCase()}return r}},icalendar:function(n){var r=u.errors.icsParse,i=u.parse._icalendar,s="cal_begin",o=[],a=n.replace(/\r\n/g,"\n").split("\n"),f=null,l=null,c={repeat:{rules:{include:[],exclude:[]},dates:{include:[],exclude:[]}}};for(var h=a.length-1;h>0;h--){var p=i.folds.exec(a[h]);if(p){a[h-1]+=p[1];a[h]=""}}e.each(a,function(n,u){if(!u)return;switch(s){case"cal_begin":if(u.indexOf("BEGIN:VCALENDAR")==-1)throw new r("Expecting BEGIN:VCALENDAR but found '"+u+"' instead.",n,u);l={events:[]};s="cal_info";break;case"cal_info":if(u.indexOf("BEGIN:VEVENT")==0){f=e.extend(true,{},c);s="cal_event"}if(u.indexOf("END:VCALENDAR")==0){o.push(l);s="done"}if(s!=="cal_info")return;break;case"cal_event":if(u.indexOf("END:VEVENT")==0){l.events.push(f);s="cal_info"}if(s!=="cal_event")return;var a=i.entry.exec(u);if(!a){throw new r("Missing entry name.",n,u)}switch(a[1].toLowerCase()){case"uid":f.uid=a[3];break;case"dtstart":f.begins=e[t].date(a[3]);break;case"dtend":f.ends=e[t].date(a[3]);break;case"summary":f.title=a[3].replace(/\\([;,])/g,"$1").replace(/\\n/g,"\n");break;case"description":f.notes=a[3].replace(/\\([;,])/g,"$1").replace(/\\n/g,"\n");break;case"rrule":f.repeat.rules.include.push(i._rrule(a[3]));break;case"exrule":f.repeat.rules.exclude.push(i._rrule(a[3]));break;case"rdate":f.repeat.dates.include.push(e[t].date(a[3]));break;case"exdate":f.repeat.dates.exclude.push(e[t].date(a[3]));break}break}});if(s!=="done")throw new r("Unexpected end of file. Expecting END:VCALENDAR.",a.length,"");return o.length>0?o.pop():false}},event:{calculateElementCount:function(e){return Math.ceil(e.cache.begins.getDaysBetween(e.cache.ends,true))},update:function(n,r,i){var s=e(this),o=s.data(t),a=o&&o.calendar?o.calendar.data(t):false;if(a&&o){var f=o.elems;if("begins"in n)o.begins=e[t].date(n.begins);if("ends"in n)o.ends=e[t].date(n.ends);if("color"in n)o.colors=n.color?e[t].colors.generate(n.color):a.settings.defaultcolor;if("title"in n)o.title=n.title||null;if("notes"in n)o.notes=n.notes||"";if(o.ends<a.settings.startdate||o.begins>a.cache.enddate)return false;o.cache.ends=a.cache.enddate<o.ends?a.cache.enddate.addSeconds(-1):o.ends;o.cache.begins=a.settings.startdate>o.begins?a.settings.startdate.copy():o.begins;var l=a.settings.allowhtml?"html":"text";f.find("pre.details")[l](o.notes);f.find("p.title")[l](o.title||o.begins.format(a.settings.maskeventlabel)+(a.settings.maskeventlabelend!==""?a.settings.maskeventlabeldelimiter+o.ends.format(a.settings.maskeventlabelend):""));f.data(t,o);a.cache.events[o.uid]=o;o.calendar.data(t,a);u.draw[a.type].position.apply(f,[r,i]);return true}return false},edit:function(n){var r=n&&!e(this).is("div.ui-"+t+"-event")?e(this).parents("div.ui-"+t+"-event"):e(this),i=r.data(t),s=i&&i.calendar?i.calendar.data(t):false;if(s&&i){if(!s.settings.allownotesedit)return;var o=r.find("pre.details"),a=o.height();var f=s.settings.allowhtml?"html":"text";var l=e('<textarea class="details" />')[f](i.notes||"").css({boxShadow:"inset 0px 0px 6px "+i.colors.mainShadow}).on("mousedown."+t,function(e){e.stopPropagation()}).appendTo(r);if(r.height()<=30){var c=r.height()<=15?4:1,h=r.height()<=15?-1:0;r.unbind("dblclick."+t).stop(true,true);l.css({marginTop:h,left:c,right:c,height:a,border:"1px solid "+i.colors.mainSelected,borderTop:"none",borderTopLeftRadius:0,borderTopRightRadius:0,opacity:0,overflow:"hidden",zIndex:1}).animate({height:45,opacity:1},"fast",s.settings.easing.eventeditin,function(){e(this).css("overflow","scroll");o.detach();u.selectrange.apply(l,[i.notes.length||0,i.notes.length||0])})}else{o.detach();u.selectrange.apply(l,[i.notes.length||0,i.notes.length||0])}l.blur(function(){var n=i.notes!=e(this).val(),l=i.elems;i.notes=e(this).val();l.attr("title",i.notes||"");if(r.height()<=30){e(this).css("overflow","hidden");e(this).animate({height:a,opacity:0},125,s.settings.easing.eventeditout,function(){e(this).remove()})}else{e(this).remove()}l.append(o[f](i.notes||""));r.bind("dblclick."+t,u.event.edit);if(n){l.data(t,i);s.cache.events[i.uid]=i;i.calendar.data(t,s);s.settings.eventnotesedit.apply(i.calendar,[i.uid,i,l])}})}if(n){n.preventDefault();n.stopPropagation()}},select:function(n,r){var i=e(this),s=i.data(t),o=s&&s.calendar?s.calendar.data(t):false;if(o&&s){if(!o.settings.allowselect)return;if(n===undefined)n="fast";var a=s.calendar.find("div.ui-"+t+"-event.selected"),f=a.data(t);if(f&&f.uid===s.uid)return;var l=o.settings.eventselect.apply(s.calendar,[s.uid,s,i]);if(l===undefined||l){var c=s.elems;a.removeClass("selected");c.addClass("selected");u.draw[o.type].position.apply(c,[n,r]);u.draw[o.type].position.apply(a,[n,r])}}},remove:function(n,r,i){var s=n?e(this).closest("div.ui-"+t+"-event"):e(this),o=s.data(t),u=o&&o.calendar?o.calendar.data(t):false;if(u&&o){if(r===undefined)r="fast";if(!i)i=u.settings.easing.eventremove;var a=o.elems,f=u.settings.eventremove.apply(o.calendar,[o.uid,o,a,n]),l=function(){e(this).remove()};if(f===undefined||f){var c={width:0,height:0,fontSize:"0em",opacity:.1};delete u.cache.events[o.uid];o.calendar.data(t,u);switch(a.length){case 1:c.left="+="+s.width()/2;c.top="+="+s.height()/2;s.animate(c,r,i,l);break;case 2:var h=a.eq(0),p=a.eq(1),d=e.extend({},c),v=e.extend({},c);d.left="+="+a.eq(0).width();d.top=u.cache.dayHeight;v.top=0;h.delay(375).animate(d,r,i,l);p.animate(v,r,i,l);break;default:var m=0;a.each(function(){m+=e(this).width()});c.left=s.position().left+u.elements.container.scrollLeft()+m/2;c.top=u.cache.dayHeight/2;a.first().delay(375).animate(c,r,i,l);a.filter(":not(:first)").animate(c,r,i,l);break}}}if(n){n.preventDefault();n.stopPropagation()}}},drag:{start:function(n){var r=e(this),i=n&&!r.is("div.ui-"+t+"-event")?r.parents("div.ui-"+t+"-event"):r,s=null,o=i.data(t),a=o&&o.calendar?o.calendar.data(t):false;if(a&&o){var f={event:i,data:a,values:o,i:"cal_"+(new Date).getTime(),type:"resize"};u.drag[f.i]={started:false,startX:n.pageX,startY:n.pageY,lastX:n.pageX,lastY:n.pageY,deltaX:0,deltaY:0,incX:0,incY:0,obTime:o.begins.copy(),oeTime:o.ends.copy(),bTime:o.begins.roundToIncrement(a.settings.dragincrement),eTime:o.ends.roundToIncrement(a.settings.dragincrement)};i.stop(true,true);switch(true){case r.is(".ui-"+t+"-event"):f.lockBegins=Number(a.settings.startdate.format("Ymd"));f.lockEnds=Number(a.cache.enddate.format("Ymd"));f.lockDayBegins=Number(a.settings.daytimestart.replace(/[^0-9]/g,""));f.lockDayEnds=Number(a.settings.daytimeend.replace(/[^0-9]/g,""));f.type="move";e(document).bind("mousemove."+t,f,u.drag.move);break;case r.is(".resize-top"):f.lockDate=o.begins.format("Y-m-d");e(document).bind("mousemove."+t,f,u.drag.resizeB);break;case r.is(".resize-bottom"):f.lockDate=o.ends.format("Y-m-d");e(document).bind("mousemove."+t,f,u.drag.resizeE);break;default:delete u.drag[f.i];return true}e(document).bind("mouseup."+t,f,u.drag.end);n.stopPropagation()}},resizeB:function(n){var r=n.data.event,i=n.data.data,s=n.data.values,o=u.drag[n.data.i];o.deltaY=o.lastY-n.pageY;o.lastY=n.pageY;o.incY+=o.deltaY;if(o.deltaY==0)return true;if(!o.started&&(o.incY>5||o.incY<-5)){o.started=true;r.addClass("ui-dragging ui-resizing")}else if(o.started){var a=Math.round(o.incY/i.cache.dragHeight);if(a===0)return true;var f=o.bTime.incrementBy(i.settings.dragincrement,0-a);var l=f.format("Y-m-d");var c=f.format("H:i:s");if(l===n.data.lockDate||c!==i.settings.daytimestart){if(l!==n.data.lockDate){f=e[t].date(n.data.lockDate+" "+i.settings.daytimestart);a=Math.round(f.getIncrementBetween(s.begins,i.settings.dragincrement))}if(f>=s.ends){a=Math.round(s.ends.getIncrementBetween(s.begins,i.settings.dragincrement));f=s.ends.incrementBy(i.settings.dragincrement,-1).copy();e(document).unbind("mousemove."+t).bind("mousemove."+t,n.data,u.drag.resizeE)}o.incY-=a*i.cache.dragHeight;s.begins=o.bTime=f;s.cache.begins=i.settings.startdate>s.begins?i.settings.startdate.copy():s.begins;r.data(t,s);i.cache.events[s.uid]=s;s.calendar.data(t,i);u.draw[i.type].position.apply(s.elems)}}},resizeE:function(n){var r=n.data.event,i=n.data.data,s=n.data.values,o=u.drag[n.data.i];o.deltaY=o.lastY-n.pageY;o.lastY=n.pageY;o.incY+=o.deltaY;if(o.deltaY==0)return true;if(!o.started&&(o.incY>5||o.incY<-5)){o.started=true;r.addClass("ui-dragging ui-resizing")}else if(o.started){var a=Math.round(o.incY/i.cache.dragHeight);if(a===0)return true;var f=o.eTime.incrementBy(i.settings.dragincrement,0-a);var l=f.format("Y-m-d");var c=f.format("H:i:s");if(l===n.data.lockDate||c!==i.settings.daytimeend){if(l!==n.data.lockDate){f=e[t].date(n.data.lockDate+" "+i.settings.daytimeend);a=Math.round(f.getIncrementBetween(s.ends,i.settings.dragincrement))}if(f<=s.begins){a=Math.round(s.begins.getIncrementBetween(s.ends,i.settings.dragincrement));f=s.begins.incrementBy(i.settings.dragincrement,1).copy();e(document).unbind("mousemove."+t).bind("mousemove."+t,n.data,u.drag.resizeB)}o.incY-=a*i.cache.dragHeight;s.ends=o.eTime=f;s.cache.ends=i.cache.enddate<f?i.cache.enddate.addSeconds(-1):f;r.data(t,s);i.cache.events[s.uid]=s;s.calendar.data(t,i);u.draw[i.type].position.apply(s.elems)}}},move:function(e){var n=e.data.event,i=e.data.data,o=e.data.values,a=u.drag[e.data.i];a.deltaX=a.lastX-e.pageX;a.lastX=e.pageX;a.incX+=a.deltaX;a.deltaY=a.lastY-e.pageY;a.lastY=e.pageY;a.incY+=a.deltaY;if(!a.started&&(a.incY>5||a.incY<-5||a.incX>5||a.incY<-5)){a.started=true;n.addClass("ui-dragging")}else if(a.started){switch(i.type){case s:var f=Math.round(a.incY/i.cache.dragHeight);var l=Math.round(a.incX/i.cache.dayWidth);if(f===0&&l===0)return true;var c=a.bTime.addDays(0-l).incrementBy(i.settings.dragincrement,0-f);var h=a.eTime.addDays(0-l).incrementBy(i.settings.dragincrement,0-f);a.incY-=f*i.cache.dragHeight;a.incX-=l*i.cache.dayWidth;o.begins=a.bTime=c;o.ends=a.eTime=h;o.cache.ends=i.cache.enddate<h?i.cache.enddate.addSeconds(-1):h;o.cache.begins=i.settings.startdate>o.begins?i.settings.startdate.copy():o.begins;n.data(t,o);i.cache.events[o.uid]=o;o.calendar.data(t,i);u.draw[i.type].position.apply(o.elems);break;case r:n.css({left:"-="+a.deltaX,top:"-="+a.deltaY});break}}},end:function(n){var r=n.data.event,i=n.data.data,s=n.data.values;switch(n.data.type){case"resize":i.settings.eventresize.apply(s.calendar,[s.uid,s,r]);break;case"move":i.settings.eventmove.apply(s.calendar,[s.uid,s,r]);break}e(document).unbind("mousemove."+t).unbind("mouseup."+t);r.removeClass("ui-dragging ui-resizing");delete u.drag[n.data.i];u.draw[i.type].position.apply(s.elems)}},draw:{week:{cal:function(n){var r,i,s,o,a,f,l,c,h=e[t].date().format("Y-m-d");n.elements.timeblock.css({width:"100%",height:n.cache.incrementHeight});n.elements.timelabel.css({width:"100%",height:n.cache.incrementHeight});for(var p=0,d,v;p<n.cache.incrementsInDay;p++){s=n.settings.startdate.incrementBy(n.settings.gridincrement,p);v=s.format("H:i:s");d=s.format("i");r=n.elements.timeblock.clone(true);r.attr("time",v);r.attr("past",d);f=n.elements.timelabel.clone(true);f.attr("time",v);f.attr("past",d);if(v=="12:00:00"&&"noon"in n.settings.masktimelabel){f.find("p:first").html(s.format(n.settings.masktimelabel["noon"]))}else if(d in n.settings.masktimelabel){f.find("p:first").html(s.format(n.settings.masktimelabel[d]))}n.elements.dayblock.append(r);n.elements.timeline.append(f)}n.elements.dayblock.find("div.ui-"+t+"-time:first").css("border-top","0");n.elements.timeline.find("div.ui-"+t+"-label-time:first").html("");n.elements.dayblock.css({width:n.cache.resourceWidth,height:n.cache.dayHeight});n.elements.resourcelabel.css({width:n.cache.resourceWidth,height:"100%"});n.elements.datelabel.css({width:n.cache.dayWidth,height:"100%"});for(var p=0;p<n.settings.daystodisplay;p++){o=n.settings.startdate.addDays(p);c=o.format("Y-m-d");for(var m=0;m<n.cache.resourcecount;m++){i=n.elements.dayblock.clone(true).css("left",n.cache.dayWidth*p+n.cache.resourceWidth*m).attr({date:c,day:o.getDay(),resource:u.resource.apply(this,[m,n]).id});if(m<n.cache.resourcecount-1)i.addClass("ui-"+t+"-resource");if(c===h)i.addClass("ui-"+t+"-today");n.elements.container.append(i);if(n.settings.resources){a=n.elements.resourcelabel.clone(true).css("left",n.cache.dayWidth*p+n.cache.resourceWidth*m).attr({date:c,day:o.getDay(),resource:u.resource.apply(this,[m,n]).id}).find("p").html(u.resource.apply(this,[m,n]).name).end();n.elements.resourceline.append(a)}}l=n.elements.datelabel.clone(true).css("left",n.cache.dayWidth*p).attr({date:c,day:o.getDay()}).find("p").html(o.format(n.settings.maskdatelabel)).end();if(c===h)l.addClass("ui-"+t+"-today");n.elements.dateline.append(l)}n.elements.dateline.add(n.elements.resourceline).css({right:n.cache.scrollbarSize});var g=e(this);g.append(n.elements.timeline).append(n.elements.dateline).append(n.elements.datelinefill).append(n.elements.container);if(e.isArray(n.settings.resources)||typeof n.settings.resources=="object"){g.append(n.elements.resourceline).append(n.elements.resourcelinefill)}var y=n.cache.dayHeight/2-n.elements.container.height()/2;n.elements.container.scrollTop(y)},event:function(e,n){n.cache.ends=e.cache.enddate<n.ends?e.cache.enddate.addSeconds(-1):n.ends;n.cache.begins=e.settings.startdate>n.begins?e.settings.startdate.copy():n.begins;var r=u.event.calculateElementCount.apply(this,[n]),i,s;if(!("elems"in n)||n.elems.length<1){i=a.event.clone(true);if(!e.settings.allowremove)i.find("span.button-remove").hide();if(!e.settings.allowresize)i.find("p.resize-top, p.resize-bottom").hide();if(e.settings.allowmove){i.find("pre.details").bind("selectstart."+t,u.prevent)}else{i.unbind("mousedown."+t,u.drag.start)}var o=e.settings.allowhtml?"html":"text";i.attr("data-id",n.uid);i.find("pre.details")[o](n.notes);i.find("p.title")[o](n.title||n.begins.format(e.settings.maskeventlabel)+(e.settings.maskeventlabelend!==""?e.settings.maskeventlabeldelimiter+n.ends.format(e.settings.maskeventlabelend):""));s=i}else{s=n.elems.detach();if(s.length>r)s.slice(0,r);i=s.removeClass("begin end").addClass("mid").eq(0)}while(r>s.length)s=s.add(i.clone(true));if(e.settings.startdate<=n.begins)s.first().removeClass("mid").addClass("begin");if(e.cache.enddate>=n.ends)s.last().removeClass("mid").addClass("end");e.elements.container.append(s);n.elems=s;s.data(t,n);u.draw[e.type].position.apply(s)},position:function(n,r,i){var s=e(this),o=s.data(t),a=o&&o.calendar?o.calendar.data(t):false,i=i===undefined?true:i;if(a&&o){s.each(function(f,l){var c=e(l),h=e[t].date(o.begins.addDays(f),a.settings.daytimestart),p=e[t].date(o.begins.addDays(f),a.settings.daytimeend);if(i){var d=o.overlap.items;u.overlaps.apply(o.calendar,[h,p,o.resource]);o=c.data(t);for(var v in o.overlap.items){u.draw[a.type].position.apply(o.overlap.items[v].elems,[false,false,false])}for(var v in d){if(!(v in o.overlap.items)){u.draw[a.type].position.apply(d[v].elems,[false,false,true])}}}var m={top:f>0?0:a.cache.incrementHeight*e[t].date(o.cache.begins,a.settings.daytimestart).getIncrementBetween(o.cache.begins,a.settings.gridincrement),left:a.cache.dayWidth*(a.settings.startdate.getDaysBetween(o.cache.begins,true)+f)+a.cache.resourceWidth*o.resource,width:(o.resource!==null?a.cache.resourceWidth:a.cache.dayWidth)-1,height:Math.min(a.cache.dayHeight,a.cache.incrementHeight*(f<1?o.begins:h).getIncrementBetween(f==s.length-1?o.cache.ends:p,a.settings.gridincrement)),backgroundColor:c.hasClass("selected")?o.colors.mainSelected:o.colors.mainBackground,textShadow:o.colors.mainTextShadow+" 1px 1px 1px",color:o.colors.mainText};m.width-=a.settings.overlapoffset*o.overlap.count;m.left+=a.settings.overlapoffset*o.overlap.inset;var g={backgroundColor:o.colors.detailsBackground,textShadow:o.colors.detailsTextShadow+" 1px 1px 1px",color:o.colors.detailsText};if(m.height<=15){g.display="none";c.attr("title",o.notes||"").unbind("dblclick."+t).bind("dblclick."+t,u.event.edit)}else{g.display="block";c.removeAttr("title").unbind("dblclick."+t)}var y=a.settings.allowhtml?"html":"text";if(!o.title)c.find("p.title")[y](o.begins.format(a.settings.maskeventlabel)+(a.settings.maskeventlabelend!==""?a.settings.maskeventlabeldelimiter+o.ends.format(a.settings.maskeventlabelend):""));if(!n){c.css(m);c.find("pre.details").css(g)}else{c.stop(true,false).animate(m,n,r||a.settings.easing.eventupdate).find("pre.details").stop(true,false).animate(g,n,r||a.settings.easing.eventupdate).css("display",g.display);if(jQuery.ui===undefined){c.css({backgroundColor:m.backgroundColor,textShadow:m.textShadow,color:m.color});c.find("pre.details").css({backgroundColor:g.backgroundColor,textShadow:g.textShadow,color:g.color})}}})}}},month:{cal:function(n){var r,i,s,o,u,a=e[t].date().format("Y-m-d");n.elements.datelabel.css({width:n.cache.dayWidth,height:"100%"});n.elements.dayblock.css({width:n.cache.dayWidth,height:n.cache.dayHeight});for(var f=0;f<n.settings.daystodraw;f++){o=n.settings.startdate.addDays(f);u=o.format("Y-m-d");var l=n.settings.allowhtml?"html":"text";var i=n.elements.dayblock.clone(true).attr({date:u,day:o.getDay()}).css({left:n.cache.dayWidth*(f%7),top:n.cache.dayHeight*Math.floor(f/7)}).toggleClass("non-month",o.getMonth()+1!=n.settings.startmonth).find("p")[l](o.getDate()).end();if(u===a)i.addClass("ui-"+t+"-today");if(f<7){s=n.elements.datelabel.clone(true).attr({date:u,day:o.getDay()}).css("left",n.cache.dayWidth*f).find("p").html(o.format(n.settings.maskmonthlabel)).end();if(u===a)s.addClass("ui-"+t+"-today");n.elements.dateline.append(s)}n.elements.container.append(i)}var c=e(this);c.append(n.elements.dateline).append(n.elements.container)},event:function(e,n){n.cache.ends=e.cache.enddate<n.ends?e.cache.enddate.addSeconds(-1):n.ends;n.cache.begins=e.settings.startdate>n.begins?e.settings.startdate.copy():n.begins;var r=u.event.calculateElementCount.apply(this,[n]),i,s;if(!("elems"in n)||n.elems.length<1){i=a.event.clone(true);if(!e.settings.allowremove)i.find("span.button-remove").hide();if(!e.settings.allowmove)i.unbind("mousedown."+t,u.drag.start);i.find("p.resize-top, p.resize-bottom").hide();i.attr("data-id",n.uid);var o=e.settings.allowhtml?"html":"text";i.find("pre.details").text(n.notes);i.find("p.title")[o]("● "+(n.title||n.begins.format(e.settings.maskeventlabel)+(e.settings.maskeventlabelend!==""?e.settings.maskeventlabeldelimiter+n.ends.format(e.settings.maskeventlabelend):"")));i.attr("title",n.notes||"").unbind("dblclick."+t).bind("dblclick."+t,u.event.edit);s=i}else{s=n.elems.detach();if(s.length>r)s.slice(0,r);i=s.removeClass("begin end").addClass("mid").eq(0)}while(r>s.length)s=s.add(i.clone(true));if(e.settings.startdate<=n.begins)s.first().removeClass("mid").addClass("begin");if(e.cache.enddate>=n.ends)s.last().removeClass("mid").addClass("end");e.elements.container.append(s);n.elems=s;s.data(t,n);e.settings.eventdraw.apply(n.calendar,[n.uid,n,i]);u.draw[e.type].position.apply(s)},position:function(n,r,i){var s=e(this),o=s.data(t),a=o&&o.calendar?o.calendar.data(t):false,i=i===undefined?true:i;if(a&&o){s.each(function(f,l){var c=24*60*60*1e3;var h=Math.floor(Math.abs(a.settings.startdate.getTime()-o.begins.getTime())/c)+1;var p=e(l),d=p.hasClass("selected"),v=s.length>1,m=e[t].date(o.begins.addDays(f),a.settings.daytimestart),g=e[t].date(o.begins.addDays(f),a.settings.daytimeend);if(i){var y=o.overlap.items;u.overlaps.apply(o.calendar,[m,g,o.resource]);o=p.data(t);for(var b in o.overlap.items){u.draw[a.type].position.apply(o.overlap.items[b].elems,[false,false,false])}for(var b in y){if(!(b in o.overlap.items)){u.draw[a.type].position.apply(y[b].elems,[false,false,true])}}}var w={top:a.cache.dayHeight*Math.floor((h-1)/7)+2+18,left:a.cache.dayWidth*((h-1)%7)+(f>0?0:2),width:a.cache.dayWidth-(v&&f==0?2:4),height:a.cache.incrementHeight,backgroundColor:d?o.colors.mainSelected:"transparent",textShadow:d?o.colors.mainTextShadow+" 1px 1px 1px":"none",color:d?o.colors.mainText:o.colors.mainBackground};w.top+=14*o.overlap.index||0;p.attr("title",o.notes||"");if(d){if(l.style.removeAttribute){l.style.removeAttribute("background-image")}else{l.style.removeProperty("background-image")}p.find("span.button-remove").show();if(v&&f==0){p.find("span.button-remove").hide()}if(f>0){p.find("p.title").hide()}}else{l.style.backgroundImage="none";p.find("span.button-remove").hide();if(f>0){p.find("p.title").show()}}if(!n){p.css(w).find("pre.details").hide()}else{p.stop(true,false).animate(w,n,r||a.settings.easing.eventupdate).find("pre.details").hide();if(jQuery.ui===undefined){p.css({backgroundColor:w.backgroundColor,textShadow:w.textShadow,color:w.color})}}})}}}}};var a={event:e(['<div class="ui-'+t+'-event mid">','<p class="resize-top" />','<p class="title" />','<span class="button-remove" />','<pre class="details" />','<p class="footer" />','<p class="resize-bottom" />',"</div>"].join("")).bind("selectstart."+t,u.prevent).bind("mousedown."+t,u.event.select).bind("mousedown."+t,u.drag.start).find("p.resize-top, p.resize-bottom").bind("mousedown."+t,u.drag.start).end().find("pre.details").bind("dblclick."+t,u.event.edit).end().find("p").bind("selectstart."+t,u.prevent).end().find("span.button-remove").bind("click."+t,u.event.remove).end(),day:e('<div class="ui-'+t+'-date" date="" day="" />').bind("selectstart."+t,u.prevent),time:e('<div class="ui-'+t+'-time" time="" past="" />'),labels:{time:e('<div class="ui-'+t+'-label-time" time="" past="" ><p /></div>'),date:e('<div class="ui-'+t+'-label-date" date=""><p /><div class="delimiter" /></div>'),resource:e('<div class="ui-'+t+'-label-resource" date=""><p /><div class="delimiter" /></div>')},timeline:e('<div class="ui-'+t+'-timeline" />').bind("selectstart."+t,u.prevent),dateline:e('<div class="ui-'+t+'-dateline" />').bind("selectstart."+t,u.prevent),datelinefill:e('<div class="ui-'+t+'-dateline-fill" />'),resourceline:e('<div class="ui-'+t+'-resourceline" />'),resourcelinefill:e('<div class="ui-'+t+'-resourceline-fill" />'),container:e('<div class="ui-'+t+'-wrapper" />').bind("scroll."+t,u.onscroll)};var f={init:function(n){return e(this).each(function(){var i=e.extend({},o);if(n)e.extend(i,n);var l=e(this),c=l.data(t);if(!c){c={type:s,target:l,settings:i,elements:{},cache:{scrollbarSize:u.scrollbarSize(),enddate:undefined,incrementsInDay:undefined,incrementHeight:undefined,dragHeight:undefined,dayWidth:undefined,dayHeight:undefined,events:{},calendars:{}}};if(c.settings.startmonth===null&&c.settings.startyear===null&&c.settings.monthstodisplay===null){if(c.settings.startdate===null)c.settings.startdate=new Date;if(c.settings.daystodisplay===null)c.settings.daystodisplay=7}else{if(c.settings.startmonth===null)c.settings.startmonth=(new Date).getMonth()+1;if(c.settings.startyear===null)c.settings.startyear=(new Date).getFullYear();if(c.settings.monthstodisplay===null)c.settings.monthstodisplay=1;c.settings.startdate=e[t].date(c.settings.startyear+"-"+(Number(c.settings.startmonth)<10?"0":"")+Number(c.settings.startmonth)+"-01");c.cache.enddate=c.settings.startdate.addMonths(c.settings.monthstodisplay);c.settings.daystodisplay=c.settings.startdate.getDaysBetween(c.cache.enddate);c.type=r}c.settings.startdate=e[t].date(c.settings.startdate,c.settings.daytimestart);c.settings.defaultcolor=e[t].colors.generate(c.settings.defaultcolor);c.settings.invalidcolor=e[t].colors.generate(c.settings.invalidcolor);c.settings.minheight=Math.round(c.settings.minheight===null?e[t].incrementsIn(c.settings.gridincrement,"1 min"):c.settings.minheight);c.cache.enddate=c.settings.startdate.addDays(c.settings.daystodisplay);c.cache.incrementsInDay=c.settings.startdate.getIncrementBetween(e[t].date(c.settings.startdate,c.settings.daytimeend),c.settings.gridincrement);c.cache.incrementHeight=c.settings.minheight;c.cache.dragHeight=c.cache.incrementHeight/e[t].incrementsIn(c.settings.gridincrement,c.settings.dragincrement);c.cache.resourcecount=1;l.addClass("ui-"+t+" ui-"+t+"-container ui-"+t+"-"+c.type);c.elements.dateline=a.dateline.clone(true);c.elements.container=a.container.clone(true);c.elements.dayblock=a.day.clone(true);c.elements.datelabel=a.labels.date.clone(true);c.elements.resourcelabel=a.labels.resource.clone(true);switch(c.type){case r:var h=c.settings.startdate.getDay();var p=c.cache.enddate.addDays(1).getDay();var d=c.settings.weekstart-1;var v=d==0?6:d-1;c.settings.startdate=c.settings.startdate.addDays((d>h?d-7:d)-h);c.cache.enddate=c.cache.enddate.addDays(v-p+2);c.settings.daystodraw=c.settings.startdate.getDaysBetween(c.cache.enddate);c.cache.weekstodraw=c.settings.startdate.getWeeksBetween(c.cache.enddate);c.elements.dayblock.append("<p/>");c.cache.monthWidth=l.outerWidth()/c.settings.monthstodisplay;c.cache.dayWidth=c.cache.monthWidth/7;c.cache.dayHeight=(l.outerHeight()-22)/c.cache.weekstodraw;u.draw.month.cal.apply(this,[c]);break;case s:if(e.isArray(c.settings.resources)||typeof c.settings.resources=="object"){c.cache.resourcecount=0;for(var m in c.settings.resources){if(c.settings.resources.hasOwnProperty(m)){c.cache.resourcecount++}}l.addClass("ui-"+t+"-resources");c.elements.resourceline=a.resourceline.clone(true);c.elements.resourcelinefill=a.resourcelinefill.clone(true)}c.elements.datelinefill=a.datelinefill.clone(true);c.elements.timeline=a.timeline.clone(true);c.elements.timeblock=a.time.clone(true);c.elements.timelabel=a.labels.time.clone(true);var g=(l.outerWidth()-60)/(c.settings.daystodisplay*c.cache.resourcecount);c.cache.resourceWidth=Math.max(c.settings.minwidth,g);c.cache.dayWidth=c.cache.resourceWidth*c.cache.resourcecount;c.cache.dayHeight=c.cache.incrementHeight*c.cache.incrementsInDay;u.draw.week.cal.apply(this,[c]);break}l.data(t,c);if(!e.isArray(c.settings.calendars)){c.settings.calendars=[c.settings.events]}e(c.settings.calendars).each(function(){var t,n;if(e.isArray(this)){t=this}else if(typeof this=="string"){t=this}else if(e.isPlainObject(this)){t=this.events;n=this.color}if(e.isArray(t)){for(var r=0;r<t.length;r++){if(!("color"in t[r]))t[r].color=n;f.add.apply(l,[t[r]])}}else if(typeof t=="string"){e.ajax(t,{accepts:"text/calendar",dataType:"text",type:"get",crossDomain:true,data:{from:c.settings.datefrom,to:c.settings.dateto},success:function(t){var r=u.parse.icalendar.apply(l,[t]);console.log("Parsed: ",r);if(r&&"events"in r&&e.isArray(r.events)&&r.events.length>0){for(var i=0,s;i<r.events.length;i++){if(!("color"in r.events[i]))r.events[i].color=n;f.add.apply(l,[r.events[i]])}}}})}});c.settings.calendars=undefined;c.settings.events=undefined;c.settings.onload.apply(l)}})},events:function(){var n=e(this),r=n.data(t);if(r){return r.cache.events}return[]},event:function(n){var r=e(this),i=r.data(t);if(i&&n in i.cache.events){return i.cache.events[n]}return false},add:function(n,r){var i=e(this),s=i.data(t);if(s){if(!"uid"in n)throw u.errors.eventParse("Missing unique id (uid)",n);if(!"begins"in n)throw u.errors.eventParse("Missing start date/time (begins)",n);if(!"ends"in n)throw u.errors.eventParse("Missing end date/time (ends)",n);if(n.uid in s.cache.events)throw u.errors.eventParse("UID must be unique",n);var o=e[t].date(n.begins),a=e[t].date(n.ends);var l={elems:e([]),calendar:i,uid:n.uid,begins:o,ends:a,resource:s.settings.resources&&n.resource?u.resourceIndex.apply(this,[n.resource,s]):null,colors:n.color?e[t].colors.generate(n.color):s.settings.defaultcolor,title:n.title||null,notes:n.notes||"",repeat:{rules:{include:n.repeat&&n.repeat.rules&&n.repeat.rules.include?n.repeat.rules.include:[],exclude:n.repeat&&n.repeat.rules&&n.repeat.rules.exclude?n.repeat.rules.exclude:[]},dates:{include:n.repeat&&n.repeat.dates&&n.repeat.dates.include?n.repeat.dates.include:[],exclude:n.repeat&&n.repeat.dates&&n.repeat.dates.exclude?n.repeat.dates.exclude:[]}},cache:{},overlap:{inset:[],depth:[]}};if(l.resource===false)throw u.errors.eventParse("Invalid resource id (resource)",n);if(!(l.begins instanceof Date))throw u.errors.eventParse("Invalid start date/time (begins)",n);s.cache.events[l.uid]=l;i.data(t,s);if(e.isPlainObject(r)){l.cache.repeat=false;l.cache.repeats=r.uid}else{l.cache.repetitions=u.repetitions.apply(this,[s,l]);for(var c in l.cache.repetitions){r=e.extend(true,{},n);r.repeat=false;r.uid="--repeat--"+c+"|"+l.uid;r.begins=l.cache.repetitions[c];r.ends=l.cache.repetitions[c].addDays(l.begins.getDaysBetween(l.ends));f.add.apply(this,[r,n])}}if(u.inrange.apply(this,[o,a,s.settings.startdate,s.cache.enddate])){u.draw[s.type].event.apply(i,[s,l])}}return i},remove:function(n,r,i){var s=e(this),o,a=s.data(t);if(a&&n in a.cache.events){o=a.cache.events[n].elems;u.event.remove.apply(o,[null,r,i])}return s},clear:function(n,r){var s=e(this),o=null,a=s.data(t);if(n===undefined)n="fast";if(!r)r=a.settings.easing.eventremove;if(a){for(i in a.cache.events){o=a.cache.events[i].elems;u.event.remove.apply(o,[null,n,r])}a.cache.events=new Object}},update:function(n,r,i){var s=e(this),o,a=s.data(t);if(a){if(r===undefined)r="fast";if(e.isArray(n)){for(var f=0;f<n.length;f++){o=a.elements.container.find("div.ui-"+t+'-event[data-id="'+n[f].uid+'"]');if(o.length>0){u.event.update.apply(o,[n[f],r,i])}}}else{o=a.elements.container.find("div.ui-"+t+'-event[data-id="'+n.uid+'"]');if(o.length>0){u.event.update.apply(o,[n,r,i])}}}return s},select:function(n,r,i){var s=e(this),o=s.data(t);if(o){$event=o.elements.container.find("div.ui-"+t+'-event[data-id="'+n+'"]');if($event.length>0){u.event.select.apply($event,[r,i])}}return s},option:function(n,i){var o=e(this),a=o.data(t);if(a){if(typeof n=="undefined")return a.settings;if(typeof n=="object"){for(var l in n){if(n.hasOwnProperty(l)){f.option.apply(o,[l,n[l]])}}return o}if(!n in a.settings)return false;if(typeof i=="undefined"){return a.settings[n]}else{switch(n){case"allowremove":a.elements.container.find("div.ui-"+t+"-event span.button-remove").toggle(Boolean(i));break;case"allowresize":a.elements.container.find("p.resize-top, p.resize-bottom").toggle(Boolean(i));break;case"startdate":var c=e[t].date(i,a.settings.daytimestart),h=a.settings.startdate;a.settings.startdate=c;a.cache.enddate=c.addDays(a.settings.daystodisplay);o.data(t,a);var p,d;for(var v in a.cache.events){p=a.cache.events[v];if(!p.cache.repeats){for(var m in p.cache.repetitions){var d=p.cache.repetitions[m];delete a.cache.events[d.uid];o.data(t,a);if("elems"in d&&d.elems.length>0){d.elems.remove()}}p.cache.repetitions=u.repetitions.apply(this,[a,p]);for(var m in p.cache.repetitions){d=e.extend(true,{},p);d.repeat=false;d.uid="--repeat--"+m+"|"+p.uid;d.begins=p.cache.repetitions[m];d.ends=p.cache.repetitions[m].addDays(p.begins.getDaysBetween(p.ends));if(!(d.uid in a.cache.events)){f.add.apply(this,[d,p])}else{u.draw[a.type].event.apply(o,[a,d])}}if(!u.inrange.apply(this,[p.begins,p.ends,a.settings.startdate,a.cache.enddate])){if("elems"in p&&p.elems.length>0){p.elems.detach()}}else{u.draw[a.type].event.apply(o,[a,p])}}else{delete a.cache.events[p.uid];o.data(t,a);if("elems"in p&&p.elems.length>0){p.elems.remove()}else{u.draw[a.type].event.apply(o,[a,p])}}}var g=e("div.ui-"+t+"-date, div.ui-"+t+"-label-date",a.elements.container).removeClass("ui-"+t+"-today"),y=e[t].date().format("Y-m-d");switch(a.type){case r:e("div.ui-"+t+"-label-date",a.elements.dateline).removeClass("ui-"+t+"-today").each(function(n,r){var i=e(r),s=c.addDays(n),o=s.format("Y-m-d");i.attr({date:o});if(o===y)i.addClass("ui-"+t+"-today")});e("div.ui-"+t+"-date",a.elements.container).removeClass("ui-"+t+"-today").each(function(n,r){var i=e(r),s=c.addDays(n),o=s.format("Y-m-d");i.attr({date:o,day:s.getDay()}).find("p").html(s.format("j")).end();if(o===y)i.addClass("ui-"+t+"-today")});break;case s:e("div.ui-"+t+"-label-date",a.elements.dateline).removeClass("ui-"+t+"-today").each(function(n,r){var i=e(r),s=c.addDays(n),o=s.format("Y-m-d");g.eq(n).attr({date:o,day:s.getDay()});i.attr({date:o,day:s.getDay()}).find("p").html(s.format(a.settings.maskdatelabel)).end();if(o===y)i.add(g.eq(n)).addClass("ui-"+t+"-today")});e("div.ui-"+t+"-date",a.elements.container).removeClass("ui-"+t+"-today").each(function(n,r){var i=e(date),s=c.addDays(n),o=s.format("Y-m-d");i.attr({date:o,day:s.getDay()});if(o===y)i.addClass("ui-"+t+"-today")});break}return o;break;default:a.settings[n]=i;break}return o}}},version:function(){return t+" v"+n},destroy:function(){return this.each(function(){var n=e(this),r=n.data(t);if(r){for(var i=0;i<r.cache.events.length;i++){r.cache.events[i].elems.remove()}n.removeData(t);n.empty()}})}};e.fn[t]=function(n){if(f[n]){return f[n].apply(this,Array.prototype.slice.call(arguments,1))}else if(typeof n==="object"||!n){return f.init.apply(this,arguments)}else{e.error("Method "+n+" does not exist on jQuery."+t)}};e[t]={};e[t].colors={named:{aliceblue:"#F0F8FF",antiquewhite:"#FAEBD7",aqua:"#00FFFF",aquamarine:"#7FFFD4",azure:"#F0FFFF",beige:"#F5F5DC",bisque:"#FFE4C4",black:"#000000",blanchedalmond:"#FFEBCD",blue:"#0000FF",blueviolet:"#8A2BE2",brown:"#A52A2A",burlywood:"#DEB887",cadetblue:"#5F9EA0",chartreuse:"#7FFF00",chocolate:"#D2691E",coral:"#FF7F50",cornflowerblue:"#6495ED",cornsilk:"#FFF8DC",crimson:"#DC143C",cyan:"#00FFFF",darkblue:"#00008B",darkcyan:"#008B8B",darkgoldenrod:"#B8860B",darkgray:"#A9A9A9",darkgreen:"#006400",darkkhaki:"#BDB76B",darkmagenta:"#8B008B",darkolivegreen:"#556B2F",darkorange:"#FF8C00",darkorchid:"#9932CC",darkred:"#8B0000",darksalmon:"#E9967A",darkseagreen:"#8FBC8F",darkslateblue:"#483D8B",darkslategray:"#2F4F4F",darkturquoise:"#00CED1",darkviolet:"#9400D3",deeppink:"#FF1493",deepskyblue:"#00BFFF",dimgray:"#696969",dodgerblue:"#1E90FF",firebrick:"#B22222",floralwhite:"#FFFAF0",forestgreen:"#228B22",fuchsia:"#FF00FF",gainsboro:"#DCDCDC",ghostwhite:"#F8F8FF",gold:"#FFD700",goldenrod:"#DAA520",gray:"#808080",green:"#008000",greenyellow:"#ADFF2F",honeydew:"#F0FFF0",hotpink:"#FF69B4",indianred:"#CD5C5C",indigo:"#4B0082",ivory:"#FFFFF0",khaki:"#F0E68C",lavender:"#E6E6FA",lavenderblush:"#FFF0F5",lawngreen:"#7CFC00",lemonchiffon:"#FFFACD",lightblue:"#ADD8E6",lightcoral:"#F08080",lightcyan:"#E0FFFF",lightgoldenrodyellow:"#FAFAD2",lightgrey:"#D3D3D3",lightgreen:"#90EE90",lightpink:"#FFB6C1",lightsalmon:"#FFA07A",lightseagreen:"#20B2AA",lightskyblue:"#87CEFA",lightslategray:"#778899",lightsteelblue:"#B0C4DE",lightyellow:"#FFFFE0",lime:"#00FF00",limegreen:"#32CD32",linen:"#FAF0E6",magenta:"#FF00FF",maroon:"#800000",mediumaquamarine:"#66CDAA",mediumblue:"#0000CD",mediumorchid:"#BA55D3",mediumpurple:"#9370D8",mediumseagreen:"#3CB371",mediumslateblue:"#7B68EE",mediumspringgreen:"#00FA9A",mediumturquoise:"#48D1CC",mediumvioletred:"#C71585",midnightblue:"#191970",mintcream:"#F5FFFA",mistyrose:"#FFE4E1",moccasin:"#FFE4B5",navajowhite:"#FFDEAD",navy:"#000080",oldlace:"#FDF5E6",olive:"#808000",olivedrab:"#6B8E23",orange:"#FFA500",orangered:"#FF4500",orchid:"#DA70D6",palegoldenrod:"#EEE8AA",palegreen:"#98FB98",paleturquoise:"#AFEEEE",palevioletred:"#D87093",papayawhip:"#FFEFD5",peachpuff:"#FFDAB9",peru:"#CD853F",pink:"#FFC0CB",plum:"#DDA0DD",powderblue:"#B0E0E6",purple:"#800080",reactorblue:"#0266A1",red:"#FF0000",rosybrown:"#BC8F8F",royalblue:"#4169E1",saddlebrown:"#8B4513",salmon:"#FA8072",sandybrown:"#F4A460",seagreen:"#2E8B57",seashell:"#FFF5EE",sienna:"#A0522D",silver:"#C0C0C0",skyblue:"#87CEEB",slateblue:"#6A5ACD",slategray:"#708090",snow:"#FFFAFA",springgreen:"#00FF7F",steelblue:"#4682B4",tan:"#D2B48C",teal:"#008080",thistle:"#D8BFD8",tomato:"#FF6347",turquoise:"#40E0D0",violet:"#EE82EE",wheat:"#F5DEB3",white:"#FFFFFF",whitesmoke:"#F5F5F5",yellow:"#FFFF00",yellowgreen:"#9ACD32"},HexToRGB:function(n,r){return(r!==undefined?"rgba":"rgb")+"("+e[t].colors.HexToR(n)+", "+e[t].colors.HexToG(n)+", "+e[t].colors.HexToB(n)+(r!==undefined?", "+r+")":")")},HexToR:function(n){return parseInt(e[t].colors.cutHex(n).substring(0,2),16)},HexToG:function(n){return parseInt(e[t].colors.cutHex(n).substring(2,4),16)},HexToB:function(n){return parseInt(e[t].colors.cutHex(n).substring(4,6),16)},cutHex:function(n){return n.charAt(0)=="#"?e[t].colors.padHex(n.substring(1,7)):e[t].colors.padHex(n)},padHex:function(e){return e.length>3?e:e.substring(0,1)+e.substring(0,1)+e.substring(1,2)+e.substring(1,2)+e.substring(2,3)+e.substring(2,3)},HueToRGB:function(e,t,n){if(n<0)n+=1;if(n>1)n-=1;if(n<1/6)return e+(t-e)*6*n;if(n<1/2)return t;if(n<2/3)return e+(t-e)*(2/3-n)*6;return e},HSLToRGB:function(n,r,i,s,o){var u,a,f;n/=360;r/=100;i/=100;if(r==0){u=a=f=i}else{var l=i<.5?i*(1+r):i+r-i*r;var c=2*i-l;u=e[t].colors.HueToRGB(c,l,n+1/3);a=e[t].colors.HueToRGB(c,l,n);f=e[t].colors.HueToRGB(c,l,n-1/3)}var h=[Math.round(u*255),Math.round(a*255),Math.round(f*255)];if(o){if(s!==undefined){h[3]=s}return h}return(s!==undefined?"rgba":"rgb")+"("+h.join(", ")+(s!==undefined?", "+s+")":")")},RGBToHSL:function(e,t,n){e/=255,t/=255,n/=255;var r=Math.max(e,t,n),i=Math.min(e,t,n);var s,o,u=(r+i)/2;if(r==i){s=o=0}else{var a=r-i;o=u>.5?a/(2-r-i):a/(r+i);switch(r){case e:s=(t-n)/a+(t<n?6:0);break;case t:s=(n-e)/a+2;break;case n:s=(e-t)/a+4;break}s/=6}return[Math.round(s*360),Math.round(o*100),Math.round(u*100)]},brightness:function(e,t,n){return(e*299+t*587+n*114)/1e3},generate:function(n){function o(t,n,r){var i=e.extend([],t);i[1]=Math.max(0,i[1]+n/2);i[2]=Math.min(100,i[2]+n);if(r!==undefined)i[3]=r;return i}function u(t,n,r){var i=e.extend([],t);i[2]=Math.max(0,i[2]-n);if(r!==undefined)i[3]=r;return i}var r=10;if(n in e[t].colors.named){n=e[t].colors.named[n]}if(n.match(/^#?([0-9A-Fa-f]{3,6})$/)){var i=[e[t].colors.HexToR(n),e[t].colors.HexToG(n),e[t].colors.HexToB(n)];var s=e[t].colors.RGBToHSL(i[0],i[1],i[2])}else if(n.replace(/ /g,"").match(/([rR][gG][bB]\s*\(\s*\b([0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-4][0-9]|25[0-5])\b\s*,\s*\b([0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-4][0-9]|25[0-5])\b\s*,s*\b([0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-4][0-9]|25[0-5])\b\s*\))|([rR][gG][bB]\(\s*(\d?\d%|100%)+\s*,\s*(\d?\d%|100%)+\s*,\s*(\d?\d%|100%)+\s*\))/)){var i=n.replace(/[a-zA-Z\(\) ]/g,"").split(",");var s=e[t].colors.RGBToHSL(i[0],i[1],i[2])}else if(n.replace(/ /g,"").match(/([hH][sS][lL]\s*\(\s*([0-9]|[1-9][0-9]|[1-2][0-9][0-9]|3[0-5][0-9]|360)\s*,\s*(\d?\d%|100%)\s*,\s*(\d?\d%|100%)\s*\))/)){var s=n.replace(/[a-zA-Z\(\) %]/g,"").split(",")}else{throw new Error("Invalid Colour: could not parse "+n+" as a color.")}if(s[1]<r)s[1]+=r;if(s[1]>100-r)s[1]-=r;if(s[2]>100-r)s[2]-=r;if(s[2]<r)s[2]+=r;var a=e[t].colors.HSLToRGB.apply(this,o(s,r*5,.3));var f=e[t].colors.HSLToRGB.apply(this,o(s,r*3,.75));var l=e[t].colors.brightness.apply(this,e[t].colors.HSLToRGB(s[0],s[1],s[2],undefined,true))>125?"#333333":"#FFFFFF";return{original:n,mainBackground:e[t].colors.HSLToRGB.apply(this,s),mainTextShadow:a,mainShadow:f,mainText:l,mainSelected:e[t].colors.HSLToRGB.apply(this,u(s,r)),detailsBackground:e[t].colors.HSLToRGB.apply(this,o(s,r)),detailsTextShadow:a,detailsShadow:f,detailsText:l}}};e[t].lang={en:{short_month:Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"),long_month:Array("January","February","March","April","May","June","July","August","September","October","November","December"),short_day:Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat"),long_day:Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"),label_remove:"Remove",label_today:"Today"}};var l={d:function(){return(this.getDate()<10?"0":"")+this.getDate()},D:function(){return e[t].lang[this.lang].short_day[this.getDay()]},j:function(){return this.getDate()},l:function(){return e[t].lang[this.lang].long_day[this.getDay()]},N:function(){return this.getDay()+1},S:function(){return this.getDate()%10==1&&this.getDate()!=11?"st":this.getDate()%10==2&&this.getDate()!=12?"nd":this.getDate()%10==3&&this.getDate()!=13?"rd":"th"},w:function(){return this.getDay()},z:function(){if(window.console){console.error("Mask 'z' Not Yet Supported")}return"z"},W:function(){var e=new Date(this.getFullYear(),0,1);return Math.ceil(((this-e)/864e5+e.getDay()+1)/7)},F:function(){return e[t].lang[this.lang].long_month[this.getMonth()]},m:function(){return(this.getMonth()+1<10?"0":"")+(this.getMonth()+1)},M:function(){return e[t].lang[this.lang].short_month[this.getMonth()]},n:function(){return this.getMonth()+1},t:function(){return(new Date(new Date(this.getFullYear(),this.getMonth()+1,1)-1)).getDate()},L:function(){if(window.console){console.error("Mask 'L' Not Yet Supported")}return"L"},o:function(){if(window.console){console.error("Mask 'o' Not Yet Supported")}return"o"},Y:function(){return this.getFullYear()},y:function(){return(""+this.getFullYear()).substr(2)},a:function(){return this.getHours()<12?"am":"pm"},A:function(){return this.getHours()<12?"AM":"PM"},B:function(){if(window.console){console.error("Mask 'B' Not Yet Supported")}return"B"},g:function(){return this.getHours()==0?12:this.getHours()>12?this.getHours()-12:this.getHours()},G:function(){return this.getHours()},h:function(){return(this.getHours()<10||12<this.getHours()<22?"0":"")+(this.getHours()<10?this.getHours()+1:this.getHours()-12)},H:function(){return(this.getHours()<10?"0":"")+this.getHours()},i:function(){return(this.getMinutes()<10?"0":"")+this.getMinutes()},s:function(){return(this.getSeconds()<10?"0":"")+this.getSeconds()},e:function(){if(window.console){console.error("Mask 'e' Not Supported")}return"e"},I:function(){if(window.console){console.error("Mask 'I' Not Supported")}return"I"},O:function(){return this.toString().match(/GMT([+-][0-9]+) \(([a-zA-Z]+)\)/)[1]},P:function(){var e=this.toString().match(/GMT([+-][0-9]+) \(([a-zA-Z]+)\)/)[1].split("");e.splice(-2,0,":");return e.join("")},T:function(){return this.toString().match(/GMT([+-][0-9]+) \(([a-zA-Z]+)\)/)[2]},Z:function(){return this.getTimezoneOffset()*60},c:function(){return l.Y.apply(this)+"-"+l.m.apply(this)+"-"+l.d.apply(this)+"T"+l.H.apply(this)+":"+l.i.apply(this)+":"+l.s.apply(this)+l.P.apply(this)},C:function(){return l.c.apply(this).replace(l.P.apply(this),"")+"Z"},r:function(){return this.toString()},U:function(){return this.getTime()/1e3}};var c={d:function(){return(this.getUTCDate()<10?"0":"")+this.getUTCDate()},D:function(){return e[t].lang[this.lang].short_day[this.getUTCDay()]},j:function(){return this.getUTCDate()},l:function(){return e[t].lang[this.lang].long_day[this.getUTCDay()]},N:function(){return this.getUTCDay()+1},S:function(){return this.getUTCDate()%10==1&&this.getUTCDate()!=11?"st":this.getUTCDate()%10==2&&this.getUTCDate()!=12?"nd":this.getUTCDate()%10==3&&this.getUTCDate()!=13?"rd":"th"},w:function(){return this.getUTCDay()},z:l.z,W:function(){var e=new Date(this.getUTCFullYear(),0,1);return Math.ceil(((this-e)/864e5+e.getUTCDay()+1)/7)},F:function(){return e[t].lang[this.lang].long_month[this.getUTCMonth()]},m:function(){return(this.getUTCMonth()+1<10?"0":"")+(this.getUTCMonth()+1)},M:function(){return e[t].lang[this.lang].short_month[this.getUTCMonth()]},n:function(){return this.getUTCMonth()+1},t:function(){return(new Date(new Date(this.getUTCFullYear(),this.getUTCMonth()+1,1)-1)).getUTCDate()},L:l.L,o:l.o,Y:function(){return this.getUTCFullYear()},y:function(){return(""+this.getUTCFullYear()).substr(2)},a:function(){return this.getUTCHours()<12?"am":"pm"},A:function(){return this.getUTCHours()<12?"AM":"PM"},B:l.B,g:function(){return this.getUTCHours()==0?12:this.getUTCHours()>12?this.getUTCHours()-12:this.getUTCHours()},G:function(){return this.getUTCHours()},h:function(){return(this.getUTCHours()<10||12<this.getUTCHours()<22?"0":"")+(this.getUTCHours()<10?this.getUTCHours()+1:this.getUTCHours()-12)},H:function(){return(this.getUTCHours()<10?"0":"")+this.getUTCHours()},i:function(){return(this.getUTCMinutes()<10?"0":"")+this.getUTCMinutes()},s:function(){return(this.getUTCSeconds()<10?"0":"")+this.getUTCSeconds()},e:l.e,I:l.I,O:l.O,P:l.P,T:l.T,Z:l.Z,c:function(){return c.Y.apply(this)+"-"+c.m.apply(this)+"-"+c.d.apply(this)+"T"+c.H.apply(this)+":"+c.i.apply(this)+":"+c.s.apply(this)+c.P.apply(this)},C:function(){return c.c.apply(this).replace(c.P.apply(this),"")+"Z"},r:l.r,U:function(){return this.getUTCTime()/1e3}};e[t].format=function(e,t,n){var r="",i="";var s=n?c:l;for(var o=0;o<t.length;o++){i=t.charAt(o);if(i=="\\"&&s[t.charAt(o+1)]){r+=t.charAt(o+1);o++}else if(l[i]){r+=s[i].call(e)}else{r+=i}}return r};e[t].date=function(n,r,i){var s;var o;if(n instanceof Date){s=new Date(Date.UTC(n.getUTCFullYear(),n.getUTCMonth(),n.getUTCDate(),n.getUTCHours(),n.getUTCMinutes(),n.getUTCSeconds(),0));if(r!==undefined){var u=r.match(/[0-9]{1,2}:[0-9]{1,2}:[0-9]{1,2}([Zz])?/)?true:r==""?true:false;if(u){var a,f,l;a=f=g=0;r=r.split(":");a=r[0];f=r[1];g=r[2];if((r[3]||"").toLowerCase()=="z"){s.setUTCHours(a);s.setUTCMinutes(f);s.setUTCSeconds(g)}else{s.setHours(a);s.setMinutes(f);s.setSeconds(g)}}}if("lang"in s)return s}else if(typeof n=="string"||n&&typeof n=="object"&&"toString"in n){if(n.toString()!==""){var c=n.toString().split(/[Tt ]/);if(r!==undefined){c[1]=!r?"":r}var h=0 in c?c[0]==""?null:c[0].match(/([0-9]{2,4})-?([0-9]{2})-?([0-9]{2})/):null;var p=1 in c?c[1]==""?null:c[1].match(/([0-9]{2}):?([0-9]{2}):?([0-9]{2})([Zz])?/):null;if(h===null){var d=new Date;h=["",d.getFullYear(),d.getMonth()+1,d.getDate()]}if(p===null)p=["",0,0,0];if(h&&p){var v=h[1],m=h[2]-1,l=h[3],a=p[1],f=p[2],g=p[3];if((p[4]||"").toLowerCase()=="z"){s=new Date(Date.UTC(v,m,l,a,f,g,0))}else{s=new Date(v,m,l,a,f,g)}}}}if(!(s instanceof Date)||isNaN(s))s=new Date;s.lang=i||"en";s.roundToDay=function(){return e[t].date(new Date(this.getUTCFullYear(),this.getUTCMonth(),this.getUTCDate(),0,0,0))};s.roundToMonth=function(){return e[t].date(new Date(this.getUTCFullYear(),this.getUTCMonth(),1,0,0,0))};s.getUTCTime=function(){return this.getTime()+this.getTimezoneOffset()*6e4};s.getYearsBetween=function(e,t){var n=this.getMonthsBetween(e);return Math.floor(n/12)};s.getMonthsBetween=function(e,t){var n=this.copy(),r=e.copy();var i=n.copy();i.setDate(1);i.setMonth(i.getMonth()+1);i.setDate(0);i=i.getDate();var s=r.copy();s.setDate(1);s.setMonth(s.getMonth()+1);s.setDate(0);s=s.getDate();if(t){n.setDate(1);r.setDate(1)}var o=n.getFullYear()*12+n.getMonth();var u=r.getFullYear()*12+r.getMonth();if(!t){o+=(n.getDate()+n.getHours()/24+n.getMinutes()/24/60-1)/i;u+=(r.getDate()+r.getHours()/24+n.getMinutes()/24/60-1)/s}return u-o};s.getWeeksBetween=function(e,t){var n=this.copy();var r=e.copy();if(t){n=n.addDays(1-n.getDay());n.setHours(0,0,0,0)}var i=n.getDaysBetween(r)/7;return t?Math.floor(i):i};s.getDaysBetween=function(e,t){var n=e.copy();if(t)n.setHours(this.getHours(),this.getMinutes(),this.getSeconds(),this.getMilliseconds());var r=(-this.getTimezoneOffset()/60- -n.getTimezoneOffset()/60)*36e5;var i=n.getTime()-this.getTime();return(i-r)/864e5};s.getHoursBetween=function(e,t){var n=e.copy();if(t)n.setMinutes(this.getMinutes(),this.getSeconds(),this.getMilliseconds());var r=(-this.getTimezoneOffset()/60- -n.getTimezoneOffset()/60)*36e5;var i=n.getTime()-this.getTime();return(i-r)/36e5};s.getMinutesBetween=function(e,t){var n=e.copy();if(t)n.setSeconds(this.getSeconds(),this.getMilliseconds());var r=(-this.getTimezoneOffset()/60- -n.getTimezoneOffset()/60)*36e5;var i=n.getTime()-this.getTime();return(i-r)/6e4};s.getSecondsBetween=function(e,t){return t?Math.round(this.getMinutesBetween(e)*60):this.getMinutesBetween(e)*60};s.addYears=function(e){var t=Math.floor(e);var n=Math.floor((e-t)*12);var r=this.copy();r.setFullYear(this.getFullYear()+t);r.setMonth(this.getMonth()+n);return r};s.addMonths=function(e){var t=Math.floor(e);var n=this.copy();n.setMonth(this.getMonth()+t);return n};s.addDays=function(e){var t=Math.floor(e);var n=Math.floor((e-t)*24);var r=Math.floor((e-t-n/24)*24*60);var i=Math.floor((e-t-n/24-r/24/60)*24*60*60);var s=this.copy();s.setDate(this.getDate()+t);s.setHours(this.getHours()+n);s.setMinutes(this.getMinutes()+r);s.setSeconds(this.getSeconds()+i);return s};s.addHours=function(e){var t=Math.floor(e);var n=Math.floor((e-t)*60);var r=Math.floor((e-t-n/60)*60*60);var i=this.copy();i.setHours(this.getHours()+t);i.setMinutes(this.getMinutes()+n);i.setSeconds(this.getSeconds()+r);return i};s.addMinutes=function(e){var t=Math.floor(e);var n=Math.floor((e-t)*60);var r=this.copy();r.setMinutes(this.getMinutes()+t);r.setSeconds(this.getSeconds()+n);return r};s.addSeconds=function(e){var t=Math.floor(e);var n=this.copy();n.setSeconds(this.getSeconds()+t);return n};s.copy=function(){return e[t].date(this.format("Y-m-d H:i:s"))};s.format=function(n){return e[t].format(this,n)};s.formatUTC=function(n){return e[t].format(this,n,true)};s.incrementBy=function(e,t){if(t!==undefined&&(isNaN(Number(t))||!(Number(t)!==0)))return this;if(!(typeof e=="string"||typeof e=="number")&&(e==null||e==undefined||e==false||!("toString"in e)))return this.copy();var n=e.split(" ");var r=Number(n[0]);var i=n[1]||"hour";if(t!==null&&t!==undefined&&t!==false&&!isNaN(t))r=r*t;if(r!==0){switch(i.toString().replace(/s$/,"").toLowerCase()){case"sec":case"second":return this.addMinutes(r/60);case"min":case"minute":return this.addMinutes(r);case"hour":return this.addHours(r);case"day":return this.addDays(r);case"week":return this.addDays(r*7);case"month":return this.addMonths(r);case"year":return this.addYears(r)}}return this.copy()};s.getIncrementBetween=function(e,t){if(!(e instanceof Date)||!t)return 0;var n=t.split(" ");var r=Number(n[0]);var i=n[1]||"hour";if(r!==0){switch(i.toString().replace(/s$/,"").toLowerCase()){case"sec":case"second":return this.getMinutesBetween(e)/60/r;case"min":case"minute":return this.getMinutesBetween(e)/r;case"hour":return this.getHoursBetween(e)/r;case"day":return this.getDaysBetween(e)/r;case"week":return this.getDaysBetween(e)/7/r;case"month":return this.getMonthsBetween(e)/r;case"year":return this.getYearsBetween(e)/r}}return Infinity};s.roundToIncrement=function(n){if(!(typeof n=="string"||typeof n=="number")&&(n==null||n==undefined||n==false||!("toString"in n)))return this.copy();var r=n.split(" ");var i=Number(r[0]);var s=r[1]||"hour";var o=this.getTime();if(i!==0){var u=0;switch(s.toString().replace(/s$/,"").toLowerCase()){case"sec":case"second":u=1e3*i;break;case"min":case"minute":u=6e4*i;break;case"hour":u=36e5*i;break;case"day":u=864e5*i;return e[t].date(new Date(Math.round((o+432e5)/u)*u)).addHours(-12);case"week":var a=this.getDay();var f=null;if(a<3){f=this.addDays(0-a)}else if(a>3){f=this.addDays(7-a)}else{f=this.addDays(this.getHours()>=12?7-a:0-a)}f.setHours(0,0,0,0);return f;break;case"month":var l=e[t].date(this.format("Y-m-01 00:00:00"));var c=l.getDaysBetween(l.addMonths(1))/2;if(this.getDate()>=c){return l.addMonths(1)}else{return l}break;case"year":var h=e[t].date(this.format("Y-01-01 00:00:00"));var c=h.getDaysBetween(h.addYears(1))/2;var p=h.getDaysBetween(this);if(p>=c){return h.addYears(1)}else{return h}break}return e[t].date(new Date(Math.round(o/u)*u))}return this};return s};e[t].incrementsIn=function(n,r){var i=e[t].date("1970-01-01 00:00:00");return i.getIncrementBetween(i.incrementBy(n),r)}})(jQuery)


--------------------------------------------------------------------------------