Monotone-Parent: c35b4b523a503d3e04dc1985bf5db52acbdcf780
Monotone-Revision: e2cc9e369fece0fbd44cff17dec1220e125bc037 Monotone-Author: wsourdeau@inverse.ca Monotone-Date: 2007-06-11T21:23:48 Monotone-Branch: ca.inverse.sogo
This commit is contained in:
parent
a5819dbd47
commit
02032afa11
|
@ -33,7 +33,15 @@ String.prototype.asDate = function () {
|
||||||
newDate = new Date(date[2], date[1] - 1, date[0]);
|
newDate = new Date(date[2], date[1] - 1, date[0]);
|
||||||
else {
|
else {
|
||||||
date = this.split("-");
|
date = this.split("-");
|
||||||
|
if (date.length == 3)
|
||||||
newDate = new Date(date[0], date[1] - 1, date[2]);
|
newDate = new Date(date[0], date[1] - 1, date[2]);
|
||||||
|
else {
|
||||||
|
if (this.length == 8) {
|
||||||
|
newDate = new Date(this.substring(0, 4),
|
||||||
|
this.substring(4, 6) - 1,
|
||||||
|
this.substring(6, 8));
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
return newDate;
|
return newDate;
|
||||||
|
@ -99,6 +107,19 @@ Date.prototype.getHourString = function() {
|
||||||
return newString;
|
return newString;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Date.prototype.getDisplayHoursString = function() {
|
||||||
|
var hoursString = this.getHours();
|
||||||
|
if (hoursString.length == 1)
|
||||||
|
hoursString = '0' + hoursString;
|
||||||
|
|
||||||
|
var minutesString = this.getMinutes();
|
||||||
|
if (minutesString.length == 1)
|
||||||
|
minutesString = '0' + minutesString;
|
||||||
|
|
||||||
|
|
||||||
|
return hoursString + ":" + minutesString;
|
||||||
|
}
|
||||||
|
|
||||||
Date.prototype.stringWithSeparator = function(separator) {
|
Date.prototype.stringWithSeparator = function(separator) {
|
||||||
var month = '' + (this.getMonth() + 1);
|
var month = '' + (this.getMonth() + 1);
|
||||||
var day = '' + this.getDate();
|
var day = '' + this.getDate();
|
||||||
|
@ -118,3 +139,19 @@ Date.prototype.stringWithSeparator = function(separator) {
|
||||||
Date.prototype.sogoFreeBusyStringWithSeparator = function(separator) {
|
Date.prototype.sogoFreeBusyStringWithSeparator = function(separator) {
|
||||||
return this.sogoDayName() + ", " + this.stringWithSeparator(separator);
|
return this.sogoDayName() + ", " + this.stringWithSeparator(separator);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Date.prototype.addDays = function(nbrDays) {
|
||||||
|
var milliSeconds = this.getTime();
|
||||||
|
milliSeconds += 86400000 * nbrDays;
|
||||||
|
this.setTime(milliSeconds);
|
||||||
|
}
|
||||||
|
|
||||||
|
Date.prototype.earlierDate = function(otherDate) {
|
||||||
|
return ((this.getTime() < otherDate.getTime())
|
||||||
|
? this : otherDate);
|
||||||
|
}
|
||||||
|
|
||||||
|
Date.prototype.laterDate = function(otherDate) {
|
||||||
|
return ((this.getTime() < otherDate.getTime())
|
||||||
|
? otherDate : this);
|
||||||
|
}
|
||||||
|
|
|
@ -23,7 +23,7 @@ var usersRightsWindowHeight = 250;
|
||||||
var usersRightsWindowWidth = 502;
|
var usersRightsWindowWidth = 502;
|
||||||
|
|
||||||
function newEvent(sender, type) {
|
function newEvent(sender, type) {
|
||||||
var day = sender.getAttribute("day");
|
var day = sender.day;
|
||||||
if (!day)
|
if (!day)
|
||||||
day = currentDay;
|
day = currentDay;
|
||||||
|
|
||||||
|
@ -32,7 +32,9 @@ function newEvent(sender, type) {
|
||||||
&& currentView == "multicolumndayview" && type == "event")
|
&& currentView == "multicolumndayview" && type == "event")
|
||||||
user = sender.parentNode.parentNode.getAttribute("user");
|
user = sender.parentNode.parentNode.getAttribute("user");
|
||||||
|
|
||||||
var hour = sender.getAttribute("hour");
|
var hour = sender.hour;
|
||||||
|
if (!hour)
|
||||||
|
hour = sender.getAttribute("hour");
|
||||||
var urlstr = UserFolderURL + "../" + user + "/Calendar/new" + type;
|
var urlstr = UserFolderURL + "../" + user + "/Calendar/new" + type;
|
||||||
var params = new Array();
|
var params = new Array();
|
||||||
if (day)
|
if (day)
|
||||||
|
@ -182,7 +184,7 @@ function modifyEventCallback(http) {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
log("showing alert...");
|
// log("showing alert...");
|
||||||
window.alert(labels["eventPartStatModificationError"]);
|
window.alert(labels["eventPartStatModificationError"]);
|
||||||
}
|
}
|
||||||
document.modifyEventAjaxRequest = null;
|
document.modifyEventAjaxRequest = null;
|
||||||
|
@ -211,11 +213,11 @@ function deleteEventCallback(http) {
|
||||||
log ("deleteEventCallback Ajax error");
|
log ("deleteEventCallback Ajax error");
|
||||||
}
|
}
|
||||||
|
|
||||||
function editDoubleClickedEvent() {
|
function editDoubleClickedEvent(event) {
|
||||||
_editEventId(this.getAttribute("id"),
|
_editEventId(this.cname, this.owner);
|
||||||
this.owner);
|
|
||||||
|
|
||||||
return false;
|
event.preventDefault();
|
||||||
|
event.cancelBubble = true;
|
||||||
}
|
}
|
||||||
|
|
||||||
function onSelectAll() {
|
function onSelectAll() {
|
||||||
|
@ -225,18 +227,8 @@ function onSelectAll() {
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
function displayEvent(event) {
|
|
||||||
_editEventId(this.getAttribute("aptCName"),
|
|
||||||
this.owner);
|
|
||||||
|
|
||||||
preventDefault(event);
|
|
||||||
event.stopPropagation();
|
|
||||||
event.cancelBubble = true;
|
|
||||||
event.returnValue = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
function onDaySelect(node) {
|
function onDaySelect(node) {
|
||||||
var day = node.getAttribute("day");
|
var day = node.day;
|
||||||
var needRefresh = (listFilter == 'view_selectedday'
|
var needRefresh = (listFilter == 'view_selectedday'
|
||||||
&& day != currentDay);
|
&& day != currentDay);
|
||||||
|
|
||||||
|
@ -303,10 +295,10 @@ function dateSelectorCallback(http) {
|
||||||
}
|
}
|
||||||
|
|
||||||
function eventsListCallback(http) {
|
function eventsListCallback(http) {
|
||||||
var div = $("eventsListView");
|
|
||||||
|
|
||||||
if (http.readyState == 4
|
if (http.readyState == 4
|
||||||
&& http.status == 200) {
|
&& http.status == 200) {
|
||||||
|
var div = $("eventsListView");
|
||||||
|
|
||||||
document.eventsListAjaxRequest = null;
|
document.eventsListAjaxRequest = null;
|
||||||
var table = $("eventsList").tBodies[0];
|
var table = $("eventsList").tBodies[0];
|
||||||
var params = parseQueryParameters(http.callbackData);
|
var params = parseQueryParameters(http.callbackData);
|
||||||
|
@ -320,6 +312,7 @@ function eventsListCallback(http) {
|
||||||
table.appendChild(row);
|
table.appendChild(row);
|
||||||
$(row).addClassName("eventRow");
|
$(row).addClassName("eventRow");
|
||||||
row.setAttribute("id", data[i][0]);
|
row.setAttribute("id", data[i][0]);
|
||||||
|
row.cname = data[i][0];
|
||||||
row.owner = data[i][1];
|
row.owner = data[i][1];
|
||||||
|
|
||||||
var startDate = new Date();
|
var startDate = new Date();
|
||||||
|
@ -341,13 +334,13 @@ function eventsListCallback(http) {
|
||||||
row.appendChild(td);
|
row.appendChild(td);
|
||||||
Event.observe(td, "mousedown",
|
Event.observe(td, "mousedown",
|
||||||
listRowMouseDownHandler.bindAsEventListener(td), true);
|
listRowMouseDownHandler.bindAsEventListener(td), true);
|
||||||
td.appendChild(document.createTextNode(data[i][4]));
|
td.appendChild(document.createTextNode(data[i][8]));
|
||||||
|
|
||||||
td = document.createElement("td");
|
td = document.createElement("td");
|
||||||
row.appendChild(td);
|
row.appendChild(td);
|
||||||
Event.observe(td, "mousedown",
|
Event.observe(td, "mousedown",
|
||||||
listRowMouseDownHandler.bindAsEventListener(td), true);
|
listRowMouseDownHandler.bindAsEventListener(td), true);
|
||||||
td.appendChild(document.createTextNode(data[i][5]));
|
td.appendChild(document.createTextNode(data[i][9]));
|
||||||
|
|
||||||
td = document.createElement("td");
|
td = document.createElement("td");
|
||||||
row.appendChild(td);
|
row.appendChild(td);
|
||||||
|
@ -373,7 +366,7 @@ function tasksListCallback(http) {
|
||||||
//log(i + " = " + data[i][3]);
|
//log(i + " = " + data[i][3]);
|
||||||
var listItem = document.createElement("li");
|
var listItem = document.createElement("li");
|
||||||
list.appendChild(listItem);
|
list.appendChild(listItem);
|
||||||
//Event.observe(listItem, "mousedown", listRowMouseDownHandler); // causes problem with Safari
|
Event.observe(listItem, "mousedown", listRowMouseDownHandler); // causes problem with Safari
|
||||||
Event.observe(listItem, "click", onRowClick);
|
Event.observe(listItem, "click", onRowClick);
|
||||||
Event.observe(listItem, "dblclick", editDoubleClickedEvent.bindAsEventListener(listItem));
|
Event.observe(listItem, "dblclick", editDoubleClickedEvent.bindAsEventListener(listItem));
|
||||||
listItem.setAttribute("id", data[i][0]);
|
listItem.setAttribute("id", data[i][0]);
|
||||||
|
@ -397,7 +390,7 @@ function tasksListCallback(http) {
|
||||||
if (http.callbackData) {
|
if (http.callbackData) {
|
||||||
var selectedNodesId = http.callbackData;
|
var selectedNodesId = http.callbackData;
|
||||||
for (var i = 0; i < selectedNodesId.length; i++) {
|
for (var i = 0; i < selectedNodesId.length; i++) {
|
||||||
log(selectedNodesId[i] + " (" + i + ") is selected");
|
// log(selectedNodesId[i] + " (" + i + ") is selected");
|
||||||
$(selectedNodesId[i]).select();
|
$(selectedNodesId[i]).select();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -414,14 +407,14 @@ function restoreCurrentDaySelection(div) {
|
||||||
var i = 9;
|
var i = 9;
|
||||||
while (!day && i < elements.length)
|
while (!day && i < elements.length)
|
||||||
{
|
{
|
||||||
day = elements[i].getAttribute("day");
|
day = elements[i].day;
|
||||||
i++;
|
i++;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (day
|
if (day
|
||||||
&& day.substr(0, 6) == currentDay.substr(0, 6)) {
|
&& day.substr(0, 6) == currentDay.substr(0, 6)) {
|
||||||
for (i = 0; i < elements.length; i++) {
|
for (i = 0; i < elements.length; i++) {
|
||||||
day = elements[i].getAttribute("day");
|
day = elements[i].day;
|
||||||
if (day && day == currentDay) {
|
if (day && day == currentDay) {
|
||||||
var td = elements[i].getParentWithTagName("td");
|
var td = elements[i].getParentWithTagName("td");
|
||||||
if (document.selectedDate)
|
if (document.selectedDate)
|
||||||
|
@ -487,11 +480,9 @@ function changeCalendarDisplay(time, newView) {
|
||||||
document.dayDisplayAjaxRequest.aborted = true;
|
document.dayDisplayAjaxRequest.aborted = true;
|
||||||
document.dayDisplayAjaxRequest.abort();
|
document.dayDisplayAjaxRequest.abort();
|
||||||
}
|
}
|
||||||
document.dayDisplayAjaxRequest = triggerAjaxRequest(url,
|
document.dayDisplayAjaxRequest
|
||||||
calendarDisplayCallback,
|
= triggerAjaxRequest(url, calendarDisplayCallback,
|
||||||
{ "view": newView,
|
{ "view": newView, "day": day, "hour": hour });
|
||||||
"day": day,
|
|
||||||
"hour": hour });
|
|
||||||
|
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
@ -534,9 +525,10 @@ function scrollDayView(hour) {
|
||||||
rowNumber = 8;
|
rowNumber = 8;
|
||||||
|
|
||||||
var daysView = $("daysView");
|
var daysView = $("daysView");
|
||||||
var hours = $(daysView.childNodesWithTag("div")[0]).childNodesWithTag("div");
|
var hours =
|
||||||
|
$(daysView.childNodesWithTag("div"))[0].childNodesWithTag("div");
|
||||||
if (hours.length > 0)
|
if (hours.length > 0)
|
||||||
daysView.parentNode.scrollTop = hours[rowNumber + 1].offsetTop;
|
daysView.scrollTop = hours[rowNumber].offsetTop;
|
||||||
}
|
}
|
||||||
|
|
||||||
function onClickableCellsDblClick(event) {
|
function onClickableCellsDblClick(event) {
|
||||||
|
@ -546,6 +538,179 @@ function onClickableCellsDblClick(event) {
|
||||||
event.returnValue = false;
|
event.returnValue = false;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function refreshCalendarEvents() {
|
||||||
|
var sd = currentDay;
|
||||||
|
if (!sd) {
|
||||||
|
var todayDate = new Date();
|
||||||
|
sd = todayDate.getDayString();
|
||||||
|
}
|
||||||
|
var ed;
|
||||||
|
if (currentView == "dayview")
|
||||||
|
ed = sd;
|
||||||
|
else if (currentView == "weekview") {
|
||||||
|
var endDate = sd.asDate();
|
||||||
|
endDate.addDays(6);
|
||||||
|
ed = endDate.getDayString();
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
var monthDate = sd.asDate();
|
||||||
|
monthDate.setDate(1);
|
||||||
|
|
||||||
|
var workDate = new Date();
|
||||||
|
workDate.setTime(monthDate.getTime());
|
||||||
|
var day = workDate.getDay();
|
||||||
|
if (day > 0)
|
||||||
|
workDate.addDays(1 - day);
|
||||||
|
else
|
||||||
|
workDate.addDays(-6);
|
||||||
|
|
||||||
|
sd = workDate.getDayString();
|
||||||
|
|
||||||
|
workDate.setTime(monthDate.getTime());
|
||||||
|
workDate.setMonth(workDate.getMonth() + 1);
|
||||||
|
workDate.addDays(-1);
|
||||||
|
|
||||||
|
var day = workDate.getDay();
|
||||||
|
if (day > 0)
|
||||||
|
workDate.addDays(7 - day);
|
||||||
|
ed = workDate.getDayString();
|
||||||
|
}
|
||||||
|
if (document.refreshCalendarEventsAjaxRequest) {
|
||||||
|
document.refreshCalendarEventsAjaxRequest.aborted = true;
|
||||||
|
document.refreshCalendarEventsAjaxRequest.abort();
|
||||||
|
}
|
||||||
|
var url = ApplicationBaseURL + "eventslist?sd=" + sd + "&ed=" + ed;
|
||||||
|
document.refreshCalendarEventsAjaxRequest
|
||||||
|
= triggerAjaxRequest(url, refreshCalendarEventsCallback,
|
||||||
|
{"startDate": sd, "endDate": ed});
|
||||||
|
}
|
||||||
|
|
||||||
|
function refreshCalendarEventsCallback(http) {
|
||||||
|
if (http.readyState == 4
|
||||||
|
&& http.status == 200) {
|
||||||
|
var data = http.responseText.evalJSON(true);
|
||||||
|
// log("refresh calendar events: " + data.length);
|
||||||
|
for (var i = 0; i < data.length; i++)
|
||||||
|
drawCalendarEvent(data[i],
|
||||||
|
http.callbackData["startDate"],
|
||||||
|
http.callbackData["endDate"]);
|
||||||
|
}
|
||||||
|
else
|
||||||
|
log("AJAX error when refreshing calendar events");
|
||||||
|
}
|
||||||
|
|
||||||
|
function drawCalendarEvent(eventData, sd, ed) {
|
||||||
|
var viewStartDate = sd.asDate();
|
||||||
|
var viewEndDate = ed.asDate();
|
||||||
|
|
||||||
|
var startDate = new Date();
|
||||||
|
startDate.setTime(eventData[4] * 1000);
|
||||||
|
var endDate = new Date();
|
||||||
|
endDate.setTime(eventData[5] * 1000);
|
||||||
|
|
||||||
|
var days = startDate.daysUpTo(endDate);
|
||||||
|
|
||||||
|
var divs = new Array();
|
||||||
|
|
||||||
|
var title = null;
|
||||||
|
var startHour = null;
|
||||||
|
var endHour = null;
|
||||||
|
for (var i = 0; i < days.length; i++)
|
||||||
|
if (days[i].earlierDate(viewStartDate) == viewStartDate
|
||||||
|
&& days[i].laterDate(viewEndDate) == viewEndDate) {
|
||||||
|
var starts;
|
||||||
|
if (i == 0) {
|
||||||
|
var quarters = (startDate.getHours() * 4
|
||||||
|
+ Math.floor(startDate.getMinutes() / 15));
|
||||||
|
starts = quarters;
|
||||||
|
title = eventData[3];
|
||||||
|
startHour = startDate.getDisplayHoursString();
|
||||||
|
endHour = endDate.getDisplayHoursString();
|
||||||
|
}
|
||||||
|
else
|
||||||
|
starts = 0;
|
||||||
|
|
||||||
|
var ends;
|
||||||
|
var lasts;
|
||||||
|
if (i == days.length - 1) {
|
||||||
|
var quarters = (endDate.getHours() * 4
|
||||||
|
+ Math.ceil(endDate.getMinutes() / 15));
|
||||||
|
ends = quarters;
|
||||||
|
}
|
||||||
|
else
|
||||||
|
ends = 96;
|
||||||
|
lasts = ends - starts;
|
||||||
|
|
||||||
|
var parentDiv;
|
||||||
|
if (currentView == "monthview") {
|
||||||
|
var eventDiv = newCalendarDIV(eventData[0], eventData[1], starts, lasts,
|
||||||
|
null, null, title);
|
||||||
|
|
||||||
|
var dayString = days[i].getDayString();
|
||||||
|
var dayDivs = $("monthDaysView").childNodesWithTag("div");
|
||||||
|
var j = 0;
|
||||||
|
while (!parentDiv && j < dayDivs.length) {
|
||||||
|
if (dayDivs[j].getAttribute("day") == dayString)
|
||||||
|
parentDiv = dayDivs[j];
|
||||||
|
else
|
||||||
|
j++;
|
||||||
|
}
|
||||||
|
parentDiv.appendChild(eventDiv);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function newCalendarDIV(cname, owner, starts, lasts,
|
||||||
|
startHour, endHour, title) {
|
||||||
|
var eventDiv = document.createElement("div");
|
||||||
|
eventDiv.cname = cname;
|
||||||
|
eventDiv.owner = owner;
|
||||||
|
eventDiv.addClassName("event");
|
||||||
|
eventDiv.addClassName("starts" + starts);
|
||||||
|
eventDiv.addClassName("lasts" + lasts);
|
||||||
|
for (var i = 1; i < 5; i++) {
|
||||||
|
var shadowDiv = document.createElement("div");
|
||||||
|
eventDiv.appendChild(shadowDiv);
|
||||||
|
shadowDiv.addClassName("shadow");
|
||||||
|
shadowDiv.addClassName("shadow" + i);
|
||||||
|
}
|
||||||
|
var innerDiv = document.createElement("div");
|
||||||
|
eventDiv.appendChild(innerDiv);
|
||||||
|
innerDiv.addClassName("eventInside");
|
||||||
|
innerDiv.addClassName("ownerIs" + owner);
|
||||||
|
|
||||||
|
var gradientDiv = document.createElement("div");
|
||||||
|
innerDiv.appendChild(gradientDiv);
|
||||||
|
gradientDiv.addClassName("gradient");
|
||||||
|
var gradientImg = document.createElement("img");
|
||||||
|
gradientDiv.appendChild(gradientImg);
|
||||||
|
gradientImg.src = ResourcesURL + "/event-gradient.png";
|
||||||
|
|
||||||
|
var textDiv = document.createElement("div");
|
||||||
|
innerDiv.appendChild(textDiv);
|
||||||
|
textDiv.addClassName("text");
|
||||||
|
if (startHour) {
|
||||||
|
var headerSpan = document.createElement("span");
|
||||||
|
textDiv.appendChild(headerSpan);
|
||||||
|
headerSpan.addClassName("eventHeader");
|
||||||
|
headerSpan.appendChild(document.createTextNode(startHour + " - "
|
||||||
|
+ endHour));
|
||||||
|
textDiv.appendChild(document.createElement("br"));
|
||||||
|
}
|
||||||
|
textDiv.appendChild(document.createTextNode(title));
|
||||||
|
|
||||||
|
Event.observe(eventDiv, "mousedown", listRowMouseDownHandler);
|
||||||
|
Event.observe(eventDiv, "click",
|
||||||
|
onCalendarSelectEvent.bindAsEventListener(eventDiv));
|
||||||
|
Event.observe(eventDiv, "dblclick",
|
||||||
|
editDoubleClickedEvent.bindAsEventListener(eventDiv));
|
||||||
|
|
||||||
|
return eventDiv;
|
||||||
|
}
|
||||||
|
|
||||||
function calendarDisplayCallback(http) {
|
function calendarDisplayCallback(http) {
|
||||||
var div = $("calendarView");
|
var div = $("calendarView");
|
||||||
|
|
||||||
|
@ -567,25 +732,32 @@ function calendarDisplayCallback(http) {
|
||||||
scrollDayView(hour);
|
scrollDayView(hour);
|
||||||
contentView = $("daysView");
|
contentView = $("daysView");
|
||||||
}
|
}
|
||||||
var events = document.getElementsByClassName("event", contentView);
|
refreshCalendarEvents();
|
||||||
for (var i = 0; i < events.length; i++) {
|
|
||||||
Event.observe(events[i], "mousedown", listRowMouseDownHandler);
|
|
||||||
Event.observe(events[i], "click", onCalendarSelectEvent.bindAsEventListener(events[i]));
|
|
||||||
Event.observe(events[i], "dblclick", displayEvent.bindAsEventListener(events[i]));
|
|
||||||
}
|
|
||||||
var days = document.getElementsByClassName("day", contentView);
|
var days = document.getElementsByClassName("day", contentView);
|
||||||
if (currentView == "monthview")
|
if (currentView == "monthview")
|
||||||
for (var i = 0; i < days.length; i++) {
|
for (var i = 0; i < days.length; i++) {
|
||||||
Event.observe(days[i], "click", onCalendarSelectDay.bindAsEventListener(days[i]));
|
Event.observe(days[i], "click", onCalendarSelectDay.bindAsEventListener(days[i]));
|
||||||
Event.observe(days[i], "dblclick", onClickableCellsDblClick.bindAsEventListener(days[i]));
|
Event.observe(days[i], "dblclick", onClickableCellsDblClick.bindAsEventListener(days[i]));
|
||||||
}
|
}
|
||||||
else
|
else {
|
||||||
|
var headerDivs = $("calendarHeader").childNodesWithTag("div");
|
||||||
|
var headerDaysLabels = document.getElementsByClassName("day", headerDivs[0]);
|
||||||
|
var headerDays = document.getElementsByClassName("day", headerDivs[1]);
|
||||||
for (var i = 0; i < days.length; i++) {
|
for (var i = 0; i < days.length; i++) {
|
||||||
Event.observe(days[i], "click", onCalendarSelectDay.bindAsEventListener(days[i]));
|
headerDays[i].hour = "allday";
|
||||||
|
Event.observe(headerDaysLabels[i], "mousedown", listRowMouseDownHandler);
|
||||||
|
Event.observe(headerDays[i], "click",
|
||||||
|
onCalendarSelectDay.bindAsEventListener(days[i]));
|
||||||
|
Event.observe(headerDays[i], "dblclick",
|
||||||
|
onClickableCellsDblClick.bindAsEventListener(headerDays[i]));
|
||||||
|
Event.observe(days[i], "click",
|
||||||
|
onCalendarSelectDay.bindAsEventListener(days[i]));
|
||||||
var clickableCells = document.getElementsByClassName("clickableHourCell",
|
var clickableCells = document.getElementsByClassName("clickableHourCell",
|
||||||
days[i]);
|
days[i]);
|
||||||
for (var j = 0; j < clickableCells.length; j++)
|
for (var j = 0; j < clickableCells.length; j++)
|
||||||
Event.observe(clickableCells[j], "dblclick", onClickableCellsDblClick.bindAsEventListener(clickableCells[j]));
|
Event.observe(clickableCells[j], "dblclick",
|
||||||
|
onClickableCellsDblClick.bindAsEventListener(clickableCells[j]));
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
else
|
else
|
||||||
|
@ -734,8 +906,8 @@ function onListFilterChange() {
|
||||||
function onEventClick(event) {
|
function onEventClick(event) {
|
||||||
var target = getTarget(event);
|
var target = getTarget(event);
|
||||||
var node = target.getParentWithTagName("tr");
|
var node = target.getParentWithTagName("tr");
|
||||||
var day = node.getAttribute("day");
|
var day = node.day;
|
||||||
var hour = node.getAttribute("hour");
|
var hour = node.hour;
|
||||||
|
|
||||||
changeCalendarDisplay( { "day": day, "hour": hour} );
|
changeCalendarDisplay( { "day": day, "hour": hour} );
|
||||||
changeDateSelectorDisplay(day);
|
changeDateSelectorDisplay(day);
|
||||||
|
@ -822,12 +994,11 @@ function onCalendarSelectEvent() {
|
||||||
var list = $("eventsList");
|
var list = $("eventsList");
|
||||||
list.deselectAll();
|
list.deselectAll();
|
||||||
|
|
||||||
var aptCName = this.getAttribute("aptCName");
|
|
||||||
if (selectedCalendarCell)
|
if (selectedCalendarCell)
|
||||||
selectedCalendarCell.deselect();
|
selectedCalendarCell.deselect();
|
||||||
this.select();
|
this.select();
|
||||||
selectedCalendarCell = this;
|
selectedCalendarCell = this;
|
||||||
var row = $(aptCName);
|
var row = $(this.cname);
|
||||||
if (row) {
|
if (row) {
|
||||||
var div = row.parentNode.parentNode.parentNode;
|
var div = row.parentNode.parentNode.parentNode;
|
||||||
div.scrollTop = row.offsetTop - (div.offsetHeight / 2);
|
div.scrollTop = row.offsetTop - (div.offsetHeight / 2);
|
||||||
|
@ -838,7 +1009,7 @@ function onCalendarSelectEvent() {
|
||||||
function onCalendarSelectDay(event) {
|
function onCalendarSelectDay(event) {
|
||||||
var day;
|
var day;
|
||||||
if (currentView == "multicolumndayview")
|
if (currentView == "multicolumndayview")
|
||||||
day = this.parentNode.getAttribute("day");
|
day = this.getAttribute("day");
|
||||||
else
|
else
|
||||||
day = this.getAttribute("day");
|
day = this.getAttribute("day");
|
||||||
var needRefresh = (listFilter == 'view_selectedday'
|
var needRefresh = (listFilter == 'view_selectedday'
|
||||||
|
@ -861,12 +1032,21 @@ function onCalendarSelectDay(event) {
|
||||||
|
|
||||||
function changeWeekCalendarDisplayOfSelectedDay(node) {
|
function changeWeekCalendarDisplayOfSelectedDay(node) {
|
||||||
var days = document.getElementsByClassName("day", node.parentNode);
|
var days = document.getElementsByClassName("day", node.parentNode);
|
||||||
|
var headerDiv = $("calendarHeader").childNodesWithTag("div")[1];
|
||||||
|
var headerDays = document.getElementsByClassName("day", headerDiv);
|
||||||
|
|
||||||
|
// log ("days: " + days.length + "; headerDays: " + headerDays.length);
|
||||||
for (var i = 0; i < days.length; i++)
|
for (var i = 0; i < days.length; i++)
|
||||||
if (days[i] != node)
|
if (days[i] != node) {
|
||||||
|
// log("unselect day : " + i);
|
||||||
|
headerDays[i].removeClassName("selectedDay");
|
||||||
days[i].removeClassName("selectedDay");
|
days[i].removeClassName("selectedDay");
|
||||||
|
}
|
||||||
node.addClassName("selectedDay");
|
else {
|
||||||
|
// log("selected day : " + i);
|
||||||
|
headerDays[i].addClassName("selectedDay");
|
||||||
|
days[i].addClassName("selectedDay");
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function findMonthCalendarSelectedCell(daysContainer) {
|
function findMonthCalendarSelectedCell(daysContainer) {
|
||||||
|
@ -908,7 +1088,7 @@ function updateTaskStatus(event) {
|
||||||
var newStatus = (this.checked ? 1 : 0);
|
var newStatus = (this.checked ? 1 : 0);
|
||||||
var http = createHTTPClient();
|
var http = createHTTPClient();
|
||||||
|
|
||||||
log("update task status: " + taskId + " to " + this.checked);
|
// log("update task status: " + taskId + " to " + this.checked);
|
||||||
event.cancelBubble = true;
|
event.cancelBubble = true;
|
||||||
|
|
||||||
url = (UserFolderURL + "../" + taskOwner
|
url = (UserFolderURL + "../" + taskOwner
|
||||||
|
@ -979,7 +1159,7 @@ function calendarStatusCallback(http) {
|
||||||
http.status == 1223) {
|
http.status == 1223) {
|
||||||
refreshEvents();
|
refreshEvents();
|
||||||
refreshTasks();
|
refreshTasks();
|
||||||
changeCalendarDispla4y();
|
changeCalendarDisplay();
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
var folder = $(http.callbackData);
|
var folder = $(http.callbackData);
|
||||||
|
|
|
@ -181,7 +181,7 @@ function endDayAsShortString() {
|
||||||
return $('endTime_date').valueAsShortDateString();
|
return $('endTime_date').valueAsShortDateString();
|
||||||
}
|
}
|
||||||
|
|
||||||
this._getDate = function(which) {
|
function _getDate(which) {
|
||||||
var date = window.timeWidgets[which]['date'].valueAsDate();
|
var date = window.timeWidgets[which]['date'].valueAsDate();
|
||||||
date.setHours( window.timeWidgets[which]['hour'].value );
|
date.setHours( window.timeWidgets[which]['hour'].value );
|
||||||
date.setMinutes( window.timeWidgets[which]['minute'].value );
|
date.setMinutes( window.timeWidgets[which]['minute'].value );
|
||||||
|
@ -189,7 +189,7 @@ this._getDate = function(which) {
|
||||||
return date;
|
return date;
|
||||||
}
|
}
|
||||||
|
|
||||||
this._getShadowDate = function(which) {
|
function _getShadowDate(which) {
|
||||||
var date = window.timeWidgets[which]['date'].getAttribute("shadow-value").asDate();
|
var date = window.timeWidgets[which]['date'].getAttribute("shadow-value").asDate();
|
||||||
var intValue = parseInt(window.timeWidgets[which]['hour'].getAttribute("shadow-value"));
|
var intValue = parseInt(window.timeWidgets[which]['hour'].getAttribute("shadow-value"));
|
||||||
date.setHours(intValue);
|
date.setHours(intValue);
|
||||||
|
@ -200,23 +200,23 @@ this._getShadowDate = function(which) {
|
||||||
return date;
|
return date;
|
||||||
}
|
}
|
||||||
|
|
||||||
this.getStartDate = function() {
|
function getStartDate() {
|
||||||
return this._getDate('start');
|
return this._getDate('start');
|
||||||
}
|
}
|
||||||
|
|
||||||
this.getEndDate = function() {
|
function getEndDate() {
|
||||||
return this._getDate('end');
|
return this._getDate('end');
|
||||||
}
|
}
|
||||||
|
|
||||||
this.getShadowStartDate = function() {
|
function getShadowStartDate() {
|
||||||
return this._getShadowDate('start');
|
return this._getShadowDate('start');
|
||||||
}
|
}
|
||||||
|
|
||||||
this.getShadowEndDate = function() {
|
function getShadowEndDate() {
|
||||||
return this._getShadowDate('end');
|
return this._getShadowDate('end');
|
||||||
}
|
}
|
||||||
|
|
||||||
this._setDate = function(which, newDate) {
|
function _setDate(which, newDate) {
|
||||||
window.timeWidgets[which]['date'].setValueAsDate(newDate);
|
window.timeWidgets[which]['date'].setValueAsDate(newDate);
|
||||||
window.timeWidgets[which]['hour'].value = newDate.getHours();
|
window.timeWidgets[which]['hour'].value = newDate.getHours();
|
||||||
var minutes = newDate.getMinutes();
|
var minutes = newDate.getMinutes();
|
||||||
|
@ -225,16 +225,16 @@ this._setDate = function(which, newDate) {
|
||||||
window.timeWidgets[which]['minute'].value = minutes;
|
window.timeWidgets[which]['minute'].value = minutes;
|
||||||
}
|
}
|
||||||
|
|
||||||
this.setStartDate = function(newStartDate) {
|
function setStartDate(newStartDate) {
|
||||||
this._setDate('start', newStartDate);
|
this._setDate('start', newStartDate);
|
||||||
}
|
}
|
||||||
|
|
||||||
this.setEndDate = function(newEndDate) {
|
function setEndDate(newEndDate) {
|
||||||
// window.alert(newEndDate);
|
// window.alert(newEndDate);
|
||||||
this._setDate('end', newEndDate);
|
this._setDate('end', newEndDate);
|
||||||
}
|
}
|
||||||
|
|
||||||
this.onAdjustEndTime = function(event) {
|
function onAdjustEndTime(event) {
|
||||||
var dateDelta = (window.getStartDate().valueOf()
|
var dateDelta = (window.getStartDate().valueOf()
|
||||||
- window.getShadowStartDate().valueOf());
|
- window.getShadowStartDate().valueOf());
|
||||||
// window.alert(window.getEndDate().valueOf() + ' ' + dateDelta);
|
// window.alert(window.getEndDate().valueOf() + ' ' + dateDelta);
|
||||||
|
@ -245,10 +245,39 @@ this.onAdjustEndTime = function(event) {
|
||||||
window.timeWidgets['start']['minute'].updateShadowValue();
|
window.timeWidgets['start']['minute'].updateShadowValue();
|
||||||
}
|
}
|
||||||
|
|
||||||
this.initTimeWidgets = function (widgets) {
|
function onAllDayChanged(event) {
|
||||||
|
for (var type in window.timeWidgets) {
|
||||||
|
window.timeWidgets[type]['hour'].disabled = this.checked;
|
||||||
|
window.timeWidgets[type]['minute'].disabled = this.checked;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function initTimeWidgets(widgets) {
|
||||||
this.timeWidgets = widgets;
|
this.timeWidgets = widgets;
|
||||||
|
|
||||||
Event.observe(widgets['start']['date'], "change", this.onAdjustEndTime, false);
|
Event.observe(widgets['start']['date'], "change", this.onAdjustEndTime, false);
|
||||||
Event.observe(widgets['start']['hour'], "change", this.onAdjustEndTime, false);
|
Event.observe(widgets['start']['hour'], "change", this.onAdjustEndTime, false);
|
||||||
Event.observe(widgets['start']['minute'], "change", this.onAdjustEndTime, false);
|
Event.observe(widgets['start']['minute'], "change", this.onAdjustEndTime, false);
|
||||||
|
|
||||||
|
var allDayLabel = $("allDay");
|
||||||
|
var input = $(allDayLabel).childNodesWithTag("input")[0];
|
||||||
|
Event.observe(input, "change", onAllDayChanged.bindAsEventListener(input));
|
||||||
|
if (input.checked) {
|
||||||
|
for (var type in widgets) {
|
||||||
|
widgets[type]['hour'].disabled = true;
|
||||||
|
widgets[type]['minute'].disabled = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function onAppointmentEditorLoad() {
|
||||||
|
var widgets = {'start': {'date': $("startTime_date"),
|
||||||
|
'hour': $("startTime_time_hour"),
|
||||||
|
'minute': $("startTime_time_minute")},
|
||||||
|
'end': {'date': $("endTime_date"),
|
||||||
|
'hour': $("endTime_time_hour"),
|
||||||
|
'minute': $("endTime_time_minute")}};
|
||||||
|
initTimeWidgets(widgets);
|
||||||
|
}
|
||||||
|
|
||||||
|
addEvent(window, 'load', onAppointmentEditorLoad);
|
||||||
|
|
Loading…
Reference in a new issue