calendar.publish.js

(function($) {

	// Language strings
	Symphony.Language.add({
		'January': false,
		'February': false,
		'March': false,
		'April': false,
		'May': false,
		'June': false,
		'July': false,
		'August': false,
		'September': false,
		'October': false,
		'November': false,
		'December': false
	});
	
	/**
	 * This plugin provides a calendar interface.
	 *
	 * @author: Nils Hörrmann, post@nilshoerrmann.de
	 * @source: http://github.com/nilshoerrmann/calendar
	 */
	$.fn.symphonyCalendar = function(custom_settings) {
		var dates = $(this),
			settings = {
				item: 'li',
				calendar: 'div.dt-calendar'
			},
			month_list = [
				Symphony.Language.get('August'), 
				Symphony.Language.get('September'), 
				Symphony.Language.get('October'), 
				Symphony.Language.get('November'), 
				Symphony.Language.get('December'), 
				Symphony.Language.get('January'), 
				Symphony.Language.get('February'), 
				Symphony.Language.get('March'), 
				Symphony.Language.get('April'), 
				Symphony.Language.get('May'), 
				Symphony.Language.get('June'), 
				Symphony.Language.get('July'), 
				Symphony.Language.get('August'), 
				Symphony.Language.get('September'), 
				Symphony.Language.get('October'), 
				Symphony.Language.get('November'), 
				Symphony.Language.get('December'), 
				Symphony.Language.get('January'), 
				Symphony.Language.get('February'), 
				Symphony.Language.get('March'), 
				Symphony.Language.get('April'), 
				Symphony.Language.get('May'), 
				Symphony.Language.get('June'), 
			];

		$.extend(settings, custom_settings);

	/*---- Events -----------------------------------------------------------*/

		// Visualise
		dates.on('visualise.calendar', settings.item, function(event, range, focus) {
			var item = $(this);
			visualise(item, focus, range);
		});

		// Choosing
		dates.on('click.calendar', 'td', function(event) {
			var cell = $(event.target),
				calendar = cell.parents(settings.calendar),
				timestamp = parseInt(cell.attr('data-timestamp'));
				
			// Set date
			choose(calendar, timestamp, (event.shiftKey && !dates.parent().is('.simple')));
		});
			
		// Flipping
		dates.on('click.calendar', 'nav a', function(event) {
			var calendar = $(this).parents(settings.calendar),
				direction = $(this).attr('class');
				
			// Flip to previous or next month
			flip(calendar, direction);
		});
		
		// Switching
		dates.on('click.calendar', 'nav div', function(event) {
			var selector = $(this).addClass('active');
			event.stopPropagation();
			
			// Close selector
			$('body, div.stage').one('click', function(event) {
				selector.removeClass('active');
			});
		});
		dates.on('click', 'div.active li', function(event) {
			var selection = $(this),
				type = selection.parent().attr('class'),
				calendar = selection.parents(settings.calendar),
				item = calendar.parents(settings.item),
				month, year;
				
			event.stopPropagation();
				
			// Hide selector
			dates.find('nav div.active').removeClass('active');

			// Switch month
			if(type == 'months') {
				month = selection.attr('data-value');
				year = calendar.find('nav ul.years li:eq(5)').text();
			}
			
			// Switch year
			else {
				year = selection.text();
				month = calendar.find('nav ul.months li:eq(5)').attr('data-value');
			}
			
			// Switch calendar
			date = new Date(year, month, 1);
			visualise(item, date.getTime(), calendar.data('range'));
		});

	/*---- Functions --------------------------------------------------------*/

		// Visualise dates
		var visualise = function(item, date, range) {
			var calendar = item.find(settings.calendar),
				then = new Date(parseInt(date)),
				now = new Date(),
				start = Symphony.DateTime.reduce(range.start),
				end = Symphony.DateTime.reduce(range.end),
				length = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],
				months = calendar.find('ul.months'),
				years = calendar.find('ul.years'),
				current, today,
				day, month, year,
				first, distance;
		
			// Store range
			calendar.data('range', range);

			// Handle invalid fields
			if(end == '') {
				end = null;
			}
			if(start == '') {
				start = end;
			}
				
			// Clear on error
			if(!date) {
				date = now.getTime();
				then = now;
			}
			
			// Current date
			current = {
				time: date,
				year: then.getFullYear(),
				month: then.getMonth()
			};
			
			// Today
			now.setHours(12);
			now.setMinutes(0);
			today = {
				time: now.getTime(),
				year: now.getFullYear(),
				month: now.getMonth(),
				day: now.getDate()
			};

			// Leap years
			if(((current.year % 4 === 0) && (current.year % 100 !== 0)) || (current.year % 400 === 0)) {
				length[1] = 29;
			}
			else {
				length[1] = 28;
			}

			// Get weekday of first day in month
			first = new Date(current.year, current.month, 1);
			distance = first.getDay();
			
			// Get starting year and month
			if(current.month == 0) {
				month = 11;
				year = current.year - 1
			}
			else {
				month = current.month - 1;
				year = current.year;
			}
			
			// Get starting day
			day = length[month] - distance + 1;
			if(day > length[month]) {
				day = 1;
				month = current.month;
				year = current.year;
			}
			
			// Set month
			months.find('li').remove();
			for(m = current.month; m < current.month + 12; m++) {
				var id = m - 5;
			
				// Get ids for last year
				if(id < 0) {
					id = 12 + id;
				}
				if(id > 11) {
					id = id - 12;
				}
			
				// Create month
				$('<li />', {
					'text': month_list[m],
					'data-value': id
				}).appendTo(months);
			}
			
			// Set year
			years.find('li').remove();
			for(y = current.year - 5; y <= current.year + 6; y++) {
				$('<li />', {
					'text': y
				}).appendTo(years);
			}
		
			// Set calendar days
			calendar.find('tbody td').removeClass().each(function() {
				var cell = $(this),
					date = new Date(year, month, day, 12, 0),
					time = date.getTime(),
					days = Symphony.DateTime.reduce(time);
				
				// Set day
				cell.text(day).attr('data-timestamp', time);
					
				// Last month
				if(month == current.month - 1 || (current.month == 0 && month == 11)) {
					cell.addClass('last');
				}
				
				// Today
				if(year == today.year && month == today.month && day == today.day) {
					cell.addClass('today');
				}
				
				// Selected:
				// Or clause needed for single dates
				if((start <= days && days <= end) || start == days || end == days) {
					cell.addClass('selected');
				}
				
				// Next month
				if(month == current.month + 1 || (current.month == 11 && month == 0)) {
					cell.addClass('next');
				}
					
				// Check and set month context
				day++;
				if(day > length[month]) {
					day = 1;
					
					if(month == 11) {
						month = 0;
						year++;
					}
					else {
						month++;
					}
				}
			});
		};
		
		// Choose date
		var choose = function(calendar, selected, key) {
			var current = calendar.data('range'),
				item = calendar.parents(settings.item),
				table = calendar.find('table'),
				range;
			
			// Range
			if(key && (current.start || current.end)) {

				// Check date order with invalid from date
				if(!current.start) {
					if(selected < current.end) {
						range = {
							start: selected,
							end: current.end
						};
					}
					else {
						range = {
							start: current.end,
							end: selected
						};
					}
				}
				
				// Check date order with valid from date
				else {
					if(selected < current.start) {
						range = {
							start: selected,
							end: current.start
						}
					}
					else {
						range = {
							start: current.start,
							end: selected
						}
					}
				}
			}
			
			// Single date
			else {
				
				// New range
				range = {
					start: selected,
					end: null
				};
			}
			
			// Trigger set
			item.trigger('setdate', [range, selected, 'date']);
		};
						
		
		// Flip months
		var flip = function(calendar, direction) {
			var item = calendar.parents(settings.item),
				year = calendar.find('ul.years li:eq(5)').text(),
				month = calendar.find('ul.months li:eq(5)').attr('data-value'),
				date;
			
			// Previous month
			if(direction == 'previous') {
				month--;
				if(month == -1) {
					year--;
					month = 11;
				}
			}
			
			// Next month
			else {
				month++;
				if(month == 12) {
					year++;
					month = 0;
				}
			}

			// Visualise
			date = new Date(year, month, 1);
			visualise(item, date.getTime(), calendar.data('range'));
		}
		
	};
		
})(jQuery.noConflict());