fullcalendar/tests/triggers.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<script type='text/javascript' src='../src/_loader.js?debug'></script>
<script type='text/javascript'>

	/*
	TODO:
	this file demonstrates a bug, unrelated to triggers, where starting off in a small window,
	changing to agendaWeek, maximizing the window, switching to month causes the last column of
	events to be misaligned (don't stretch all the way right)
	this happens due to agendaWeek being taller than month before the switch back
	*/

	var date = new Date();
	var d = date.getDate();
	var m = date.getMonth();
	var y = date.getFullYear();

	$(document).ready(function() {
		$('#calendar').fullCalendar({
			weekends: false,
			//defaultView: 'agendaWeek',
			
			header: {
				left: 'prev,next today',
				center: 'title',
				right: 'month,agendaWeek,basicWeek,agendaDay,basicDay'
			},
			editable: true,
			weekMode: 'variable',
			//isRTL: true,
			
			viewDisplay: function(view) {
				console.log('viewDisplay');
				console.log(view.start + ' - ' + view.end);
				console.log(view.visStart + ' - ' + view.visEnd);
				//console.log(view);
				//console.log(this);
			},
			
			//loading: // see sources.html
			
			windowResize: function(view) {
				console.log('windowResize - ' + view.title);
				//console.log(this);
			},
			
			minTime: '5',
			maxTime: '21:30',
			dayClick: function(dayDate, allDay, ev, view) {
				//alert(dayDate);
				console.log('dayClick - ' + dayDate + ', allDay:' + allDay + ' - ' + view.title);
				//console.log(ev);
				console.log(this);
			},
			
			selectable: true,
			select: function(start, end, allDay) {
				console.log('select', start, end, allDay);
			},
			unselect: function() {
				console.log('unselect');
			},
			
			eventRender: function(event, element, view) {
				if (event.id == 888) {
					return false;
				}
				else if (event.id == 777) {
					return $("<div style='background:green'>").text(event.title);
				}
				else if (event.id == 999) {
					element.css('border-color', 'red');
					//console.log('renderEvent (' + event.title + ') - ' + view.title);
				}
			},
			eventAfterRender: function(event, element, view) {
				//console.log('after render for "' + event.title + '":');
				//console.log(element);
			},
			
			eventClick: function(event, jsEvent, view) {
				console.log('EVENT CLICK ' + event.title);
				//console.log(jsEvent);
				//console.log(view);
				//console.log(this);
				//return false;
			},
			
			
			eventMouseover: function(event, jsEvent, view) {
				console.log('MOUSEOVER ' + event.title);
				//console.log(jsEvent);
				//console.log(view);
				//console.log(this);
			},
			eventMouseout: function(event, jsEvent, view) {
				console.log('MOUSEOUT ' + event.title);
				//console.log(jsEvent);
				//console.log(view);
				//console.log(this);
			},
			
			
			eventDragStart: function(event, jsEvent, ui, view) {
				console.log('DRAG START ' + event.title);
				console.log(this);
			},
			eventDragStop: function(event, jsEvent, ui, view) {
				console.log('DRAG STOP ' + event.title);
				console.log(this);
			},
			eventDrop: function(event, dayDelta, minuteDelta, allDay, revertFunc, jsEvent, ui, view) {
				console.log('DROP ' + event.title);
				console.log(dayDelta + ' days');
				console.log(minuteDelta + ' minutes');
				console.log('allday: ' + allDay);
				//setTimeout(function() {
				//	revertFunc();
				//}, 2000);
				//console.log(jsEvent);
				//console.log(ui);
				//console.log(view.title);
				//console.log(this);
			},
			
			eventResizeStart: function(event, jsEvent, ui, view) {
				console.log('RESIZE START ' + event.title);
				//console.log(this);
			},
			eventResizeStop: function(event, jsEvent, ui, view) {
				console.log('RESIZE STOP ' + event.title);
				//console.log(this);
			},
			eventResize: function(event, dayDelta, minuteDelta, revertFunc, jsEvent, ui, view) {
				console.log('RESIZE!! ' + event.title);
				console.log(dayDelta + ' days');
				console.log(minuteDelta + ' minutes');
				//setTimeout(function() {
				//	revertFunc();
				//}, 2000);
				//console.log(jsEvent);
				//console.log(ui);
				//console.log(view.title);
				//console.log(this);
			},
			
			events: [
				{
					title: 'All Day Event',
					start: new Date(y, m, 1)
				},
				{
					title: 'Long Event',
					start: new Date(y, m, d-5),
					end: new Date(y, m, d-2)
				},
				{
					id: 999,
					title: 'Repeating Event',
					start: new Date(y, m, d-3, 16, 0),
					allDay: false
				},
				{
					id: 999,
					title: 'Repeating Event',
					start: new Date(y, m, d+4, 16, 0),
					allDay: false
				},
				{
					id: 888,
					title: 'Meeting',
					start: new Date(y, m, d, 10, 30),
					allDay: false
				},
				{
					id: 777,
					title: 'Lunch',
					start: new Date(y, m, d, 12, 0),
					end: new Date(y, m, d, 14, 0),
					allDay: false
				},
				{
					title: 'Birthday Party',
					start: new Date(y, m, d+1, 19, 0),
					end: new Date(y, m, d+1, 22, 30),
					allDay: false
				},
				{
					title: 'Click for Google',
					start: new Date(y, m, 28),
					end: new Date(y, m, 29),
					url: 'http://google.com/'
				}
			]
		});
	});

</script>
</head>
<body style='font-size:12px'>
<div id='calendar' style='width:75%;margin:20px auto 0;font-family:arial'></div>
</body>
</html>
2009-09-17 08:30:10 +02:00			`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">`
			`<html>`
			`<head>`
refactored js, split into more files (much more manageable). tested 2010-09-19 07:54:35 +02:00			`<script type='text/javascript' src='../src/_loader.js?debug'></script>`
2009-09-17 08:30:10 +02:00			`<script type='text/javascript'>`

refactored js, split into more files (much more manageable). tested 2010-09-19 07:54:35 +02:00			`/*`
			`TODO:`
			`this file demonstrates a bug, unrelated to triggers, where starting off in a small window,`
			`changing to agendaWeek, maximizing the window, switching to month causes the last column of`
			`events to be misaligned (don't stretch all the way right)`
			`this happens due to agendaWeek being taller than month before the switch back`
			`*/`

locked down examples/tests for 1.4, some minor bugfixes 2009-10-19 07:33:14 +02:00			`var date = new Date();`
			`var d = date.getDate();`
			`var m = date.getMonth();`
			`var y = date.getFullYear();`
2009-09-17 08:30:10 +02:00
			`$(document).ready(function() {`
			`$('#calendar').fullCalendar({`
slicker default styling for buttons. refactored css & html structure for all views (simpler & will work better with jqui themes). jQuery UI 1.8.9 2011-01-24 08:10:25 +01:00			`weekends: false,`
fixed render() bug, final touches for 1.4.4 2010-02-04 07:56:20 +01:00			`//defaultView: 'agendaWeek',`
v1.4.1 2009-11-01 00:51:30 +01:00
2009-09-17 08:30:10 +02:00			`header: {`
locked down examples/tests for 1.4, some minor bugfixes 2009-10-19 07:33:14 +02:00			`left: 'prev,next today',`
			`center: 'title',`
1.4, getting there, still need testing+docs 2009-10-12 08:35:33 +02:00			`right: 'month,agendaWeek,basicWeek,agendaDay,basicDay'`
2009-09-17 08:30:10 +02:00			`},`
			`editable: true,`
			`weekMode: 'variable',`
fixed issue 412 2010-07-04 03:08:55 +02:00			`//isRTL: true,`
2009-09-17 08:30:10 +02:00
			`viewDisplay: function(view) {`
			`console.log('viewDisplay');`
v1.4.1 2009-11-01 00:51:30 +01:00			`console.log(view.start + ' - ' + view.end);`
			`console.log(view.visStart + ' - ' + view.visEnd);`
2009-09-21 06:57:20 +02:00			`//console.log(view);`
			`//console.log(this);`
2009-09-17 08:30:10 +02:00			`},`

			`//loading: // see sources.html`

			`windowResize: function(view) {`
			`console.log('windowResize - ' + view.title);`
2009-09-21 06:57:20 +02:00			`//console.log(this);`
2009-09-17 08:30:10 +02:00			`},`

updated changelog, added some docs, reset permissions, fixed small IE window resize bug 2009-12-03 07:03:57 +01:00			`minTime: '5',`
			`maxTime: '21:30',`
1.4, getting there, still need testing+docs 2009-10-12 08:35:33 +02:00			`dayClick: function(dayDate, allDay, ev, view) {`
bunch of IE fixes, final version 1.4.6 2010-05-31 19:18:29 +02:00			`//alert(dayDate);`
			`console.log('dayClick - ' + dayDate + ', allDay:' + allDay + ' - ' + view.title);`
locked down examples/tests for 1.4, some minor bugfixes 2009-10-19 07:33:14 +02:00			`//console.log(ev);`
slicker default styling for buttons. refactored css & html structure for all views (simpler & will work better with jqui themes). jQuery UI 1.8.9 2011-01-24 08:10:25 +01:00			`console.log(this);`
2009-09-17 08:30:10 +02:00			`},`

bunch of IE fixes, final version 1.4.6 2010-05-31 19:18:29 +02:00			`selectable: true,`
			`select: function(start, end, allDay) {`
			`console.log('select', start, end, allDay);`
			`},`
			`unselect: function() {`
			`console.log('unselect');`
			`},`

2009-09-17 08:30:10 +02:00			`eventRender: function(event, element, view) {`
locked down examples/tests for 1.4, some minor bugfixes 2009-10-19 07:33:14 +02:00			`if (event.id == 888) {`
2009-09-17 08:30:10 +02:00			`return false;`
			`}`
locked down examples/tests for 1.4, some minor bugfixes 2009-10-19 07:33:14 +02:00			`else if (event.id == 777) {`
final round of optimizations for event rendering. fixed some new bugs 2010-02-01 07:32:51 +01:00			`return $("<div style='background:green'>").text(event.title);`
2009-09-17 08:30:10 +02:00			`}`
locked down examples/tests for 1.4, some minor bugfixes 2009-10-19 07:33:14 +02:00			`else if (event.id == 999) {`
2009-09-17 08:30:10 +02:00			`element.css('border-color', 'red');`
2009-09-21 06:57:20 +02:00			`//console.log('renderEvent (' + event.title + ') - ' + view.title);`
2009-09-17 08:30:10 +02:00			`}`
			`},`
bugfixes and minor enhancements for 1.4.2 - eventAfterRender - getView - displaying in iframe (also added tests) - render method now adjusts calendar's size too - day-of-week classnames fixed when firstDay=1 - leave more space on side event events in agenda views - "T" optional in ISO8601 events 2009-11-29 05:43:02 +01:00			`eventAfterRender: function(event, element, view) {`
updated changelog, added some docs, reset permissions, fixed small IE window resize bug 2009-12-03 07:03:57 +01:00			`//console.log('after render for "' + event.title + '":');`
			`//console.log(element);`
bugfixes and minor enhancements for 1.4.2 - eventAfterRender - getView - displaying in iframe (also added tests) - render method now adjusts calendar's size too - day-of-week classnames fixed when firstDay=1 - leave more space on side event events in agenda views - "T" optional in ISO8601 events 2009-11-29 05:43:02 +01:00			`},`

2009-09-17 08:30:10 +02:00			`eventClick: function(event, jsEvent, view) {`
			`console.log('EVENT CLICK ' + event.title);`
2009-09-21 06:57:20 +02:00			`//console.log(jsEvent);`
			`//console.log(view);`
			`//console.log(this);`
			`//return false;`
2009-09-17 08:30:10 +02:00			`},`
updated changelog, added some docs, reset permissions, fixed small IE window resize bug 2009-12-03 07:03:57 +01:00
fixed render() bug, final touches for 1.4.4 2010-02-04 07:56:20 +01:00
2009-09-17 08:30:10 +02:00			`eventMouseover: function(event, jsEvent, view) {`
			`console.log('MOUSEOVER ' + event.title);`
merged speedups, fixed resulting eventRender and eventMouseover bugs 2010-01-27 08:58:43 +01:00			`//console.log(jsEvent);`
			`//console.log(view);`
			`//console.log(this);`
2009-09-17 08:30:10 +02:00			`},`
			`eventMouseout: function(event, jsEvent, view) {`
			`console.log('MOUSEOUT ' + event.title);`
merged speedups, fixed resulting eventRender and eventMouseover bugs 2010-01-27 08:58:43 +01:00			`//console.log(jsEvent);`
			`//console.log(view);`
			`//console.log(this);`
2009-09-17 08:30:10 +02:00			`},`
fixed render() bug, final touches for 1.4.4 2010-02-04 07:56:20 +01:00
2009-09-17 08:30:10 +02:00
			`eventDragStart: function(event, jsEvent, ui, view) {`
			`console.log('DRAG START ' + event.title);`
refactored js, split into more files (much more manageable). tested 2010-09-19 07:54:35 +02:00			`console.log(this);`
2009-09-17 08:30:10 +02:00			`},`
			`eventDragStop: function(event, jsEvent, ui, view) {`
			`console.log('DRAG STOP ' + event.title);`
refactored js, split into more files (much more manageable). tested 2010-09-19 07:54:35 +02:00			`console.log(this);`
2009-09-17 08:30:10 +02:00			`},`
locked down examples/tests for 1.4, some minor bugfixes 2009-10-19 07:33:14 +02:00			`eventDrop: function(event, dayDelta, minuteDelta, allDay, revertFunc, jsEvent, ui, view) {`
2009-09-17 08:30:10 +02:00			`console.log('DROP ' + event.title);`
			`console.log(dayDelta + ' days');`
			`console.log(minuteDelta + ' minutes');`
locked down examples/tests for 1.4, some minor bugfixes 2009-10-19 07:33:14 +02:00			`console.log('allday: ' + allDay);`
final round of optimizations for event rendering. fixed some new bugs 2010-02-01 07:32:51 +01:00			`//setTimeout(function() {`
			`// revertFunc();`
			`//}, 2000);`
2009-09-21 06:57:20 +02:00			`//console.log(jsEvent);`
			`//console.log(ui);`
			`//console.log(view.title);`
			`//console.log(this);`
2009-09-17 08:30:10 +02:00			`},`

			`eventResizeStart: function(event, jsEvent, ui, view) {`
			`console.log('RESIZE START ' + event.title);`
bugfixes and final touches for 1.3 2009-09-21 12:11:08 +02:00			`//console.log(this);`
2009-09-17 08:30:10 +02:00			`},`
			`eventResizeStop: function(event, jsEvent, ui, view) {`
			`console.log('RESIZE STOP ' + event.title);`
bugfixes and final touches for 1.3 2009-09-21 12:11:08 +02:00			`//console.log(this);`
2009-09-17 08:30:10 +02:00			`},`
2009-09-21 06:57:20 +02:00			`eventResize: function(event, dayDelta, minuteDelta, revertFunc, jsEvent, ui, view) {`
2009-09-17 08:30:10 +02:00			`console.log('RESIZE!! ' + event.title);`
			`console.log(dayDelta + ' days');`
			`console.log(minuteDelta + ' minutes');`
final round of optimizations for event rendering. fixed some new bugs 2010-02-01 07:32:51 +01:00			`//setTimeout(function() {`
			`// revertFunc();`
			`//}, 2000);`
2009-09-21 06:57:20 +02:00			`//console.log(jsEvent);`
			`//console.log(ui);`
			`//console.log(view.title);`
			`//console.log(this);`
2009-09-17 08:30:10 +02:00			`},`

			`events: [`
			`{`
locked down examples/tests for 1.4, some minor bugfixes 2009-10-19 07:33:14 +02:00			`title: 'All Day Event',`
			`start: new Date(y, m, 1)`
2009-09-17 08:30:10 +02:00			`},`
			`{`
locked down examples/tests for 1.4, some minor bugfixes 2009-10-19 07:33:14 +02:00			`title: 'Long Event',`
			`start: new Date(y, m, d-5),`
			`end: new Date(y, m, d-2)`
2009-09-17 08:30:10 +02:00			`},`
			`{`
locked down examples/tests for 1.4, some minor bugfixes 2009-10-19 07:33:14 +02:00			`id: 999,`
			`title: 'Repeating Event',`
			`start: new Date(y, m, d-3, 16, 0),`
			`allDay: false`
2009-09-17 08:30:10 +02:00			`},`
			`{`
locked down examples/tests for 1.4, some minor bugfixes 2009-10-19 07:33:14 +02:00			`id: 999,`
			`title: 'Repeating Event',`
			`start: new Date(y, m, d+4, 16, 0),`
2009-09-17 08:30:10 +02:00			`allDay: false`
			`},`
			`{`
locked down examples/tests for 1.4, some minor bugfixes 2009-10-19 07:33:14 +02:00			`id: 888,`
			`title: 'Meeting',`
final tweaks for 1.4 2009-10-19 10:53:07 +02:00			`start: new Date(y, m, d, 10, 30),`
			`allDay: false`
2009-09-17 08:30:10 +02:00			`},`
			`{`
locked down examples/tests for 1.4, some minor bugfixes 2009-10-19 07:33:14 +02:00			`id: 777,`
			`title: 'Lunch',`
			`start: new Date(y, m, d, 12, 0),`
			`end: new Date(y, m, d, 14, 0),`
2009-09-17 08:30:10 +02:00			`allDay: false`
			`},`
			`{`
locked down examples/tests for 1.4, some minor bugfixes 2009-10-19 07:33:14 +02:00			`title: 'Birthday Party',`
			`start: new Date(y, m, d+1, 19, 0),`
			`end: new Date(y, m, d+1, 22, 30),`
2009-09-17 08:30:10 +02:00			`allDay: false`
			`},`
			`{`
locked down examples/tests for 1.4, some minor bugfixes 2009-10-19 07:33:14 +02:00			`title: 'Click for Google',`
			`start: new Date(y, m, 28),`
			`end: new Date(y, m, 29),`
			`url: 'http://google.com/'`
2009-09-17 08:30:10 +02:00			`}`
			`]`
			`});`
			`});`

			`</script>`
			`</head>`
			`<body style='font-size:12px'>`
			`<div id='calendar' style='width:75%;margin:20px auto 0;font-family:arial'></div>`
			`</body>`
bugfixes and minor enhancements for 1.4.2 - eventAfterRender - getView - displaying in iframe (also added tests) - render method now adjusts calendar's size too - day-of-week classnames fixed when firstDay=1 - leave more space on side event events in agenda views - "T" optional in ISO8601 events 2009-11-29 05:43:02 +01:00			`</html>`