/* JavaScript for SOGoCalendar */
-var sortOrder = '';
-var sortKey = '';
var listFilter = 'view_today';
var listOfSelection = null;
var selectedCalendarCell;
+var calendarColorIndex = null;
var showCompletedTasks = 0;
var contactSelectorAction = 'calendars-contacts';
var eventsToDelete = new Array();
-var ownersOfEventsToDelete = new Array();
+var calendarsOfEventsToDelete = new Array();
var usersRightsWindowHeight = 250;
var usersRightsWindowWidth = 502;
function newEvent(sender, type) {
- var day = sender.day;
+ var day = sender.readAttribute("day");
if (!day)
day = currentDay;
-
- var user = UserLogin;
- if (sender.parentNode.getAttribute("id") != "toolbar"
- && currentView == "multicolumndayview" && type == "event")
- user = sender.parentNode.parentNode.getAttribute("user");
-
- var hour = sender.hour;
- if (!hour)
- hour = sender.getAttribute("hour");
- var urlstr = UserFolderURL + "../" + user + "/Calendar/new" + type;
+ var hour = sender.readAttribute("hour");
+ var folder = getSelectedFolder();
+ var folderID = folder.readAttribute("id");
+ var roles = folder.readAttribute("roles");
+ if (roles) {
+ roles = roles.split(",")
+ if ($(roles).indexOf("PublicModifier") < 0)
+ folderID = "/personal";
+ }
+ var urlstr = ApplicationBaseURL + folderID + "/new" + type;
var params = new Array();
if (day)
params.push("day=" + day);
params.push("hm=" + hour);
if (params.length > 0)
urlstr += "?" + params.join("&");
-
window.open(urlstr, "", "width=490,height=470,resizable=0");
return false; /* stop following the link */
}
+function getSelectedFolder() {
+ var folder;
+ var list = $("calendarList");
+ var nodes = list.getSelectedRows();
+ if (nodes.length > 0)
+ folder = nodes[0];
+ else
+ folder = list.down("li");
+
+ return folder;
+}
+
function onMenuNewEventClick(event) {
newEvent(this, "event");
}
newEvent(this, "task");
}
-function _editEventId(id, owner) {
- var urlBase;
- if (owner)
- urlBase = UserFolderURL + "../" + owner + "/";
- urlBase += "Calendar/"
-
- var urlstr = urlBase + id + "/edit";
+function _editEventId(id, calendar) {
+ var urlstr = ApplicationBaseURL + "/" + calendar + "/" + id + "/edit";
var targetname = "SOGo_edit_" + id;
var win = window.open(urlstr, "_blank",
"width=490,height=470,resizable=0");
- win.focus();
+ if (win)
+ win.focus();
}
function editEvent() {
if (listOfSelection) {
var nodes = listOfSelection.getSelectedRows();
+ if (nodes.length == 0) {
+ window.alert(labels["Please select an event or a task."]);
+ return false;
+ }
+
for (var i = 0; i < nodes.length; i++)
_editEventId(nodes[i].getAttribute("id"),
- nodes[i].owner);
+ nodes[i].calendar);
} else if (selectedCalendarCell) {
- _editEventId(selectedCalendarCell[0].cname,
- selectedCalendarCell[0].owner);
+ _editEventId(selectedCalendarCell[0].cname,
+ selectedCalendarCell[0].calendar);
+ } else {
+ window.alert(labels["Please select an event or a task."]);
}
return false; /* stop following the link */
function _batchDeleteEvents() {
var events = eventsToDelete.shift();
- var owner = ownersOfEventsToDelete.shift();
- var urlstr = (UserFolderURL + "../" + owner + "/Calendar/batchDelete?ids="
- + events.join('/'));
+ var calendar = calendarsOfEventsToDelete.shift();
+ var urlstr = (ApplicationBaseURL + "/" + calendar
+ + "/batchDelete?ids=" + events.join('/'));
document.deleteEventAjaxRequest = triggerAjaxRequest(urlstr,
deleteEventCallback,
events);
if (nodes.length > 0) {
var label = "";
if (listOfSelection == $("tasksList"))
- label = labels["taskDeleteConfirmation"].decodeEntities();
+ label = labels["taskDeleteConfirmation"];
else
- label = labels["eventDeleteConfirmation"].decodeEntities();
+ label = labels["eventDeleteConfirmation"];
if (confirm(label)) {
if (document.deleteEventAjaxRequest) {
document.deleteEventAjaxRequest.abort();
}
var sortedNodes = new Array();
- var owners = new Array();
+ var calendars = new Array();
for (var i = 0; i < nodes.length; i++) {
- var owner = nodes[i].owner;
- if (!sortedNodes[owner]) {
- sortedNodes[owner] = new Array();
- owners.push(owner);
+ var calendar = nodes[i].calendar;
+ if (!sortedNodes[calendar]) {
+ sortedNodes[calendar] = new Array();
+ calendars.push(calendar);
}
- sortedNodes[owner].push(nodes[i].cname);
+ sortedNodes[calendar].push(nodes[i].cname);
}
- for (var i = 0; i < owners.length; i++) {
- ownersOfEventsToDelete.push(owners[i]);
- eventsToDelete.push(sortedNodes[owners[i]]);
+ for (var i = 0; i < calendars.length; i++) {
+ calendarsOfEventsToDelete.push(calendars[i]);
+ eventsToDelete.push(sortedNodes[calendars[i]]);
}
_batchDeleteEvents();
}
+ } else {
+ window.alert(labels["Please select an event or a task."]);
}
}
else if (selectedCalendarCell) {
- var label = labels["eventDeleteConfirmation"].decodeEntities();
+ var label = labels["eventDeleteConfirmation"];
if (confirm(label)) {
if (document.deleteEventAjaxRequest) {
document.deleteEventAjaxRequest.aborted = true;
document.deleteEventAjaxRequest.abort();
}
eventsToDelete.push([selectedCalendarCell[0].cname]);
- ownersOfEventsToDelete.push(selectedCalendarCell[0].owner);
+ calendarsOfEventsToDelete.push(selectedCalendarCell[0].calendar);
_batchDeleteEvents();
}
}
else
- window.alert("no selection");
+ window.alert(labels["Please select an event or a task."]);
return false;
}
function closeInvitationWindow() {
var closeDiv = document.createElement("div");
+ document.body.appendChild(closeDiv);
closeDiv.addClassName("javascriptPopupBackground");
+
var closePseudoWin = document.createElement("div");
+ document.body.appendChild(closePseudoWin);
closePseudoWin.addClassName("javascriptMessagePseudoTopWindow");
closePseudoWin.style.top = "0px;";
closePseudoWin.style.left = "0px;";
closePseudoWin.style.right = "0px;";
- closePseudoWin.appendChild(document.createTextNode(labels["closeThisWindowMessage"].decodeEntities()));
- document.body.appendChild(closeDiv);
- document.body.appendChild(closePseudoWin);
+ closePseudoWin.appendChild(document.createTextNode(labels["closeThisWindowMessage"]));
+
+ var calLink = document.createElement("a");
+ closePseudoWin.appendChild(calLink);
+ calLink.href = ApplicationBaseURL;
+ calLink.appendChild(document.createTextNode(labels["Calendar"].toLowerCase()));
}
function modifyEventCallback(http) {
- if (http.readyState == 4) {
- if (http.status == 200) {
- if (queryParameters["mail-invitation"].toLowerCase() == "yes")
- closeInvitationWindow();
- else {
- window.opener.setTimeout("refreshEventsAndDisplay();", 100);
- window.setTimeout("window.close();", 100);
- }
- }
+ if (http.readyState == 4) {
+ if (http.status == 200) {
+ var mailInvitation = queryParameters["mail-invitation"];
+ if (mailInvitation && mailInvitation.toLowerCase() == "yes")
+ closeInvitationWindow();
else {
-// log("showing alert...");
- window.alert(labels["eventPartStatModificationError"]);
+ window.opener.setTimeout("refreshEventsAndDisplay();", 100);
+ window.setTimeout("window.close();", 100);
}
- document.modifyEventAjaxRequest = null;
- }
+ }
+ else {
+// log("showing alert...");
+ window.alert(labels["eventPartStatModificationError"]);
+ }
+ document.modifyEventAjaxRequest = null;
+ }
}
function deleteEventCallback(http) {
- if (http.readyState == 4
- && http.status == 200) {
- var nodes = http.callbackData;
- for (var i = 0; i < nodes.length; i++) {
- var node = $(nodes[i]);
- if (node)
- node.parentNode.removeChild(node);
- }
- if (eventsToDelete.length)
- _batchDeleteEvents();
- else {
- document.deleteEventAjaxRequest = null;
- refreshEvents();
- refreshTasks();
- changeCalendarDisplay();
+ if (http.readyState == 4) {
+ if (isHttpStatus204(http.status)) {
+ var isTask = false;
+ var nodes = http.callbackData;
+ for (var i = 0; i < nodes.length; i++) {
+ var node = $(nodes[i]);
+ if (node) {
+ isTask = isTask || (node.parentNode.id == 'tasksList');
+ node.parentNode.removeChild(node);
+ }
+ }
+ if (eventsToDelete.length)
+ _batchDeleteEvents();
+ else {
+ document.deleteEventAjaxRequest = null;
+ if (isTask)
+ refreshTasks();
+ else {
+ refreshEvents();
+ changeCalendarDisplay();
+ }
+ }
}
+ else
+ log ("deleteEventCallback Ajax error");
}
- else
- log ("deleteEventCallback Ajax error");
}
function editDoubleClickedEvent(event) {
- _editEventId(this.cname, this.owner);
+ _editEventId(this.cname, this.calendar);
preventDefault(event);
event.cancelBubble = true;
document.selectedDate = td;
changeCalendarDisplay( { "day": day } );
+ currentDay = day;
if (needRefresh)
refreshEvents();
function onCalendarGotoDay(node) {
var day = node.getAttribute("date");
+ var needRefresh = (listFilter == 'view_selectedday'
+ && day != currentDay);
changeDateSelectorDisplay(day);
changeCalendarDisplay( { "day": day } );
+ if (needRefresh)
+ refreshEvents();
return false;
}
var div = $("eventsListView");
document.eventsListAjaxRequest = null;
- var table = $("eventsList").tBodies[0];
- var params = parseQueryParameters(http.callbackData);
- sortKey = params["sort"];
- sortOrder = params["desc"];
- configureSortableTableHeaders();
-
- var data = http.responseText.evalJSON(true);
- for (var i = 0; i < data.length; i++) {
- var row = document.createElement("tr");
- table.appendChild(row);
- $(row).addClassName("eventRow");
- row.setAttribute("id", escape(data[i][0]));
- row.cname = escape(data[i][0]);
- row.owner = data[i][1];
-
- var startDate = new Date();
- startDate.setTime(data[i][4] * 1000);
- row.day = startDate.getDayString();
- row.hour = startDate.getHourString();
- Event.observe(row, "click",
- onEventClick.bindAsEventListener(row));
- Event.observe(row, "dblclick",
- editDoubleClickedEvent.bindAsEventListener(row));
- Event.observe(row, "contextmenu",
- onEventContextMenu.bindAsEventListener(row));
-
- var td = document.createElement("td");
- row.appendChild(td);
- Event.observe(td, "mousedown", listRowMouseDownHandler, true);
- td.appendChild(document.createTextNode(data[i][3]));
-
- td = document.createElement("td");
- row.appendChild(td);
- Event.observe(td, "mousedown", listRowMouseDownHandler, true);
- td.appendChild(document.createTextNode(data[i][8]));
-
- td = document.createElement("td");
- row.appendChild(td);
- Event.observe(td, "mousedown", listRowMouseDownHandler, true);
- td.appendChild(document.createTextNode(data[i][9]));
+ var table = $("eventsList");
+ lastClickedRow = -1; // from generic.js
+
+ if (http.responseText.length > 0) {
+ var data = http.responseText.evalJSON(true);
+ for (var i = 0; i < data.length; i++) {
+ var row = document.createElement("tr");
+ table.tBodies[0].appendChild(row);
+ $(row).addClassName("eventRow");
+ row.setAttribute("id", escape(data[i][0]));
+ row.cname = escape(data[i][0]);
+ row.calendar = data[i][1];
+
+ var startDate = new Date();
+ startDate.setTime(data[i][4] * 1000);
+ row.day = startDate.getDayString();
+ row.hour = startDate.getHourString();
+ Event.observe(row, "mousedown", onRowClick);
+ Event.observe(row, "selectstart", listRowMouseDownHandler);
+ Event.observe(row, "dblclick",
+ editDoubleClickedEvent.bindAsEventListener(row));
+ Event.observe(row, "contextmenu",
+ onEventContextMenu.bindAsEventListener(row));
+
+ var td = document.createElement("td");
+ row.appendChild(td);
+ Event.observe(td, "mousedown", listRowMouseDownHandler, true);
+ td.appendChild(document.createTextNode(data[i][3]));
+
+ td = document.createElement("td");
+ row.appendChild(td);
+ Event.observe(td, "mousedown", listRowMouseDownHandler, true);
+ td.appendChild(document.createTextNode(data[i][10]));
+
+ td = document.createElement("td");
+ row.appendChild(td);
+ Event.observe(td, "mousedown", listRowMouseDownHandler, true);
+ td.appendChild(document.createTextNode(data[i][11]));
+
+ td = document.createElement("td");
+ row.appendChild(td);
+ Event.observe(td, "mousedown", listRowMouseDownHandler, true);
+ td.appendChild(document.createTextNode(data[i][6]));
+ }
+
+ if (sorting["attribute"] && sorting["attribute"].length > 0) {
+ var sortHeader = $(sorting["attribute"] + "Header");
- td = document.createElement("td");
- row.appendChild(td);
- Event.observe(td, "mousedown", listRowMouseDownHandler, true);
- td.appendChild(document.createTextNode(data[i][6]));
+ if (sortHeader) {
+ var sortImages = $(table.tHead).getElementsByClassName("sortImage");
+ $(sortImages).each(function(item) {
+ item.remove();
+ });
+
+ var sortImage = createElement("img", "messageSortImage", "sortImage");
+ sortHeader.insertBefore(sortImage, sortHeader.firstChild);
+ if (sorting["ascending"])
+ sortImage.src = ResourcesURL + "/title_sortdown_12x12.png";
+ else
+ sortImage.src = ResourcesURL + "/title_sortup_12x12.png";
+ }
+ }
}
}
else
&& http.status == 200) {
document.tasksListAjaxRequest = null;
var list = $("tasksList");
- var data = http.responseText.evalJSON(true);
-
- for (var i = 0; i < data.length; i++) {
- //log(i + " = " + data[i][3]);
- var listItem = document.createElement("li");
- list.appendChild(listItem);
- Event.observe(listItem, "mousedown", listRowMouseDownHandler); // causes problem with Safari
- Event.observe(listItem, "click", onRowClick);
- Event.observe(listItem, "dblclick", editDoubleClickedEvent.bindAsEventListener(listItem));
- listItem.setAttribute("id", data[i][0]);
- $(listItem).addClassName(data[i][5]);
- var owner = data[i][1];
- listItem.owner = owner;
- $(listItem).addClassName("ownerIs" + owner);
- listItem.cname = escape(data[i][0]);
- var input = document.createElement("input");
- input.setAttribute("type", "checkbox");
- listItem.appendChild(input);
- Event.observe(input, "click", updateTaskStatus.bindAsEventListener(input), true);
- input.setAttribute("value", "1");
- if (data[i][2] == 1)
- input.setAttribute("checked", "checked");
- $(input).addClassName("checkBox");
- listItem.appendChild(document.createTextNode(data[i][3]));
- }
+
+ if (http.responseText.length > 0) {
+ var data = http.responseText.evalJSON(true);
+
+ for (var i = 0; i < data.length; i++) {
+ var listItem = document.createElement("li");
+ list.appendChild(listItem);
+ Event.observe(listItem, "mousedown", listRowMouseDownHandler);
+ Event.observe(listItem, "click", onRowClick);
+ Event.observe(listItem, "dblclick",
+ editDoubleClickedEvent.bindAsEventListener(listItem));
+ listItem.setAttribute("id", data[i][0]);
+ $(listItem).addClassName(data[i][5]);
+ $(listItem).addClassName(data[i][6]);
+ listItem.calendar = data[i][1];
+ $(listItem).addClassName("calendarFolder" + data[i][1]);
+ listItem.cname = escape(data[i][0]);
+ var input = document.createElement("input");
+ input.setAttribute("type", "checkbox");
+ listItem.appendChild(input);
+ Event.observe(input, "click", updateTaskStatus.bindAsEventListener(input), true);
+ input.setAttribute("value", "1");
+ if (data[i][2] == 1)
+ input.setAttribute("checked", "checked");
+ $(input).addClassName("checkBox");
+ listItem.appendChild(document.createTextNode(data[i][3]));
+ }
- list.scrollTop = list.previousScroll;
+ list.scrollTop = list.previousScroll;
- if (http.callbackData) {
- var selectedNodesId = http.callbackData;
- for (var i = 0; i < selectedNodesId.length; i++) {
-// log(selectedNodesId[i] + " (" + i + ") is selected");
- $(selectedNodesId[i]).select();
+ if (http.callbackData) {
+ var selectedNodesId = http.callbackData;
+ for (var i = 0; i < selectedNodesId.length; i++) {
+ // log(selectedNodesId[i] + " (" + i + ") is selected");
+ $(selectedNodesId[i]).select();
+ }
}
+ else
+ log ("tasksListCallback: no data");
}
- else
- log ("tasksListCallback: no data");
}
else
log ("tasksListCallback Ajax error");
}
}
-function changeCalendarDisplay(time, newView) {
+function changeCalendarDisplay(data, newView) {
var url = ApplicationBaseURL + ((newView) ? newView : currentView);
-
- selectedCalendarCell = null;
-
var day = null;
- var hour = null;
- if (time) {
- day = time['day'];
- hour = time['hour'];
+ var scrollEvent = null;
+
+ if (data) {
+ day = data['day'];
+ scrollEvent = data['scrollEvent'];
}
if (!day)
day = currentDay;
- if (day)
- url += "?day=" + day;
+ if (day) {
+ if (data) {
+ var divs = $$('div.day[day='+day+']');
+ if (divs.length) {
+ // Don't reload the view if the event is present in current view
+
+ // Deselect previous day
+ var selectedDivs = $$('div.day.selectedDay');
+ selectedDivs.each(function(div) {
+ div.removeClassName('selectedDay');
+ });
+
+ // Select new day
+ divs.each(function(div) {
+ div.addClassName('selectedDay');
+ });
+
+ // Deselect day in date selector
+ if (document.selectedDate)
+ document.selectedDate.deselect();
+
+ // Select day in date selector
+ var selectedLink = $$('table#dateSelectorTable a[day='+day+']');
+ if (selectedLink.length > 0) {
+ selectedCell = selectedLink[0].up(1);
+ selectedCell.select();
+ document.selectedDate = selectedCell;
+ }
+
+ // Scroll to event
+ scrollDayView(scrollEvent);
+
+ return false;
+ }
+ }
+ url += "?day=" + day;
+ }
// if (newView)
// log ("switching to view: " + newView);
// log ("changeCalendarDisplay: " + url);
+ selectedCalendarCell = null;
+
if (document.dayDisplayAjaxRequest) {
// log ("aborting day ajaxrq");
document.dayDisplayAjaxRequest.aborted = true;
}
document.dayDisplayAjaxRequest
= triggerAjaxRequest(url, calendarDisplayCallback,
- { "view": newView, "day": day, "hour": hour });
+ { "view": newView,
+ "day": day,
+ "scrollEvent": scrollEvent });
return false;
}
return _ensureView("monthview");
}
-function scrollDayView(hour) {
- var rowNumber;
- if (hour) {
- if (hour.length == 3)
- rowNumber = parseInt(hour.substr(0, 1));
- else {
- if (hour.substr(0, 1) == "0")
- rowNumber = parseInt(hour.substr(1, 1));
- else
- rowNumber = parseInt(hour.substr(0, 2));
- }
- } else
- rowNumber = 8;
+function scrollDayView(scrollEvent) {
+ var divs;
+ // Select event in calendar view
+ if (scrollEvent) {
+ divs = $$("div#calendarContent div." + eventClass(scrollEvent));
+ selectCalendarEvent(divs[0]);
+ }
+
+ // Don't scroll if in month view
+ if (currentView == "monthview")
+ return;
+
+ var offset = 0;
var daysView = $("daysView");
var hours =
- $(daysView.childNodesWithTag("div")[0]).childNodesWithTag("div");
- if (hours.length > 0)
- daysView.scrollTop = hours[rowNumber].offsetTop;
+ $(daysView.childNodesWithTag("div")[0]).childNodesWithTag("div");
+
+ if (scrollEvent) {
+ divs = $$("div#calendarContent div." + eventClass(scrollEvent));
+ var classes = $w(divs[0].className);
+ for (var i = 0; i < classes.length; i++) {
+ if (classes[i].startsWith("starts")) {
+ var starts = Math.floor(parseInt(classes[i].substr(6)) / 4);
+ offset = hours[starts].offsetTop;
+ }
+ }
+ }
+ else
+ // Scroll to 8 AM
+ offset = hours[8].offsetTop;
+
+ daysView.scrollTop = offset - 5;
}
function onClickableCellsDblClick(event) {
event.returnValue = false;
}
-function refreshCalendarEvents() {
+function refreshCalendarEvents(scrollEvent) {
var todayDate = new Date();
var sd;
var ed;
var url = ApplicationBaseURL + "eventslist?sd=" + sd + "&ed=" + ed;
document.refreshCalendarEventsAjaxRequest
= triggerAjaxRequest(url, refreshCalendarEventsCallback,
- {"startDate": sd, "endDate": ed});
+ {"startDate": sd, "endDate": ed,
+ "scrollEvent": scrollEvent});
}
function refreshCalendarEventsCallback(http) {
if (http.readyState == 4
&& http.status == 200) {
- var data = http.responseText.evalJSON(true);
+
+ if (http.responseText.length > 0) {
+ var data = http.responseText.evalJSON(true);
// log("refresh calendar events: " + data.length);
- for (var i = 0; i < data.length; i++)
+ for (var i = 0; i < data.length; i++)
drawCalendarEvent(data[i],
http.callbackData["startDate"],
http.callbackData["endDate"]);
+ }
+ scrollDayView(http.callbackData["scrollEvent"]);
}
else
log("AJAX error when refreshing calendar events");
var endDate = new Date();
endDate.setTime(eventData[5] * 1000);
- var days = startDate.daysUpTo(endDate);
+// log ("s: " + startDate + "; e: " + endDate);
- var divs = new Array();
+ var days = startDate.daysUpTo(endDate);
var title;
if (currentView == "monthview"
// log("viewS: " + viewStartDate);
var startHour = null;
var endHour = null;
-
+
var siblings = new Array();
for (var i = 0; i < days.length; i++)
if (days[i].earlierDate(viewStartDate) == viewStartDate
// log("day: " + days[i]);
if (i == 0) {
- var quarters = (startDate.getHours() * 4
- + Math.floor(startDate.getMinutes() / 15));
+ var quarters = (startDate.getUTCHours() * 4
+ + Math.floor(startDate.getUTCMinutes() / 15));
starts = quarters;
startHour = startDate.getDisplayHoursString();
endHour = endDate.getDisplayHoursString();
var ends;
var lasts;
if (i == days.length - 1) {
- var quarters = (endDate.getHours() * 4
- + Math.ceil(endDate.getMinutes() / 15));
+ var quarters = (endDate.getUTCHours() * 4
+ + Math.ceil(endDate.getUTCMinutes() / 15));
ends = quarters;
}
else
null, null, title);
siblings.push(eventDiv);
eventDiv.siblings = siblings;
+ if (eventData[9].length > 0)
+ eventDiv.addClassName(eventData[9]);
var dayString = days[i].getDayString();
// log("day: " + dayString);
var parentDiv = null;
}
}
if (parentDiv)
- parentDiv.appendChild(eventDiv);
+ parentDiv.appendChild(eventDiv);
}
}
-function newEventDIV(cname, owner, starts, lasts,
+function eventClass(cname) {
+ return escape(cname.replace(".", "-"));
+}
+
+
+function newEventDIV(cname, calendar, starts, lasts,
startHour, endHour, title) {
var eventDiv = document.createElement("div");
eventDiv.cname = escape(cname);
- eventDiv.owner = owner;
+ eventDiv.calendar = calendar;
$(eventDiv).addClassName("event");
+ $(eventDiv).addClassName(eventClass(cname));
$(eventDiv).addClassName("starts" + starts);
$(eventDiv).addClassName("lasts" + lasts);
for (var i = 1; i < 5; i++) {
var innerDiv = document.createElement("div");
eventDiv.appendChild(innerDiv);
$(innerDiv).addClassName("eventInside");
- $(innerDiv).addClassName("ownerIs" + owner);
+ $(innerDiv).addClassName("calendarFolder" + calendar);
var gradientDiv = document.createElement("div");
innerDiv.appendChild(gradientDiv);
if (http.readyState == 4
&& http.status == 200) {
document.dayDisplayAjaxRequest = null;
- div.innerHTML = http.responseText;
+ div.update(http.responseText);
if (http.callbackData["view"])
currentView = http.callbackData["view"];
if (http.callbackData["day"])
currentDay = http.callbackData["day"];
- var hour = null;
- if (http.callbackData["hour"])
- hour = http.callbackData["hour"];
var contentView;
if (currentView == "monthview")
contentView = $("calendarContent");
- else {
- scrollDayView(hour);
+ else
contentView = $("daysView");
- }
- refreshCalendarEvents();
+
+ refreshCalendarEvents(http.callbackData.scrollEvent);
+
var days = document.getElementsByClassName("day", contentView);
if (currentView == "monthview")
for (var i = 0; i < days.length; i++) {
- Event.observe(days[i], "click", onCalendarSelectDay.bindAsEventListener(days[i]));
- Event.observe(days[i], "dblclick", onClickableCellsDblClick.bindAsEventListener(days[i]));
+ Event.observe(days[i], "click",
+ onCalendarSelectDay.bindAsEventListener(days[i]));
+ Event.observe(days[i], "dblclick",
+ onClickableCellsDblClick.bindAsEventListener(days[i]));
}
else {
var headerDivs = $("calendarHeader").childNodesWithTag("div");
}
function assignCalendar(name) {
- if (typeof(skycalendar) != "undefined") {
- var node = $(name);
+ if (typeof(skycalendar) != "undefined") {
+ var node = $(name);
- node.calendar = new skycalendar(node);
- node.calendar.setCalendarPage(ResourcesURL + "/skycalendar.html");
- var dateFormat = node.getAttribute("dateFormat");
- if (dateFormat)
- node.calendar.setDateFormat(dateFormat);
- }
+ node.calendar = new skycalendar(node);
+ node.calendar.setCalendarPage(ResourcesURL + "/skycalendar.html");
+ var dateFormat = node.getAttribute("dateFormat");
+ if (dateFormat)
+ node.calendar.setDateFormat(dateFormat);
+ }
}
function popupCalendar(node) {
- var nodeId = node.getAttribute("inputId");
+ var nodeId = $(node).readAttribute("inputId");
var input = $(nodeId);
input.calendar.popup();
function onEventContextMenu(event) {
var topNode = $("eventsList");
-// log(topNode);
-
var menu = $("eventsListMenu");
Event.observe(menu, "hideMenu", onEventContextMenuHide);
popupMenu(event, "eventsListMenu", this);
-
- var topNode = $("eventsList");
- var selectedNodes = topNode.getSelectedRows();
- topNode.menuSelectedRows = selectedNodes;
- for (var i = 0; i < selectedNodes.length; i++)
- selectedNodes[i].deselect();
-
- topNode.menuSelectedEntry = this;
- this.select();
}
function onEventContextMenuHide(event) {
topNode.menuSelectedEntry.deselect();
topNode.menuSelectedEntry = null;
}
- if (topNode.menuSelectedRows) {
- var nodeIds = topNode.menuSelectedRows;
- for (var i = 0; i < nodeIds.length; i++) {
- var node = $(nodeIds[i]);
- node.select();
- }
- topNode.menuSelectedRows = null;
- }
}
function onEventsSelectionChange() {
listOfSelection = this;
this.removeClassName("_unfocused");
$("tasksList").addClassName("_unfocused");
+
+ var rows = this.tBodies[0].getSelectedNodes();
+ if (rows.length == 1) {
+ var row = rows[0];
+ changeCalendarDisplay( { "day": row.day,
+ "scrollEvent": row.getAttribute("id") } );
+ changeDateSelectorDisplay(row.day);
+ }
}
function onTasksSelectionChange() {
document.eventsListAjaxRequest.aborted = true;
document.eventsListAjaxRequest.abort();
}
- var url = ApplicationBaseURL + href;
+ var url = ApplicationBaseURL + "/" + href;
document.eventsListAjaxRequest
= triggerAjaxRequest(url, eventsListCallback, href);
var table = $("eventsList").tBodies[0];
- while (table.rows.length > 1)
- table.removeChild(table.rows[1]);
+ while (table.rows.length > 0)
+ table.removeChild(table.rows[0]);
return false;
}
}
function onHeaderClick(event) {
-// log("onHeaderClick: " + this.link);
- _loadEventHref(this.link);
+ var headerId = this.getAttribute("id");
+ var newSortAttribute;
+ if (headerId == "titleHeader")
+ newSortAttribute = "title";
+ else if (headerId == "startHeader")
+ newSortAttribute = "start";
+ else if (headerId == "endHeader")
+ newSortAttribute = "end";
+ else if (headerId == "locationHeader")
+ newSortAttribute = "location";
+ else
+ newSortAttribute = "start";
+
+ if (sorting["attribute"] == newSortAttribute)
+ sorting["ascending"] = !sorting["ascending"];
+ else {
+ sorting["attribute"] = newSortAttribute;
+ sorting["ascending"] = true;
+ }
+ refreshEvents();
- preventDefault(event);
+ Event.stop(event);
+}
+
+function refreshCurrentFolder() {
+ refreshEvents();
}
function refreshEvents() {
- return _loadEventHref("eventslist?desc=" + sortOrder
- + "&sort=" + sortKey
- + "&day=" + currentDay
- + "&filterpopup=" + listFilter);
+ var titleSearch;
+ var value = search["value"];
+ if (value && value.length)
+ titleSearch = "&search=" + value;
+ else
+ titleSearch = "";
+
+ return _loadEventHref("eventslist?asc=" + sorting["ascending"]
+ + "&sort=" + sorting["attribute"]
+ + "&day=" + currentDay
+ + titleSearch
+ + "&filterpopup=" + listFilter);
}
function refreshTasks() {
return refreshEvents();
}
-function onEventClick(event) {
- var day = this.day;
- var hour = this.hour;
-
- changeCalendarDisplay( { "day": day, "hour": hour} );
- changeDateSelectorDisplay(day);
-
- return onRowClick(event);
-}
-
function selectMonthInMenu(menu, month) {
var entries = menu.childNodes[1].childNodesWithTag("LI");
for (i = 0; i < entries.length; i++) {
var entries = menu.childNodes[1].childNodes;
for (i = 0; i < entries.length; i++) {
var entry = entries[i];
- if (entry instanceof HTMLLIElement) {
+ if (entry.tagName == "LI") {
var entryMonth = entry.innerHTML;
if (entryMonth == month)
entry.addClassName("currentMonth");
changeDateSelectorDisplay(year + month + "01", true);
}
-function onSearchFormSubmit() {
- log ("search not implemented");
+function selectCalendarEvent(div) {
+ // Select event in calendar view
+ if (selectedCalendarCell)
+ for (var i = 0; i < selectedCalendarCell.length; i++)
+ selectedCalendarCell[i].deselect();
- return false;
+ for (var i = 0; i < div.siblings.length; i++)
+ div.siblings[i].select();
+
+ selectedCalendarCell = div.siblings;
}
function onCalendarSelectEvent() {
var list = $("eventsList");
- list.deselectAll();
- if (selectedCalendarCell)
- for (var i = 0; i < selectedCalendarCell.length; i++)
- selectedCalendarCell[i].deselect();
+ selectCalendarEvent(this);
- for (var i = 0; i < this.siblings.length; i++)
- this.siblings[i].select();
- selectedCalendarCell = this.siblings;
+ // Select event in events list
+ $(list.tBodies[0]).deselectAll();
var row = $(this.cname);
if (row) {
var div = row.parentNode.parentNode.parentNode;
function updateTaskStatus(event) {
var taskId = this.parentNode.getAttribute("id");
- var taskOwner = this.parentNode.owner;
var newStatus = (this.checked ? 1 : 0);
var http = createHTTPClient();
-
- if (isSafari())
+
+ if (isSafari() && !isSafari3()) {
newStatus = (newStatus ? 0 : 1);
- //log("update task status: " + taskId + " to " + this.checked);
- event.cancelBubble = true;
+ }
- url = (UserFolderURL + "../" + taskOwner
- + "/Calendar/" + taskId
- + "/changeStatus?status=" + newStatus);
+ url = (ApplicationBaseURL + this.parentNode.calendar
+ + "/" + taskId + "/changeStatus?status=" + newStatus);
if (http) {
-// log ("url: " + url);
// TODO: add parameter to signal that we are only interested in OK
http.open("POST", url, false /* not async */);
http.url = url;
http.send("");
- if (http.status == 200)
+ if (isHttpStatus204(http.status))
refreshTasks();
} else
log ("no http client?");
function updateCalendarStatus(event) {
var list = new Array();
+ var newStatus = (this.checked ? 1 : 0);
+
+ if (isSafari() && !isSafari3()) {
+ newStatus = (newStatus ? 0 : 1);
+ this.checked = newStatus;
+ }
var nodes = $("calendarList").childNodesWithTag("li");
for (var i = 0; i < nodes.length; i++) {
}
}
- if (!list.length) {
- list.push(UserLogin);
- nodes[0].childNodesWithTag("input")[0].checked = true;
- }
+// if (!list.length) {
+// list.push(UserLogin);
+// nodes[0].childNodesWithTag("input")[0].checked = true;
+// }
+
// ApplicationBaseURL = (UserFolderURL + "Groups/_custom_"
// + list.join(",") + "/Calendar/");
if (event) {
var folderID = this.parentNode.getAttribute("id");
var urlstr = URLForFolderID(folderID);
- if (this.checked)
+ if (newStatus)
urlstr += "/activateFolder";
else
urlstr += "/deactivateFolder";
function calendarStatusCallback(http) {
if (http.readyState == 4) {
if (isHttpStatus204(http.status)) {
- refreshEvents();
- refreshTasks();
- changeCalendarDisplay();
- }
- else {
- var folder = $(http.callbackData);
- var input = folder.childNodesWithTag("input")[0];
- input.checked = (!input.checked);
- }
- }
- else
- log("calendarStatusCallback Ajax error");
+ refreshEvents();
+ refreshTasks();
+ changeCalendarDisplay();
+ }
+ else {
+ var folder = $(http.callbackData);
+ var input = folder.childNodesWithTag("input")[0];
+ input.checked = (!input.checked);
+ }
+ }
+ else
+ log("calendarStatusCallback Ajax error");
}
function calendarEntryCallback(http) {
- if (http.readyState == 4) {
+ if (http.readyState == 4) {
var denied = !isHttpStatus204(http.status);
var entry = $(http.callbackData);
if (denied)
return false;
}
+function onCalendarsMenuPrepareVisibility() {
+ var folders = $("calendarList");
+ var selected = folders.getSelectedNodes();
+
+ if (selected.length > 0) {
+ var folderOwner = selected[0].getAttribute("owner");
+ var sharingOption = $(this).down("ul").childElements().last();
+ // Disable the "Sharing" option when calendar is not owned by user
+ if (folderOwner == UserLogin || IsSuperUser)
+ sharingOption.removeClassName("disabled");
+ else
+ sharingOption.addClassName("disabled");
+ }
+}
+
function getMenus() {
var menus = {};
editEvent, deleteEvent, "-",
onSelectAll, "-",
null, null);
- menus["calendarsMenu"] = new Array(null, null, "-", null, null, "-",
+ menus["calendarsMenu"] = new Array(onMenuModify,
+ "-",
+ onCalendarNew, onCalendarRemove,
+ "-", null, null, "-",
null, "-", onMenuSharing);
menus["searchMenu"] = new Array(setSearchCriteria);
+ var calendarsMenu = $("calendarsMenu");
+ if (calendarsMenu)
+ calendarsMenu.prepareVisibility = onCalendarsMenuPrepareVisibility;
+
return menus;
}
function onMenuSharing(event) {
+ if ($(this).hasClassName("disabled"))
+ return;
+
var folders = $("calendarList");
var selected = folders.getSelectedNodes()[0];
- /* FIXME: activation of the context menu should preferable select the entry
+ /* FIXME: activation of the context menu should preferably select the entry
above which the event has occured */
if (selected) {
var folderID = selected.getAttribute("id");
updateCalendarStatus();
selector.changeNotification = updateCalendarsList;
- var list = $("calendarList").childNodesWithTag("li");
- for (var i = 0; i < list.length; i++) {
- var input = list[i].childNodesWithTag("input")[0];
- Event.observe(input, "click", updateCalendarStatus.bindAsEventListener(input)); // not registered in IE?
- //Event.observe(list[i], "mousedown", listRowMouseDownHandler, true); // problem with Safari
- Event.observe(list[i], "click", onRowClick);
+ var list = $("calendarList");
+ list.multiselect = true;
+ var items = list.childNodesWithTag("li");
+ for (var i = 0; i < items.length; i++) {
+ var input = items[i].childNodesWithTag("input")[0];
+ Event.observe(input, "click", updateCalendarStatus.bindAsEventListener(input));
+ Event.observe(items[i], "mousedown", listRowMouseDownHandler);
+ Event.observe(items[i], "selectstart", listRowMouseDownHandler);
+ Event.observe(items[i], "click", onRowClick);
}
var links = $("calendarSelectorButtons").childNodesWithTag("a");
- Event.observe(links[0], "click", onCalendarAdd);
- Event.observe(links[1], "click", onCalendarRemove);
+ Event.observe(links[0], "click", onCalendarNew);
+ Event.observe(links[1], "click", onCalendarAdd);
+ Event.observe(links[2], "click", onCalendarRemove);
}
-function onCalendarAdd(event) {
- openUserFolderSelector(onFolderSubscribeCB, "calendar");
+function onMenuModify(event) {
+ var folders = $("calendarList");
+ var selected = folders.getSelectedNodes()[0];
- preventDefault(event);
+ if (UserLogin == selected.getAttribute("owner")) {
+ var node = selected.childNodes[selected.childNodes.length - 1];
+ var currentName = node.nodeValue.trim();
+ var newName = window.prompt(labels["Name of the Calendar"],
+ currentName);
+ if (newName && newName.length > 0
+ && newName != currentName) {
+ var url = (URLForFolderID(selected.getAttribute("id"))
+ + "/renameFolder?name=" + escape(newName.utf8encode()));
+ triggerAjaxRequest(url, folderRenameCallback,
+ {node: node, name: " " + newName});
+ }
+ } else
+ window.alert(clabels["Unable to rename that folder!"]);
}
-function appendCalendar(folderName, folder) {
- var calendarList = $("calendarList");
- var lis = calendarList.childNodesWithTag("li");
- var color = indexColor(lis.length);
- //log ("color: " + color);
+function folderRenameCallback(http) {
+ if (http.readyState == 4) {
+ if (isHttpStatus204(http.status)) {
+ var dict = http.callbackData;
+ dict["node"].nodeValue = dict["name"];
+ }
+ }
+}
- var li = document.createElement("li");
- calendarList.appendChild(li);
+function onCalendarNew(event) {
+ createFolder(window.prompt(labels["Name of the Calendar"]),
+ appendCalendar);
+ preventDefault(event);
+}
- var checkBox = document.createElement("input");
- checkBox.setAttribute("type", "checkbox");
- li.appendChild(checkBox);
-
- li.appendChild(document.createTextNode(" "));
+function onCalendarAdd(event) {
+ openUserFolderSelector(onFolderSubscribeCB, "calendar");
+ preventDefault(event);
+}
- var colorBox = document.createElement("div");
- li.appendChild(colorBox);
- li.appendChild(document.createTextNode(" " + folderName));
- colorBox.appendChild(document.createTextNode("OO"));
+function appendCalendar(folderName, folderPath) {
+ var owner;
- li.setAttribute("id", folder);
- Event.observe(li, "mousedown", listRowMouseDownHandler);
- Event.observe(li, "click", onRowClick);
- $(checkBox).addClassName("checkBox");
+ if (folderPath) {
+ owner = getSubscribedFolderOwner(folderPath);
+ folderPath = accessToSubscribedFolder(folderPath);
+ }
+ else
+ folderPath = "/" + folderName;
- Event.observe(checkBox, "click", updateCalendarStatus.bindAsEventListener(checkBox));
+ if (!owner)
+ owner = UserLogin;
- $(colorBox).addClassName("colorBox");
- if (color) {
- $(colorBox).setStyle({ color: color,
- backgroundColor: color });
- }
+ //log ("append name: " + folderName + "; path: " + folderPath + "; owner: " + owner);
- var contactId = folder.split(":")[0];
- var url = URLForFolderID(folder) + "/canAccessContent";
- triggerAjaxRequest(url, calendarEntryCallback, folder);
-
- if (!document.styleSheets) return;
- var theRules = new Array();
- var lastSheet = document.styleSheets[document.styleSheets.length - 1];
- if (lastSheet.insertRule) { // Mozilla
- lastSheet.insertRule('.ownerIs' + contactId + ' {'
- + ' background-color: '
- + color
- + ' !important; }', 0);
- }
- else { // IE
- lastSheet.addRule('.ownerIs' + contactId,
- ' background-color: '
- + color
- + ' !important; }');
- }
+ if ($(folderPath))
+ window.alert(clabels["You have already subscribed to that folder!"]);
+ else {
+ var calendarList = $("calendarList");
+ var items = calendarList.childNodesWithTag("li");
+ var li = document.createElement("li");
+
+ // Add the calendar to the proper place
+ var i = getListIndexForFolder(items, owner, folderName);
+ if (i != items.length) // User is subscribed to other calendars of the same owner
+ calendarList.insertBefore(li, items[i]);
+ else
+ calendarList.appendChild(li);
+
+ li.setAttribute("id", folderPath);
+ li.setAttribute("owner", owner);
+
+ // Generate new color
+ if (calendarColorIndex == null)
+ calendarColorIndex = items.length;
+ calendarColorIndex++;
+ var colorTable = [1, 1, 1];
+ var color;
+ var currentValue = calendarColorIndex;
+ var index = 0;
+ while (currentValue) {
+ if (currentValue & 1)
+ colorTable[index]++;
+ if (index == 3)
+ index = 0;
+ currentValue >>= 1;
+ index++;
+ }
+ colorTable[0] = parseInt(255 / colorTable[0]) - 1;
+ colorTable[1] = parseInt(255 / colorTable[1]) - 1;
+ colorTable[2] = parseInt(255 / colorTable[2]) - 1;
+
+ color = "#"
+ + colorTable[2].toString(16)
+ + colorTable[1].toString(16)
+ + colorTable[0].toString(16);
+ //log ("color = " + color);
+
+ var checkBox = document.createElement("input");
+ checkBox.setAttribute("type", "checkbox");
+ li.appendChild(checkBox);
+ li.appendChild(document.createTextNode(" "));
+ $(checkBox).addClassName("checkBox");
+ if (owner == UserLogin)
+ checkBox.checked = 1;
+
+ var colorBox = document.createElement("div");
+ li.appendChild(colorBox);
+ li.appendChild(document.createTextNode(folderName));
+ colorBox.appendChild(document.createTextNode("OO"));
+
+ $(colorBox).addClassName("colorBox");
+ $(colorBox).addClassName('calendarFolder' + folderPath.substr(1));
+
+ // Register events (doesn't work with Safari)
+ Event.observe(li, "mousedown", listRowMouseDownHandler);
+ Event.observe(li, "selectstart", listRowMouseDownHandler);
+ Event.observe(li, "click", onRowClick);
+ Event.observe(checkBox, "click",
+ updateCalendarStatus.bindAsEventListener(checkBox));
+
+ var url = URLForFolderID(folderPath) + "/canAccessContent";
+ triggerAjaxRequest(url, calendarEntryCallback, folderPath);
+
+ // Update CSS for events color
+ if (!document.styleSheets) return;
+
+ var styleElement = document.createElement("style");
+ styleElement.type = "text/css";
+ var selectors = [
+ '.calendarFolder' + folderPath.substr(1),
+ 'div.colorBox.calendarFolder' + folderPath.substr(1)
+ ];
+ var rules = [
+ ' { background-color: ' + color + ' !important; }',
+ ' { color: ' + color + ' !important; }'
+ ];
+ for (var i = 0; i < rules.length; i++)
+ if (styleElement.styleSheet && styleElement.styleSheet.addRule)
+ styleElement.styleSheet.addRule(selectors[i], rules[i]); // IE
+ else
+ styleElement.appendChild(document.createTextNode(selectors[i] + rules[i])); // Mozilla _+ Safari
+ document.getElementsByTagName("head")[0].appendChild(styleElement);
+ }
}
function onFolderSubscribeCB(folderData) {
- var folder = $(folderData["folder"]);
+ var folder = $(folderData["folder"]);
if (!folder)
- appendCalendar(folderData["folderName"], folderData["folder"]);
+ appendCalendar(folderData["folderName"], folderData["folder"]);
}
function onFolderUnsubscribeCB(folderId) {
- var node = $(folderId);
- node.parentNode.removeChild(node);
+ var node = $(folderId);
+ node.parentNode.removeChild(node);
+ if (removeFolderRequestCount == 0) {
+ refreshEvents();
+ refreshTasks();
+ changeCalendarDisplay();
+ }
}
function onCalendarRemove(event) {
- var nodes = $("calendarList").getSelectedNodes();
- if (nodes.length > 0) {
- nodes[0].deselect();
- var folderId = nodes[0].getAttribute("id");
- var folderIdElements = folderId.split(":");
- if (folderIdElements.length > 1) {
+ if (removeFolderRequestCount == 0) {
+ var nodes = $("calendarList").getSelectedNodes();
+ for (var i = 0; i < nodes.length; i++) {
+ nodes[i].deselect();
+ var folderId = nodes[i].getAttribute("id");
+ var folderIdElements = folderId.split("_");
+ if (folderIdElements.length > 1) {
unsubscribeFromFolder(folderId, onFolderUnsubscribeCB, folderId);
- }
+ }
+ else
+ deletePersonalCalendar(folderIdElements[0]);
+ }
}
-
+
preventDefault(event);
}
+function deletePersonalCalendar(folderElement) {
+ var folderId = folderElement.substr(1);
+ var label
+ = labels["Are you sure you want to delete the calendar \"%{0}\"?"].formatted($(folderElement).lastChild.nodeValue.strip());
+ if (window.confirm(label)) {
+ removeFolderRequestCount++;
+ var url = ApplicationBaseURL + "/" + folderId + "/deleteFolder";
+ triggerAjaxRequest(url, deletePersonalCalendarCallback, folderId);
+ }
+}
+
+function deletePersonalCalendarCallback(http) {
+ if (http.readyState == 4) {
+ if (isHttpStatus204(http.status)) {
+ var ul = $("calendarList");
+ var children = ul.childNodesWithTag("li");
+ var i = 0;
+ var done = false;
+ while (!done && i < children.length) {
+ var currentFolderId = children[i].getAttribute("id").substr(1);
+ if (currentFolderId == http.callbackData) {
+ ul.removeChild(children[i]);
+ done = true;
+ }
+ else
+ i++;
+ }
+ removeFolderRequestCount--;
+ if (removeFolderRequestCount == 0) {
+ refreshEvents();
+ refreshTasks();
+ changeCalendarDisplay();
+ }
+ }
+ }
+ else
+ log ("ajax problem 5: " + http.status);
+}
+
function configureLists() {
var list = $("tasksList");
list.multiselect = true;
list = $("eventsList");
list.multiselect = true;
+ configureSortableTableHeaders(list);
+ TableKit.Resizable.init(list, {'trueResize' : true, 'keepWidth' : true});
Event.observe(list, "mousedown",
onEventsSelectionChange.bindAsEventListener(list));
- var div = list.parentNode;
- Event.observe(div, "contextmenu",
- onEventContextMenu.bindAsEventListener(div));
}
function initDateSelectorEvents() {
}
function initCalendars() {
+ sorting["attribute"] = "start";
+ sorting["ascending"] = true;
+
if (!document.body.hasClassName("popup")) {
initDateSelectorEvents();
initCalendarSelector();
}
}
-addEvent(window, 'load', initCalendars);
+FastInit.addOnLoad(initCalendars);
projects / scalable-opengroupware.org / blobdiff