week view updates
This commit is contained in:
parent
022d28e5e7
commit
bb626470e7
|
@ -1,16 +1,47 @@
|
|||
//created on sep 14 2012
|
||||
Date.prototype.getWeek = function (dowOffset) {
|
||||
/*getWeek() was developed by Nick Baicoianu at MeanFreePath: http://www.epoch-calendar.com */
|
||||
|
||||
dowOffset = typeof(dowOffset) == 'int' ? dowOffset : 0; //default dowOffset to zero
|
||||
var newYear = new Date(this.getFullYear(),0,1);
|
||||
var day = newYear.getDay() - dowOffset; //the day of week the year begins on
|
||||
day = (day >= 0 ? day : day + 7);
|
||||
var daynum = Math.floor((this.getTime() - newYear.getTime() -
|
||||
(this.getTimezoneOffset()-newYear.getTimezoneOffset())*60000)/86400000) + 1;
|
||||
var weeknum;
|
||||
//if the year starts before the middle of a week
|
||||
if(day < 4) {
|
||||
weeknum = Math.floor((daynum+day-1)/7) + 1;
|
||||
if(weeknum > 52) {
|
||||
nYear = new Date(this.getFullYear() + 1,0,1);
|
||||
nday = nYear.getDay() - dowOffset;
|
||||
nday = nday >= 0 ? nday : nday + 7;
|
||||
/*if the next year starts before the middle of
|
||||
the week, it is week #1 of that year*/
|
||||
weeknum = nday < 4 ? 1 : 53;
|
||||
}
|
||||
}
|
||||
else {
|
||||
weeknum = Math.floor((daynum+day-1)/7);
|
||||
}
|
||||
return weeknum;
|
||||
};
|
||||
|
||||
|
||||
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.cur_month = c.today.getMonth()+1;
|
||||
this.cur_year = c.today.getFullYear();
|
||||
this.cur_week = c.today.getWeek();
|
||||
this.view = null;
|
||||
this.monthlist = ["","January","February","March","April","May","June","July","August","September","October","November","December"];
|
||||
this.initialize = function(){
|
||||
$(window).load(function(){
|
||||
c.loadMonthView();
|
||||
// c.loadMonthView(c.cur_month,c.cur_year);
|
||||
c.loadWeekView(51,c.cur_year);
|
||||
bindHandlers();
|
||||
})
|
||||
var bindHandlers = function(){
|
||||
|
@ -39,7 +70,7 @@ var calendarAPI = function(){
|
|||
c.loadMonthView(c.cur_month,c.cur_year);
|
||||
break;
|
||||
case 'week':
|
||||
c.loadWeekView();
|
||||
c.loadWeekView(c.cur_week,c.cur_year);
|
||||
break;
|
||||
case 'day':
|
||||
c.loadDayView();
|
||||
|
@ -50,26 +81,53 @@ var calendarAPI = function(){
|
|||
}
|
||||
})
|
||||
$("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;
|
||||
switch (c.view){
|
||||
case "month":
|
||||
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);
|
||||
break;
|
||||
case "week":
|
||||
var w,y;
|
||||
w = c.cur_week - 1;
|
||||
y = c.cur_year;
|
||||
c.loadWeekView(w,y);
|
||||
break;
|
||||
}
|
||||
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;
|
||||
switch (c.view){
|
||||
case "month":
|
||||
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);
|
||||
break;
|
||||
case "week":
|
||||
var w,y;
|
||||
|
||||
if(c.cur_week == 52){
|
||||
w = 2;
|
||||
y = c.cur_year + 1;
|
||||
}else{
|
||||
w = c.cur_week + 1;
|
||||
y = c.cur_year;
|
||||
}
|
||||
c.loadWeekView(w,y);
|
||||
break;
|
||||
}
|
||||
c.loadMonthView(m,y);
|
||||
})
|
||||
$("button#today_btn").click(function(){
|
||||
c.loadMonthView();
|
||||
|
@ -77,6 +135,7 @@ var calendarAPI = function(){
|
|||
}
|
||||
}
|
||||
this.loadMonthView = function(month,year){
|
||||
c.view = "month";
|
||||
if(!month){
|
||||
var dt = new Date();
|
||||
month = dt.getMonth()+1;
|
||||
|
@ -87,7 +146,7 @@ var calendarAPI = function(){
|
|||
c.cur_month = month;
|
||||
c.cur_year = year;
|
||||
$('#view_holder').load("cals/month_view?month="+month+"&year="+year, function() {
|
||||
c.getEvents(month,year);
|
||||
c.getEventsForMonth(month,year);
|
||||
$('.current_day_title').text(c.monthlist[c.cur_month]+" "+c.cur_year);
|
||||
if($('#calendar_month').length > 0){
|
||||
var $c_table = $('#calendar_month');
|
||||
|
@ -114,7 +173,7 @@ var calendarAPI = function(){
|
|||
|
||||
}
|
||||
|
||||
this.getEvents = function(month,year){
|
||||
this.getEventsForMonth = function(month,year){
|
||||
$.getJSON("cals/getEvents",{"type":"monthview","month":month,"year":year},function(events){
|
||||
makerow(events);
|
||||
})
|
||||
|
@ -214,9 +273,18 @@ var calendarAPI = function(){
|
|||
}
|
||||
}
|
||||
|
||||
this.loadWeekView = function(){
|
||||
$('#view_holder').load("cals/week_view", function() {
|
||||
$('.current_day_title').text('September 2 - 8, 2012');
|
||||
this.loadWeekView = function(week,year){
|
||||
c.view = "week";
|
||||
if(!week){
|
||||
var dt = new Date();
|
||||
week = dt.getWeek();
|
||||
year = dt.getFullYear();
|
||||
}
|
||||
|
||||
c.cur_week = week;
|
||||
c.cur_year = year;
|
||||
$('#view_holder').load("cals/week_view?week="+week+"&year="+year, function() {
|
||||
$('.current_day_title').text($("#week_range").text());
|
||||
})
|
||||
}
|
||||
this.loadDayView = function(){
|
||||
|
@ -267,6 +335,7 @@ var calendarAPI = function(){
|
|||
})
|
||||
})
|
||||
}
|
||||
|
||||
c.initialize();
|
||||
}
|
||||
|
||||
|
|
|
@ -30,6 +30,10 @@ class Panel::Calendar::BackEnd::CalsController < OrbitBackendController
|
|||
end
|
||||
|
||||
def week_view
|
||||
week = params[:week]
|
||||
year = params[:year]
|
||||
@dates = week_dates(week,year)
|
||||
@range = week_range(week,year)
|
||||
render :layout => false
|
||||
end
|
||||
|
||||
|
@ -47,7 +51,6 @@ class Panel::Calendar::BackEnd::CalsController < OrbitBackendController
|
|||
cur_month_days = getMonthDays(year)
|
||||
@post_disabled_days = @pre_disabled_days + cur_month_days[month]
|
||||
@dateset = getDateSet(month,year)
|
||||
|
||||
render :layout => false
|
||||
end
|
||||
|
||||
|
@ -60,11 +63,30 @@ class Panel::Calendar::BackEnd::CalsController < OrbitBackendController
|
|||
year = params[:year]
|
||||
month = month.to_i
|
||||
year = year.to_i
|
||||
events = Event.where(:start_month => month).and(:start_year => year).asc(:start_date).desc(:total_days)
|
||||
events = Event.where(:start_month.lt => month).and(:start_year => year).and(:end_month.gte => month).asc(:start_date).desc(:total_days)
|
||||
@events = Array.new
|
||||
no_of_days_in_month = getMonthDays(year)
|
||||
events.each_with_index do |event,i|
|
||||
no_of_days = event.total_days
|
||||
|
||||
if event.end_month > month
|
||||
no_of_days = no_of_days_in_month[month]
|
||||
elsif event.end_month == month
|
||||
no_of_days = event.end_date
|
||||
end
|
||||
|
||||
no_of_days = no_of_days.to_i
|
||||
|
||||
color = Cal.find(event.cal_id).color
|
||||
@events << {"id"=>event.id,"index"=>i,"start_date"=>"1", "total_days" => no_of_days, "title" => event.title,"color"=>color,"show_link"=>panel_calendar_back_end_event_path(event)}
|
||||
end
|
||||
events = Event.where(:start_month => month).and(:start_year => year).asc(:start_date).desc(:total_days)
|
||||
events.each_with_index do |event,i|
|
||||
# @temp = Array.new
|
||||
no_of_days = event.total_days
|
||||
if event.end_month > month
|
||||
no_of_days = no_of_days_in_month[month] - event.start_date
|
||||
end
|
||||
no_of_days = no_of_days.to_i
|
||||
no_of_days += 1
|
||||
color = Cal.find(event.cal_id).color
|
||||
|
|
|
@ -61,10 +61,56 @@ module Panel::Calendar::BackEnd::CalsHelper
|
|||
monthsdays << 31
|
||||
return monthsdays
|
||||
end
|
||||
|
||||
def getDayName(date,month,year)
|
||||
date = date.to_i
|
||||
month = month.to_i
|
||||
year = year.to_i
|
||||
dt = Date.new(year,month,date)
|
||||
name = Date::ABBR_DAYNAMES[dt.wday]
|
||||
return name
|
||||
end
|
||||
|
||||
def week_dates(week_num,year)
|
||||
year = year.to_i
|
||||
week_num = week_num.to_i
|
||||
week_start = Date.commercial(year, week_num-1, 7)
|
||||
month = week_start.strftime("%m")
|
||||
month_days = getMonthDays(year)
|
||||
date = week_start.strftime("%d")
|
||||
dates = Array.new
|
||||
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 << Date::ABBR_DAYNAMES[i] + " " + month + "/" + d.to_s
|
||||
end
|
||||
dates
|
||||
end
|
||||
|
||||
def week_range(week_num,year)
|
||||
year = year.to_i
|
||||
week_num = week_num.to_i
|
||||
week_start = Date.commercial(year, week_num-1, 7)
|
||||
week_end = Date.commercial(year, week_num, 7)
|
||||
week_end = week_end - 1
|
||||
start_date = week_start.strftime("%d")
|
||||
end_date = week_end.strftime("%d")
|
||||
start_month = week_start.strftime("%m")
|
||||
end_month = week_end.strftime("%m")
|
||||
|
||||
if end_month == start_month
|
||||
range = Date::ABBR_MONTHNAMES[start_month.to_i] + " " + start_date.to_s + " - " + end_date.to_s + ", " + week_start.strftime("%Y").to_s
|
||||
else
|
||||
range = Date::ABBR_MONTHNAMES[start_month.to_i] + " " + start_date.to_s + " - " + Date::ABBR_MONTHNAMES[end_month.to_i] + " " + end_date.to_s + ", " + week_start.strftime("%Y").to_s
|
||||
end
|
||||
range
|
||||
end
|
||||
end
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
@ -1,35 +1,32 @@
|
|||
<div id="week_range" style="display:none;" ><%= @range %></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>
|
||||
<% @dates.each do |day| %>
|
||||
<th><%= day %></th>
|
||||
<% end %>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="border: 0; background: none;"></td>
|
||||
<td class="all_day_event week_day">
|
||||
<div class="event half" style="background-color: #ccffee;">
|
||||
<!-- <div class="event half" style="background-color: #ccffee;">
|
||||
<dl>
|
||||
<dt>10:30am - template</dt>
|
||||
<dd></dd>
|
||||
</dl>
|
||||
</div>
|
||||
</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;">
|
||||
<!-- <div class="event half" style="background-color: #ccffee;">
|
||||
<dl>
|
||||
<dt>10:30am - template</dt>
|
||||
<dd></dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div> -->
|
||||
</td>
|
||||
<td class="all_day_event week_day"></td>
|
||||
<td class="all_day_event week_day"></td>
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
$("#event_create").empty().hide();
|
||||
$("#create_event_btn").removeClass("active");
|
||||
$("#calendar_month tr.event_row").remove();
|
||||
calendar.getEvents(<%= @m %>,<%= @y %>);
|
||||
calendar.getEventsForMonth(<%= @m %>,<%= @y %>);
|
Reference in New Issue