calendar updated for week
This commit is contained in:
		
							parent
							
								
									189fa553c5
								
							
						
					
					
						commit
						0971e00511
					
				|  | @ -135,7 +135,14 @@ var calendarAPI = function(){ | ||||||
| 				} | 				} | ||||||
| 			}) | 			}) | ||||||
| 			$("button#today_btn").click(function(){ | 			$("button#today_btn").click(function(){ | ||||||
|  | 				switch (c.view){ | ||||||
|  | 					case "week": | ||||||
|  | 						c.loadWeekView(); | ||||||
|  | 					break; | ||||||
|  | 					case "month": | ||||||
| 						c.loadMonthView(); | 						c.loadMonthView(); | ||||||
|  | 					break; | ||||||
|  | 				} | ||||||
| 			}) | 			}) | ||||||
| 		} | 		} | ||||||
| 	} | 	} | ||||||
|  | @ -231,13 +238,13 @@ var calendarAPI = function(){ | ||||||
| 							$eventrow.html('<td colspan="'+colspan+'" class="main_td" pos="'+pos+'"><div class="event" link="'+evnt.show_link+'" style="background-color: '+evnt.color+';">'+evnt.title+'</div></td>'); | 							$eventrow.html('<td colspan="'+colspan+'" class="main_td" pos="'+pos+'"><div class="event" link="'+evnt.show_link+'" style="background-color: '+evnt.color+';">'+evnt.title+'</div></td>'); | ||||||
| 						}else{ | 						}else{ | ||||||
| 							if($eventrow.html()==""){ | 							if($eventrow.html()==""){ | ||||||
| 								$eventrow.append('<td colspan="'+(pos-1)+'">'); | 								$eventrow.append('<td colspan="'+(pos-1)+'"></td>'); | ||||||
| 							}else{ | 							}else{ | ||||||
| 								if((lastno+1)!=thisno){ | 								if((lastno+1)!=thisno){ | ||||||
| 									var inposition = parseInt($eventrow.find("td.main_td:last").attr("pos")); | 									var inposition = parseInt($eventrow.find("td.main_td:last").attr("pos")); | ||||||
| 									var curcolspan = $eventrow.find("td.main_td:last").attr("colspan"); | 									var curcolspan = $eventrow.find("td.main_td:last").attr("colspan"); | ||||||
| 									var colspan = pos - (inposition+parseInt(curcolspan)); | 									var colspan = pos - (inposition+parseInt(curcolspan)); | ||||||
| 									$eventrow.append('<td colspan="'+colspan+'">'); | 									$eventrow.append('<td colspan="'+colspan+'"></td>'); | ||||||
| 								} | 								} | ||||||
| 							} | 							} | ||||||
| 							var colspan = 0; | 							var colspan = 0; | ||||||
|  | @ -297,7 +304,41 @@ var calendarAPI = function(){ | ||||||
| 	} | 	} | ||||||
| 	this.getEventsForWeek = function(week,year){ | 	this.getEventsForWeek = function(week,year){ | ||||||
| 		$.getJSON("cals/getWeekEvents",{"week":week,"year":year},function(events){ | 		$.getJSON("cals/getWeekEvents",{"week":week,"year":year},function(events){ | ||||||
|  | 			$.each(events,function(i,evnt){ | ||||||
|  | 				if(evnt.all_day){ | ||||||
|  | 					$(".week_day_header[date="+evnt.start_date+"]").append('<div class="event half" link="'+evnt.show_link+'" style="background-color: '+evnt.color+';color:#fff;"><dl><dt>'+evnt.title+'</dt><dd></dd></dl></div>'); | ||||||
|  | 				}else{ | ||||||
|  | 					var starttime,endtime,displaystarttime,displayendtime; | ||||||
|  | 					if(evnt.start_am_pm == "AM") | ||||||
|  | 						starttime = evnt.start_time; | ||||||
|  | 					else | ||||||
|  | 						starttime = evnt.start_time + 12; | ||||||
| 
 | 
 | ||||||
|  | 					if(evnt.end_am_pm == "AM") | ||||||
|  | 						endtime = evnt.end_time; | ||||||
|  | 					else | ||||||
|  | 						endtime = evnt.end_time + 12; | ||||||
|  | 					 | ||||||
|  | 					var temp = parseInt(evnt.start_time); | ||||||
|  | 					 | ||||||
|  | 					if (evnt.start_time > temp) | ||||||
|  | 						displaystarttime = temp + ":30 " + evnt.start_am_pm; | ||||||
|  | 					else | ||||||
|  | 						displaystarttime = temp + ":00 " + evnt.start_am_pm; | ||||||
|  | 
 | ||||||
|  | 					temp = parseInt(evnt.end_time); | ||||||
|  | 					 | ||||||
|  | 					if (evnt.end_time > temp) | ||||||
|  | 						displayendtime = temp + ":30 " + evnt.end_am_pm; | ||||||
|  | 					else | ||||||
|  | 						displayendtime = temp + ":00 " + evnt.end_am_pm; | ||||||
|  | 
 | ||||||
|  | 					var toppx = ((starttime * 2) * 19) + starttime; | ||||||
|  | 					var eventdom = $('<div class="event" link="'+evnt.show_link+'" style="background-color: '+evnt.color+';color:#fff; top:'+toppx+'px;"><dl><dt>'+displaystarttime+' - '+displayendtime+'</dt><dd>'+evnt.title+'</dd></dl></div>'); | ||||||
|  | 					$(".week_day_body[date="+evnt.start_date+"] .inner").append(eventdom); | ||||||
|  | 				} | ||||||
|  | 
 | ||||||
|  | 			}) | ||||||
| 		}) | 		}) | ||||||
| 	} | 	} | ||||||
| 	this.loadDayView = function(){ | 	this.loadDayView = function(){ | ||||||
|  | @ -306,7 +347,7 @@ var calendarAPI = function(){ | ||||||
| 		}) | 		}) | ||||||
| 	} | 	} | ||||||
| 	this.loadAgendaView = function(){ | 	this.loadAgendaView = function(){ | ||||||
| 		$('#view_holder').load("cals/week_view", function() {  | 		$('#view_holder').load("cals/agenda_view", function() {  | ||||||
| 			$('.current_day_title').text('September 2, 2012'); | 			$('.current_day_title').text('September 2, 2012'); | ||||||
| 		}) | 		}) | ||||||
| 	} | 	} | ||||||
|  |  | ||||||
|  | @ -30,10 +30,21 @@ class Panel::Calendar::BackEnd::CalsController < OrbitBackendController | ||||||
| 	end | 	end | ||||||
| 
 | 
 | ||||||
| 	def week_view | 	def week_view | ||||||
| 		week = params[:week] | 		week = params[:week].to_i | ||||||
| 		year = params[:year] | 		year = params[:year].to_i | ||||||
| 		@dates = week_dates(week,year) | 		@dates = week_dates(week,year) | ||||||
| 		@range = week_range(week,year) | 		@range = week_range(week,year) | ||||||
|  | 		@d = getWeekDataSet(week,year) | ||||||
|  | 		t = Time.now | ||||||
|  | 		dt = Date.new(t.year,t.month,t.day) | ||||||
|  | 		today_cur_week = dt.strftime("%U").to_i | ||||||
|  | 
 | ||||||
|  | 		if week == today_cur_week && t.year == year | ||||||
|  | 			@today = @d.index(t.day.to_s) | ||||||
|  | 		else | ||||||
|  | 			@today = 20 | ||||||
|  | 		end | ||||||
|  | 		@hours = getHours(12) | ||||||
| 		render :layout => false | 		render :layout => false | ||||||
| 	end | 	end | ||||||
| 
 | 
 | ||||||
|  | @ -97,10 +108,31 @@ class Panel::Calendar::BackEnd::CalsController < OrbitBackendController | ||||||
| 	end | 	end | ||||||
| 	 | 	 | ||||||
| 	def get_week_events | 	def get_week_events | ||||||
| 		week = params[:week] | 		week = params[:week].to_i | ||||||
| 		year = params[:year] | 		year = params[:year].to_i | ||||||
| 		events = Event.where(:start_week => week).and(:start_year => year) | 		@d = getWeekDataSet(week,year) | ||||||
| 		render :json => events.to_json | 		events = Event.where(:start_week.lte => week).and(:start_year => year).and(:end_week.gte => week).and(:start_year => year) | ||||||
|  | 		@events = Array.new | ||||||
|  | 		events.each_with_index do |event,i| | ||||||
|  | 			# @temp = Array.new | ||||||
|  | 			no_of_days = event.total_days | ||||||
|  | 			startdt = event.start_date | ||||||
|  | 			if event.start_week < week  | ||||||
|  | 				startdt = @d[0].to_i | ||||||
|  | 				event.all_day = true | ||||||
|  | 			end | ||||||
|  | 
 | ||||||
|  | 			no_of_days = no_of_days.to_i | ||||||
|  | 			no_of_days += 1 | ||||||
|  | 			all_day = event.all_day | ||||||
|  | 			if no_of_days > 1 | ||||||
|  | 				all_day = true | ||||||
|  | 			end | ||||||
|  | 
 | ||||||
|  | 			color = Cal.find(event.cal_id).color | ||||||
|  | 			@events << {"id"=>event.id,"index"=>i,"start_date"=>startdt,"all_day"=>all_day, "start_week" => event.start_week, "end_week" => event.end_week, "total_days" => no_of_days, "title" => event.title,"color"=>color,"show_link"=>panel_calendar_back_end_event_path(event),"start_time"=>event.start_time,"end_time"=>event.end_time,"start_am_pm"=>event.start_am_pm,"end_am_pm"=>event.end_am_pm} | ||||||
|  | 		end | ||||||
|  | 		render :json => @events.to_json | ||||||
| 	end | 	end | ||||||
| 
 | 
 | ||||||
| 	def week_number_test | 	def week_number_test | ||||||
|  |  | ||||||
|  | @ -42,6 +42,13 @@ class Panel::Calendar::BackEnd::EventsController < OrbitBackendController | ||||||
| 		# if end_am_pm == "PM" | 		# if end_am_pm == "PM" | ||||||
| 		# 	temp_end_time = $endtime + 12 | 		# 	temp_end_time = $endtime + 12 | ||||||
| 		# end | 		# end | ||||||
|  | 		if params[:all_day] | ||||||
|  | 			all_day = true | ||||||
|  | 			$starttime = 0 | ||||||
|  | 			$endtime = 0 | ||||||
|  | 		else | ||||||
|  | 			all_day = false | ||||||
|  | 		end | ||||||
| 
 | 
 | ||||||
| 		final_start_time = Date.new(start_year.to_i,start_month.to_i,start_date.to_i) | 		final_start_time = Date.new(start_year.to_i,start_month.to_i,start_date.to_i) | ||||||
| 		final_end_time = Date.new(end_year.to_i,end_month.to_i,end_date.to_i) | 		final_end_time = Date.new(end_year.to_i,end_month.to_i,end_date.to_i) | ||||||
|  | @ -67,6 +74,7 @@ class Panel::Calendar::BackEnd::EventsController < OrbitBackendController | ||||||
| 		@event.total_days = total_days | 		@event.total_days = total_days | ||||||
| 		@event.start_week = start_week | 		@event.start_week = start_week | ||||||
| 		@event.end_week = end_week | 		@event.end_week = end_week | ||||||
|  | 		@event.all_day = all_day | ||||||
| 		@event.save! | 		@event.save! | ||||||
| 
 | 
 | ||||||
| 		respond_to do |h| | 		respond_to do |h| | ||||||
|  | @ -81,6 +89,12 @@ class Panel::Calendar::BackEnd::EventsController < OrbitBackendController | ||||||
| 		@end_day_name = getDayName(@event.end_date,@event.end_month,@event.end_year) | 		@end_day_name = getDayName(@event.end_date,@event.end_month,@event.end_year) | ||||||
| 		render :layout=>false | 		render :layout=>false | ||||||
| 	end | 	end | ||||||
|  | 
 | ||||||
|  | 	def destroy | ||||||
|  | 		event = Event.find(params[:id]) | ||||||
|  | 		event.delete | ||||||
|  | 		render :json => {"success"=>"true"}.to_json | ||||||
|  | 	end | ||||||
| end | end | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
|  |  | ||||||
|  | @ -131,6 +131,55 @@ module Panel::Calendar::BackEnd::CalsHelper | ||||||
| 		end | 		end | ||||||
| 	    range | 	    range | ||||||
|   	end |   	end | ||||||
|  | 
 | ||||||
|  |   	def getWeekDataSet(week_num,year) | ||||||
|  |   		year = year.to_i | ||||||
|  | 		week_num = week_num.to_i | ||||||
|  | 	    dates = Array.new | ||||||
|  | 		 | ||||||
|  | 		if week_num == 1 | ||||||
|  | 			weekstartday = monthStartDay(1,year) | ||||||
|  | 			d = 31 | ||||||
|  | 			x = 0 | ||||||
|  | 			for i in d - (weekstartday - 2)..d | ||||||
|  | 				dates << i.to_s | ||||||
|  | 				x = x + 1 | ||||||
|  | 			end | ||||||
|  | 			for	i in 1..8 - weekstartday | ||||||
|  | 				dates << i.to_s | ||||||
|  | 				x = x + 1 | ||||||
|  | 			end | ||||||
|  | 		else | ||||||
|  | 	    	week_start = Date.commercial(year, week_num-1, 7) | ||||||
|  | 	    	month = week_start.strftime("%m") | ||||||
|  | 		    month_days = getMonthDays(year) | ||||||
|  | 		    date = week_start.strftime("%d") | ||||||
|  | 		    x = date.to_i  | ||||||
|  | 		    for	i in 0..6 | ||||||
|  | 		    	d = x + i | ||||||
|  | 		    	if d > month_days[month.to_i] | ||||||
|  | 		    		d = d - month_days[month.to_i]   | ||||||
|  | 		    	end | ||||||
|  | 		    	dates << d.to_s | ||||||
|  | 		    end | ||||||
|  | 	    end | ||||||
|  | 	    dates | ||||||
|  |   	end | ||||||
|  | 
 | ||||||
|  |   	def getHours(format) | ||||||
|  |   		hours = Array.new | ||||||
|  |   		if format == 12 | ||||||
|  |   			hours << 12 | ||||||
|  |   			for i in 1..11 | ||||||
|  |   				hours << i | ||||||
|  |   			end | ||||||
|  |   		elsif format == 24 | ||||||
|  |   			for i in 0..23 | ||||||
|  |   				hours << i | ||||||
|  |   			end | ||||||
|  |   		end | ||||||
|  |   		hours | ||||||
|  |   	end | ||||||
| end | end | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
|  |  | ||||||
|  | @ -19,6 +19,7 @@ class Event | ||||||
| 	field :final_start_time, type: Date | 	field :final_start_time, type: Date | ||||||
| 	field :final_end_time, type: Date | 	field :final_end_time, type: Date | ||||||
| 	field :total_days, type: Integer | 	field :total_days, type: Integer | ||||||
|  | 	field :all_day, type: Boolean | ||||||
| 
 | 
 | ||||||
| 	belongs_to :cal | 	belongs_to :cal | ||||||
| 	 | 	 | ||||||
|  |  | ||||||
|  | @ -1,4 +1,4 @@ | ||||||
| <div id="calendar_agenda"> | <!-- <div id="calendar_agenda"> | ||||||
| 	<table class="table"> | 	<table class="table"> | ||||||
| 		<thead> | 		<thead> | ||||||
| 			<tr> | 			<tr> | ||||||
|  | @ -45,4 +45,202 @@ | ||||||
| 			</tr> | 			</tr> | ||||||
| 		</tbody> | 		</tbody> | ||||||
| 	</table> | 	</table> | ||||||
|  | </div> --> | ||||||
|  | <div id="calendar_week"> | ||||||
|  | 	<table class="table header"> | ||||||
|  | 		<tr> | ||||||
|  | 			<th style="width: 44px;"></th> | ||||||
|  | 			<th>Sun 9/11</th> | ||||||
|  | 			<th>Mon 9/12</th> | ||||||
|  | 			<th class="today">Tue 9/13</th> | ||||||
|  | 			<th>Wed 9/14</th> | ||||||
|  | 			<th>Thu 9/15</th> | ||||||
|  | 			<th>Fri 9/16</th> | ||||||
|  | 			<th>Sat 9/17</th> | ||||||
|  | 		</tr> | ||||||
|  | 		<tr> | ||||||
|  | 			<td style="border: 0; background: none;"></td> | ||||||
|  | 			<td class="all_day_event week_day"> | ||||||
|  | 				<div class="event half" style="background-color: #ccffee;"> | ||||||
|  | 					<dl> | ||||||
|  | 						<dt>10:30am - template</dt> | ||||||
|  | 						<dd></dd> | ||||||
|  | 					</dl> | ||||||
|  | 				</div> | ||||||
|  | 			</td> | ||||||
|  | 			<td class="all_day_event week_day"> | ||||||
|  | 			</td> | ||||||
|  | 			<td class="all_day_event week_day"></td> | ||||||
|  | 			<td class="all_day_event week_day"> | ||||||
|  | 				<div class="event half" style="background-color: #ccffee;"> | ||||||
|  | 					<dl> | ||||||
|  | 						<dt>10:30am - template</dt> | ||||||
|  | 						<dd></dd> | ||||||
|  | 					</dl> | ||||||
|  | 				</div> | ||||||
|  | 			</td> | ||||||
|  | 			<td class="all_day_event week_day"></td> | ||||||
|  | 			<td class="all_day_event week_day"></td> | ||||||
|  | 			<td class="all_day_event week_day"></td> | ||||||
|  | 		</tr> | ||||||
|  | 	</table> | ||||||
|  | 	<div class="event_list"> | ||||||
|  | 		<table class="table cell_map"> | ||||||
|  | 			<tr height="1"> | ||||||
|  | 				<td style="width: 60px;"></td> | ||||||
|  | 				<td colspan="7" style="position: relative;"> | ||||||
|  | 					<div class="cell_wrapper"> | ||||||
|  | 						<div class="cell"> | ||||||
|  | 							<div class="divide"></div> | ||||||
|  | 						</div> | ||||||
|  | 						<div class="cell"> | ||||||
|  | 							<div class="divide"></div> | ||||||
|  | 						</div> | ||||||
|  | 						<div class="cell"> | ||||||
|  | 							<div class="divide"></div> | ||||||
|  | 						</div> | ||||||
|  | 						<div class="cell"> | ||||||
|  | 							<div class="divide"></div> | ||||||
|  | 						</div> | ||||||
|  | 						<div class="cell"> | ||||||
|  | 							<div class="divide"></div> | ||||||
|  | 						</div> | ||||||
|  | 						<div class="cell"> | ||||||
|  | 							<div class="divide"></div> | ||||||
|  | 						</div> | ||||||
|  | 						<div class="cell"> | ||||||
|  | 							<div class="divide"></div> | ||||||
|  | 						</div> | ||||||
|  | 						<div class="cell"> | ||||||
|  | 							<div class="divide"></div> | ||||||
|  | 						</div> | ||||||
|  | 						<div class="cell"> | ||||||
|  | 							<div class="divide"></div> | ||||||
|  | 						</div> | ||||||
|  | 						<div class="cell"> | ||||||
|  | 							<div class="divide"></div> | ||||||
|  | 						</div> | ||||||
|  | 						<div class="cell"> | ||||||
|  | 							<div class="divide"></div> | ||||||
|  | 						</div> | ||||||
|  | 						<div class="cell"> | ||||||
|  | 							<div class="divide"></div> | ||||||
|  | 						</div> | ||||||
|  | 						<div class="cell"> | ||||||
|  | 							<div class="divide"></div> | ||||||
|  | 						</div> | ||||||
|  | 						<div class="cell"> | ||||||
|  | 							<div class="divide"></div> | ||||||
|  | 						</div> | ||||||
|  | 						<div class="cell"> | ||||||
|  | 							<div class="divide"></div> | ||||||
|  | 						</div> | ||||||
|  | 						<div class="cell"> | ||||||
|  | 							<div class="divide"></div> | ||||||
|  | 						</div> | ||||||
|  | 						<div class="cell"> | ||||||
|  | 							<div class="divide"></div> | ||||||
|  | 						</div> | ||||||
|  | 						<div class="cell"> | ||||||
|  | 							<div class="divide"></div> | ||||||
|  | 						</div> | ||||||
|  | 						<div class="cell"> | ||||||
|  | 							<div class="divide"></div> | ||||||
|  | 						</div> | ||||||
|  | 						<div class="cell"> | ||||||
|  | 							<div class="divide"></div> | ||||||
|  | 						</div> | ||||||
|  | 						<div class="cell"> | ||||||
|  | 							<div class="divide"></div> | ||||||
|  | 						</div> | ||||||
|  | 						<div class="cell"> | ||||||
|  | 							<div class="divide"></div> | ||||||
|  | 						</div> | ||||||
|  | 						<div class="cell"> | ||||||
|  | 							<div class="divide"></div> | ||||||
|  | 						</div> | ||||||
|  | 						<div class="cell"> | ||||||
|  | 							<div class="divide"></div> | ||||||
|  | 						</div> | ||||||
|  | 					</div> | ||||||
|  | 				</td> | ||||||
|  | 			</tr> | ||||||
|  | 			<tr> | ||||||
|  | 				<td> | ||||||
|  | 					<div class="day_time">12am</div> | ||||||
|  | 					<div class="day_time">1am</div> | ||||||
|  | 					<div class="day_time">2am</div> | ||||||
|  | 					<div class="day_time">3am</div> | ||||||
|  | 					<div class="day_time">4am</div> | ||||||
|  | 					<div class="day_time">5am</div> | ||||||
|  | 					<div class="day_time">6am</div> | ||||||
|  | 					<div class="day_time">7am</div> | ||||||
|  | 					<div class="day_time">8am</div> | ||||||
|  | 					<div class="day_time">9am</div> | ||||||
|  | 					<div class="day_time">10am</div> | ||||||
|  | 					<div class="day_time">11am</div> | ||||||
|  | 					<div class="day_time">12am</div> | ||||||
|  | 					<div class="day_time">1pm</div> | ||||||
|  | 					<div class="day_time">2pm</div> | ||||||
|  | 					<div class="day_time">3pm</div> | ||||||
|  | 					<div class="day_time">4pm</div> | ||||||
|  | 					<div class="day_time">5pm</div> | ||||||
|  | 					<div class="day_time">6pm</div> | ||||||
|  | 					<div class="day_time">7pm</div> | ||||||
|  | 					<div class="day_time">8pm</div> | ||||||
|  | 					<div class="day_time">9pm</div> | ||||||
|  | 					<div class="day_time">10pm</div> | ||||||
|  | 					<div class="day_time">11pm</div> | ||||||
|  | 				</td> | ||||||
|  | 				<td class="week_day"> | ||||||
|  | 					<div class="event_holder"> | ||||||
|  | 						<div class="inner"> | ||||||
|  | 						</div> | ||||||
|  | 					</div> | ||||||
|  | 				</td> | ||||||
|  | 				<td class="week_day"> | ||||||
|  | 					<div class="event_holder"> | ||||||
|  | 						<div class="inner"> | ||||||
|  | 						</div> | ||||||
|  | 					</div> | ||||||
|  | 				</td> | ||||||
|  | 				<td class="week_day today"> | ||||||
|  | 					<div class="event_holder"> | ||||||
|  | 						<div class="inner"> | ||||||
|  | 							<div class="event" style="background-color: #ccffee; top: 117px;"> | ||||||
|  | 								<dl> | ||||||
|  | 									<dt>10:30am - 11:00am</dt> | ||||||
|  | 									<dd>template</dd> | ||||||
|  | 								</dl> | ||||||
|  | 							</div> | ||||||
|  | 						</div> | ||||||
|  | 					</div> | ||||||
|  | 				</td> | ||||||
|  | 				<td class="week_day"> | ||||||
|  | 					<div class="event_holder"> | ||||||
|  | 						<div class="inner"> | ||||||
|  | 						</div> | ||||||
|  | 					</div> | ||||||
|  | 				</td> | ||||||
|  | 				<td class="week_day"> | ||||||
|  | 					<div class="event_holder"> | ||||||
|  | 						<div class="inner"> | ||||||
|  | 						</div> | ||||||
|  | 					</div> | ||||||
|  | 				</td> | ||||||
|  | 				<td class="week_day"> | ||||||
|  | 					<div class="event_holder"> | ||||||
|  | 						<div class="inner"> | ||||||
|  | 						</div> | ||||||
|  | 					</div> | ||||||
|  | 				</td> | ||||||
|  | 				<td class="week_day"> | ||||||
|  | 					<div class="event_holder"> | ||||||
|  | 						<div class="inner"> | ||||||
|  | 						</div> | ||||||
|  | 					</div> | ||||||
|  | 				</td> | ||||||
|  | 			</tr> | ||||||
|  | 		</table> | ||||||
|  | 	</div> | ||||||
| </div> | </div> | ||||||
|  | @ -9,28 +9,33 @@ | ||||||
| 		</tr> | 		</tr> | ||||||
| 		<tr> | 		<tr> | ||||||
| 			<td style="border: 0; background: none;"></td> | 			<td style="border: 0; background: none;"></td> | ||||||
| 			<td class="all_day_event week_day"> | 			<% @d.each_with_index do |dt,i| %> | ||||||
|  | 				<% if @today == i %> | ||||||
|  | 					<td class="all_day_event week_day week_day_header today" date='<%= dt %>'></td> | ||||||
|  | 				<% else %> | ||||||
|  | 					<td class="all_day_event week_day week_day_header" date='<%= dt %>'></td> | ||||||
|  | 				<% end %> | ||||||
|  | 			<% end %> | ||||||
| 				<!-- <div class="event half" style="background-color: #ccffee;"> | 				<!-- <div class="event half" style="background-color: #ccffee;"> | ||||||
| 					<dl> | 					<dl> | ||||||
| 						<dt>10:30am - template</dt> | 						<dt>10:30am - template</dt> | ||||||
| 						<dd></dd> | 						<dd></dd> | ||||||
| 					</dl> | 					</dl> | ||||||
| 				</div> --> | 				</div> --> | ||||||
| 			</td> | 			<!-- <td class="all_day_event week_day"> | ||||||
| 			<td class="all_day_event week_day"> |  | ||||||
| 			</td> | 			</td> | ||||||
| 			<td class="all_day_event week_day"></td> | 			<td class="all_day_event week_day"></td> | ||||||
| 			<td class="all_day_event week_day"> | 			<td class="all_day_event week_day"> | ||||||
| 				<!-- <div class="event half" style="background-color: #ccffee;"> | 				<div class="event half" style="background-color: #ccffee;"> | ||||||
| 					<dl> | 					<dl> | ||||||
| 						<dt>10:30am - template</dt> | 						<dt>10:30am - template</dt> | ||||||
| 						<dd></dd> | 						<dd></dd> | ||||||
| 					</dl> | 					</dl> | ||||||
| 				</div> --> | 				</div> | ||||||
| 			</td> | 			</td> | ||||||
| 			<td class="all_day_event week_day"></td> | 			<td class="all_day_event week_day"></td> | ||||||
| 			<td class="all_day_event week_day"></td> | 			<td class="all_day_event week_day"></td> | ||||||
| 			<td class="all_day_event week_day"></td> | 			<td class="all_day_event week_day"></td> --> | ||||||
| 		</tr> | 		</tr> | ||||||
| 	</table> | 	</table> | ||||||
| 	<div class="event_list"> | 	<div class="event_list"> | ||||||
|  | @ -39,84 +44,26 @@ | ||||||
| 				<td style="width: 60px;"></td> | 				<td style="width: 60px;"></td> | ||||||
| 				<td colspan="7" style="position: relative;"> | 				<td colspan="7" style="position: relative;"> | ||||||
| 					<div class="cell_wrapper"> | 					<div class="cell_wrapper"> | ||||||
|  | 						<% @hours.each do |hour| %> | ||||||
| 							<div class="cell"> | 							<div class="cell"> | ||||||
| 								<div class="divide"></div> | 								<div class="divide"></div> | ||||||
| 							</div> | 							</div> | ||||||
| 							<div class="cell"> | 							<div class="cell"> | ||||||
| 								<div class="divide"></div> | 								<div class="divide"></div> | ||||||
| 							</div> | 							</div> | ||||||
| 						<div class="cell"> | 						<% end %> | ||||||
| 							<div class="divide"></div> |  | ||||||
| 						</div> |  | ||||||
| 						<div class="cell"> |  | ||||||
| 							<div class="divide"></div> |  | ||||||
| 						</div> |  | ||||||
| 						<div class="cell"> |  | ||||||
| 							<div class="divide"></div> |  | ||||||
| 						</div> |  | ||||||
| 						<div class="cell"> |  | ||||||
| 							<div class="divide"></div> |  | ||||||
| 						</div> |  | ||||||
| 						<div class="cell"> |  | ||||||
| 							<div class="divide"></div> |  | ||||||
| 						</div> |  | ||||||
| 						<div class="cell"> |  | ||||||
| 							<div class="divide"></div> |  | ||||||
| 						</div> |  | ||||||
| 						<div class="cell"> |  | ||||||
| 							<div class="divide"></div> |  | ||||||
| 						</div> |  | ||||||
| 						<div class="cell"> |  | ||||||
| 							<div class="divide"></div> |  | ||||||
| 						</div> |  | ||||||
| 						<div class="cell"> |  | ||||||
| 							<div class="divide"></div> |  | ||||||
| 						</div> |  | ||||||
| 						<div class="cell"> |  | ||||||
| 							<div class="divide"></div> |  | ||||||
| 						</div> |  | ||||||
| 						<div class="cell"> |  | ||||||
| 							<div class="divide"></div> |  | ||||||
| 						</div> |  | ||||||
| 						<div class="cell"> |  | ||||||
| 							<div class="divide"></div> |  | ||||||
| 						</div> |  | ||||||
| 						<div class="cell"> |  | ||||||
| 							<div class="divide"></div> |  | ||||||
| 						</div> |  | ||||||
| 						<div class="cell"> |  | ||||||
| 							<div class="divide"></div> |  | ||||||
| 						</div> |  | ||||||
| 						<div class="cell"> |  | ||||||
| 							<div class="divide"></div> |  | ||||||
| 						</div> |  | ||||||
| 						<div class="cell"> |  | ||||||
| 							<div class="divide"></div> |  | ||||||
| 						</div> |  | ||||||
| 						<div class="cell"> |  | ||||||
| 							<div class="divide"></div> |  | ||||||
| 						</div> |  | ||||||
| 						<div class="cell"> |  | ||||||
| 							<div class="divide"></div> |  | ||||||
| 						</div> |  | ||||||
| 						<div class="cell"> |  | ||||||
| 							<div class="divide"></div> |  | ||||||
| 						</div> |  | ||||||
| 						<div class="cell"> |  | ||||||
| 							<div class="divide"></div> |  | ||||||
| 						</div> |  | ||||||
| 						<div class="cell"> |  | ||||||
| 							<div class="divide"></div> |  | ||||||
| 						</div> |  | ||||||
| 						<div class="cell"> |  | ||||||
| 							<div class="divide"></div> |  | ||||||
| 						</div> |  | ||||||
| 					</div> | 					</div> | ||||||
| 				</td> | 				</td> | ||||||
| 			</tr> | 			</tr> | ||||||
| 			<tr> | 			<tr> | ||||||
| 				<td> | 				<td> | ||||||
| 					<div class="day_time">12am</div> | 					<% @hours.each do |hour| %> | ||||||
|  | 						<div class="day_time"><%= hour %>am</div> | ||||||
|  | 					<% end %> | ||||||
|  | 					<% @hours.each do |hour| %> | ||||||
|  | 						<div class="day_time"><%= hour %>pm</div> | ||||||
|  | 					<% end %> | ||||||
|  | 					<!-- <div class="day_time">12am</div> | ||||||
| 					<div class="day_time">1am</div> | 					<div class="day_time">1am</div> | ||||||
| 					<div class="day_time">2am</div> | 					<div class="day_time">2am</div> | ||||||
| 					<div class="day_time">3am</div> | 					<div class="day_time">3am</div> | ||||||
|  | @ -128,7 +75,7 @@ | ||||||
| 					<div class="day_time">9am</div> | 					<div class="day_time">9am</div> | ||||||
| 					<div class="day_time">10am</div> | 					<div class="day_time">10am</div> | ||||||
| 					<div class="day_time">11am</div> | 					<div class="day_time">11am</div> | ||||||
| 					<div class="day_time">12am</div> | 					<div class="day_time">12pm</div> | ||||||
| 					<div class="day_time">1pm</div> | 					<div class="day_time">1pm</div> | ||||||
| 					<div class="day_time">2pm</div> | 					<div class="day_time">2pm</div> | ||||||
| 					<div class="day_time">3pm</div> | 					<div class="day_time">3pm</div> | ||||||
|  | @ -139,15 +86,22 @@ | ||||||
| 					<div class="day_time">8pm</div> | 					<div class="day_time">8pm</div> | ||||||
| 					<div class="day_time">9pm</div> | 					<div class="day_time">9pm</div> | ||||||
| 					<div class="day_time">10pm</div> | 					<div class="day_time">10pm</div> | ||||||
| 					<div class="day_time">11pm</div> | 					<div class="day_time">11pm</div> --> | ||||||
| 				</td> | 				</td> | ||||||
| 				<td class="week_day"> | 				<% @d.each_with_index do |dt,i| %> | ||||||
|  | 					<% if i == @today %> | ||||||
|  | 						<td class="week_day today week_day_body" date='<%= dt %>'> | ||||||
|  | 					<% else %> | ||||||
|  | 						<td class="week_day week_day_body" date='<%= dt %>'> | ||||||
|  | 					<% end %> | ||||||
| 						<div class="event_holder"> | 						<div class="event_holder"> | ||||||
| 							<div class="inner"> | 							<div class="inner"> | ||||||
|  | 								 | ||||||
| 							</div> | 							</div> | ||||||
| 						</div> | 						</div> | ||||||
| 					</td> | 					</td> | ||||||
| 				<td class="week_day"> | 				<% end %> | ||||||
|  | 				<!-- <td class="week_day"> | ||||||
| 					<div class="event_holder"> | 					<div class="event_holder"> | ||||||
| 						<div class="inner"> | 						<div class="inner"> | ||||||
| 						</div> | 						</div> | ||||||
|  | @ -188,7 +142,7 @@ | ||||||
| 						<div class="inner"> | 						<div class="inner"> | ||||||
| 						</div> | 						</div> | ||||||
| 					</div> | 					</div> | ||||||
| 				</td> | 				</td> --> | ||||||
| 			</tr> | 			</tr> | ||||||
| 		</table> | 		</table> | ||||||
| 	</div> | 	</div> | ||||||
|  |  | ||||||
|  | @ -11,7 +11,7 @@ | ||||||
| 	<div class="row-fluid"> | 	<div class="row-fluid"> | ||||||
| 		<% if !@all_day_disabled %> | 		<% if !@all_day_disabled %> | ||||||
| 			<label class="checkbox inline"> | 			<label class="checkbox inline"> | ||||||
| 				<input type="checkbox" for="all_day"> All day | 				<input type="checkbox" name="all_day" for="all_day"> All day | ||||||
| 			</label> | 			</label> | ||||||
| 		<% end %> | 		<% end %> | ||||||
| 		<label class="checkbox inline"> | 		<label class="checkbox inline"> | ||||||
|  | @ -25,29 +25,29 @@ | ||||||
| 				<input class="span5" type="text" value="<%= @placeholder %>" name="start_date" placeholder="<%= @placeholder %>"> | 				<input class="span5" type="text" value="<%= @placeholder %>" name="start_date" placeholder="<%= @placeholder %>"> | ||||||
| 				<select name="start_time" class="span4"> | 				<select name="start_time" class="span4"> | ||||||
| 					<option value="1.00">1:00</option> | 					<option value="1.00">1:00</option> | ||||||
| 					<option value="1.30">1:30</option> | 					<option value="1.50">1:30</option> | ||||||
| 					<option value="2.00">2:00</option> | 					<option value="2.00">2:00</option> | ||||||
| 					<option value="2.30">2:30</option> | 					<option value="2.50">2:30</option> | ||||||
| 					<option value="3.00">3:00</option> | 					<option value="3.00">3:00</option> | ||||||
| 					<option value="3.30">3:30</option> | 					<option value="3.50">3:30</option> | ||||||
| 					<option value="4.00">4:00</option> | 					<option value="4.00">4:00</option> | ||||||
| 					<option value="4.30">4:30</option> | 					<option value="4.50">4:30</option> | ||||||
| 					<option value="5.00">5:00</option> | 					<option value="5.00">5:00</option> | ||||||
| 					<option value="5.30">5:30</option> | 					<option value="5.50">5:30</option> | ||||||
| 					<option value="6.00">6:00</option> | 					<option value="6.00">6:00</option> | ||||||
| 					<option value="6.30">6:30</option> | 					<option value="6.50">6:30</option> | ||||||
| 					<option value="7.00">7:00</option> | 					<option value="7.00">7:00</option> | ||||||
| 					<option value="7.30">7:30</option> | 					<option value="7.50">7:30</option> | ||||||
| 					<option value="8.00">8:00</option> | 					<option value="8.00">8:00</option> | ||||||
| 					<option value="8.30">8:30</option> | 					<option value="8.50">8:30</option> | ||||||
| 					<option value="9.00">9:00</option> | 					<option value="9.00">9:00</option> | ||||||
| 					<option value="9.30">9:30</option> | 					<option value="9.50">9:30</option> | ||||||
| 					<option value="10.00">10:00</option> | 					<option value="10.00">10:00</option> | ||||||
| 					<option value="10.30">10:30</option> | 					<option value="10.50">10:30</option> | ||||||
| 					<option value="11.00">11:00</option> | 					<option value="11.00">11:00</option> | ||||||
| 					<option value="11.30">11:30</option> | 					<option value="11.50">11:30</option> | ||||||
| 					<option value="12.00">12:00</option> | 					<option value="12.00">12:00</option> | ||||||
| 					<option value="12.30">12:30</option> | 					<option value="12.50">12:30</option> | ||||||
| 				</select> | 				</select> | ||||||
| 				<select name="start_am_pm" class="span3"> | 				<select name="start_am_pm" class="span3"> | ||||||
| 					<option value="AM">AM</option> | 					<option value="AM">AM</option> | ||||||
|  | @ -61,29 +61,29 @@ | ||||||
| 				<input class="span5" type="text" name="end_date" value="<%= @placeholder %>" placeholder="<%= @placeholder %>"> | 				<input class="span5" type="text" name="end_date" value="<%= @placeholder %>" placeholder="<%= @placeholder %>"> | ||||||
| 				<select name="end_time" class="span4"> | 				<select name="end_time" class="span4"> | ||||||
| 					<option value="1.00">1:00</option> | 					<option value="1.00">1:00</option> | ||||||
| 					<option value="1.30">1:30</option> | 					<option value="1.50">1:30</option> | ||||||
| 					<option value="2.00">2:00</option> | 					<option value="2.00">2:00</option> | ||||||
| 					<option value="2.30">2:30</option> | 					<option value="2.50">2:30</option> | ||||||
| 					<option value="3.00">3:00</option> | 					<option value="3.00">3:00</option> | ||||||
| 					<option value="3.30">3:30</option> | 					<option value="3.50">3:30</option> | ||||||
| 					<option value="4.00">4:00</option> | 					<option value="4.00">4:00</option> | ||||||
| 					<option value="4.30">4:30</option> | 					<option value="4.50">4:30</option> | ||||||
| 					<option value="5.00">5:00</option> | 					<option value="5.00">5:00</option> | ||||||
| 					<option value="5.30">5:30</option> | 					<option value="5.50">5:30</option> | ||||||
| 					<option value="6.00">6:00</option> | 					<option value="6.00">6:00</option> | ||||||
| 					<option value="6.30">6:30</option> | 					<option value="6.50">6:30</option> | ||||||
| 					<option value="7.00">7:00</option> | 					<option value="7.00">7:00</option> | ||||||
| 					<option value="7.30">7:30</option> | 					<option value="7.50">7:30</option> | ||||||
| 					<option value="8.00">8:00</option> | 					<option value="8.00">8:00</option> | ||||||
| 					<option value="8.30">8:30</option> | 					<option value="8.50">8:30</option> | ||||||
| 					<option value="9.00">9:00</option> | 					<option value="9.00">9:00</option> | ||||||
| 					<option value="9.30">9:30</option> | 					<option value="9.50">9:30</option> | ||||||
| 					<option value="10.00">10:00</option> | 					<option value="10.00">10:00</option> | ||||||
| 					<option value="10.30">10:30</option> | 					<option value="10.50">10:30</option> | ||||||
| 					<option value="11.00">11:00</option> | 					<option value="11.00">11:00</option> | ||||||
| 					<option value="11.30">11:30</option> | 					<option value="11.50">11:30</option> | ||||||
| 					<option value="12.00">12:00</option> | 					<option value="12.00">12:00</option> | ||||||
| 					<option value="12.30">12:30</option> | 					<option value="12.50">12:30</option> | ||||||
| 				</select> | 				</select> | ||||||
| 				<select name="end_am_pm" class="span3"> | 				<select name="end_am_pm" class="span3"> | ||||||
| 					<option value="AM">AM</option> | 					<option value="AM">AM</option> | ||||||
|  |  | ||||||
|  | @ -13,6 +13,6 @@ | ||||||
| 	</div> | 	</div> | ||||||
| </div> | </div> | ||||||
| <div class="modal-footer"> | <div class="modal-footer"> | ||||||
| 	<a href="#" class="btn">Delete</a> | 	<%= link_to "Delete", panel_calendar_back_end_event_path(@event),:class => "btn", :method => :delete, :remote => true %> | ||||||
| 	<a href="#" class="btn btn-primary">Edit</a> | 	<a href="#" class="btn btn-primary">Edit</a> | ||||||
| </div> | </div> | ||||||
|  |  | ||||||
|  | @ -1,3 +1,4 @@ | ||||||
|  | 
 | ||||||
| <!-- <form class="form-horizontal"> --> | <!-- <form class="form-horizontal"> --> | ||||||
| <%= form_for @newlocation, :url=>{:action => "create"}, :remote => true, :class=>"form-horizontal" do |f| %> | <%= form_for @newlocation, :url=>{:action => "create"}, :remote => true, :class=>"form-horizontal" do |f| %> | ||||||
|   <div class="control-group"> |   <div class="control-group"> | ||||||
|  |  | ||||||
		Loading…
	
		Reference in New Issue