orbit-basic/vendor/built_in_modules/calendar/app/assets/javascripts/calendarAPI.js.erb

//created on sep 14 2012

var calendarAPI = function(){
	c = this;
	this.event_create_div = $("#event_create");
	this.event_quick_view_div = $("#event_quick_view");
	this.cur_month = null;
	this.cur_year = null;
	this.today = new Date();
	this.monthlist = ["","January","February","March","April","May","June","July","August","September","October","November","December"];
	this.initialize = function(){
		$(window).load(function(){
			c.loadMonthView();
			bindHandlers();
		})
		var bindHandlers = function(){
			$(".event").live("click",function(){
				c.displayEvent();
			})
			
			$("#create_event_btn").click(function(){
				if(!$(this).hasClass("active")){
					c.newEvent($(this).attr("href"),$(this).attr("ref"),c.today.getDate(),c.today.getMonth()+1,c.today.getFullYear());
				}else{
					c.event_create_div.hide().empty();
				}
				$(this).toggleClass("active");
				return false;
			})
			$("td.click_event").live("click",function(){
				c.newEvent($(this).attr("link"),$(this).attr("ref"),$(this).attr("date"),c.cur_month,c.cur_year);
				$("#create_event_btn").toggleClass("active");
			})
			
			$('.mode_switch').click(function(){
				var target = $(this).text();
				switch(target){
					case 'month':
						c.loadMonthView(c.cur_month,c.cur_year);
					break;
					case 'week':
						c.loadWeekView();
					break;
					case 'day':
						c.loadDayView();
					break;
					case 'agenda':
						c.loadAgendaView();
					break;
				}
			})
			$("button#prev_month_btn").click(function(){
				var m,y;
				if(c.cur_month == 1){
					m = 12;
					y = c.cur_year-1;
				}else{
					m = c.cur_month-1;
					y = c.cur_year;
				}
				c.loadMonthView(m,y);
			})
			$("button#next_month_btn").click(function(){
				var m,y;
				if(c.cur_month == 12){
					m = 1;
					y = c.cur_year+1;
				}else{
					m = c.cur_month+1;
					y = c.cur_year;
				}
				c.loadMonthView(m,y);
			})
			$("button#today_btn").click(function(){
				c.loadMonthView();
			})
		}
	}
	this.loadMonthView = function(month,year){
		if(!month){
			var dt = new Date();
			month = dt.getMonth()+1;
			year = dt.getFullYear();
		}
		// month = 2;
		// year = 2008;
		c.cur_month = month;
		c.cur_year = year;
		$('#view_holder').load("cals/month_view?month="+month+"&year="+year, function() {
			getEvents(month,year);
			$('.current_day_title').text(c.monthlist[c.cur_month]+" "+c.cur_year);
			if($('#calendar_month').length > 0){
				var $c_table = $('#calendar_month');
				var sum_h = 0;
				var context_h = $('#main-sidebar').outerHeight();
				$('#main-wrap > *').not('#orbit_calendar, .modal').each(function(){
					sum_h += $(this).outerHeight();
				});

				$c_table
					// .height(context_h-sum_h-64)
					.find('.month_row')
					.not('.month_row.header')
					.height((context_h-sum_h-92) / 6);
				
				$(window).resize(function(){
					$c_table
						.find('.month_row')
						.not('.month_row.header')
						.height(($('#main-sidebar').outerHeight()-sum_h-92) / 6);
				});
			}
		})
		var getEvents = function(month,year){
			$.getJSON("cals/getEvents",{"type":"monthview","month":month,"year":year},function(events){
				var $eventrow = $("<tr></tr>");
				var currow = 1;
				var curpos = 1;
				$.each(events,function(i,evnt){
					var daydom = $("#calendar_month td[date="+evnt.start_date+"]");
					var curparent = daydom.parent().parent().parent();
					var thisrow = curparent.attr("row");
					var pos = daydom.attr("position");
					if(thisrow != currow){
						$eventrow = null;
						$eventrow = $("<tr></tr>");
					}else if(pos == curpos){
						$eventrow = null;
						$eventrow = $("<tr></tr>");
					}
					if(pos == 1){
						$eventrow.html('<td colspan="'+evnt.total_days+'"><div class="event" style="background-color: '+evnt.color+';">'+evnt.title+'</div></td>');
					}else{
						if($eventrow.html()==""){
							$eventrow.append('<td colspan="'+(pos-1)+'">');
						}
						$eventrow.append('<td colspan="'+evnt.total_days+'"><div class="event" style="background-color: '+evnt.color+';">'+evnt.title+'</div></td>');
					}
					currow = thisrow;
					curpos = pos;
					curparent.append($eventrow);
				})
			})
		}
	}
	this.loadWeekView = function(){
		$('#view_holder').load("cals/week_view", function() { 
			$('.current_day_title').text('September 2 - 8, 2012');
		})
	}
	this.loadDayView = function(){
		$('#view_holder').load("cals/day_view", function() { 
			$('.current_day_title').text('September 2, 2012');
		})
	}
	this.loadAgendaView = function(){
		$('#view_holder').load("cals/week_view", function() { 
			$('.current_day_title').text('September 2, 2012');
		})
	}
	this.newEvent = function(url,ref,date,month,year){
		var bindHandlers = function(){
			c.event_create_div.find("button.btn-close").click(function(){
				c.event_create_div.hide().empty();
				$("#create_event_btn").removeClass("active");
			})
			c.event_create_div.find("input[for=all_day][type=checkbox]").click(function(){
				if($(this).is(":checked"))
					c.event_create_div.find("#non_all_day").hide()
				else
					c.event_create_div.find("#non_all_day").show()
			})
		}

		c.event_create_div.load(url+"?ref="+ref+"&date="+date+"&month="+month+"&year="+year,function(){
			c.event_create_div.show();
			bindHandlers();
		})
		
	}
	this.newCalendars = function(){
		if($('.color-picker').length > 0){
			$('.color-picker').miniColors(); // just in category view
		}
		$(".btn-del-a").live("ajax:success",function(){
			var domfor = $(this).attr("data-content");
			$("tr[for="+domfor+"]").remove();
		})
	}
	this.displayEvent = function(){
		
		c.event_quick_view_div.show()
	}
	c.initialize();
}