/* JavaScript for SOGoCalendar */
-var sortOrder = '';
-var sortKey = '';
var listFilter = 'view_today';
var listOfSelection = null;
var selectedCalendarCell;
+var calendarColorIndex = null;
var showCompletedTasks = 0;
var usersRightsWindowWidth = 502;
function newEvent(sender, type) {
- var day = sender.day;
+ var day = sender.readAttribute("day");
if (!day)
day = currentDay;
-
- var hour = sender.hour;
- if (!hour)
- hour = sender.getAttribute("hour");
- var folderID = getSelectedFolder();
+ 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("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 nodes = $("calendarList").getSelectedRows();
+ var list = $("calendarList");
+ var nodes = list.getSelectedRows();
if (nodes.length > 0)
- folder = nodes[0].getAttribute("id");
+ folder = nodes[0];
else
- folder = "/personal";
+ folder = list.down("li");
return folder;
}
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].calendar);
} else if (selectedCalendarCell) {
- _editEventId(selectedCalendarCell[0].cname,
- selectedCalendarCell[0].calendar);
+ _editEventId(selectedCalendarCell[0].cname,
+ selectedCalendarCell[0].calendar);
+ } else {
+ window.alert(labels["Please select an event or a task."]);
}
return false; /* stop following the link */
}
_batchDeleteEvents();
}
+ } else {
+ window.alert(labels["Please select an event or a task."]);
}
}
else if (selectedCalendarCell) {
}
}
else
- window.alert("no selection");
+ window.alert(labels["Please select an event or a task."]);
return false;
}
function deleteEventCallback(http) {
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)
+ if (node) {
+ isTask = isTask || (node.parentNode.id == 'tasksList');
node.parentNode.removeChild(node);
+ }
}
if (eventsToDelete.length)
_batchDeleteEvents();
else {
document.deleteEventAjaxRequest = null;
- refreshEvents();
- refreshTasks();
- changeCalendarDisplay();
+ if (isTask)
+ refreshTasks();
+ else {
+ refreshEvents();
+ changeCalendarDisplay();
+ }
}
}
else
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;
}
document.eventsListAjaxRequest = null;
var table = $("eventsList");
- var params = parseQueryParameters(http.callbackData);
- sortKey = params["sort"];
- sortOrder = params["desc"];
lastClickedRow = -1; // from generic.js
if (http.responseText.length > 0) {
startDate.setTime(data[i][4] * 1000);
row.day = startDate.getDayString();
row.hour = startDate.getHourString();
- Event.observe(row, "click",
- onEventClick.bindAsEventListener(row));
+ Event.observe(row, "mousedown", onRowClick);
+ Event.observe(row, "selectstart", listRowMouseDownHandler);
Event.observe(row, "dblclick",
editDoubleClickedEvent.bindAsEventListener(row));
Event.observe(row, "contextmenu",
td = document.createElement("td");
row.appendChild(td);
Event.observe(td, "mousedown", listRowMouseDownHandler, true);
- td.appendChild(document.createTextNode(data[i][8]));
+ 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][9]));
+ 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");
+
+ 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
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);
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]);
}
function changeDateSelectorDisplay(day, keepCurrentDay) {
- var url = ApplicationBaseURL + "/dateselector";
+ var url = ApplicationBaseURL + "dateselector";
if (day)
url += "?day=" + day;
}
function changeCalendarDisplay(data, newView) {
- var url = ApplicationBaseURL + "/" + ((newView) ? newView : currentView);
-
- selectedCalendarCell = null;
-
+ var url = ApplicationBaseURL + ((newView) ? newView : currentView);
var day = null;
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;
}
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 (scrollEvent && scrollEvent.siblings) {
- var classes = scrollEvent.siblings[0].getAttribute("class").split(" ");
+ 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 = parseInt(classes[i].substr(6)) / 4;
+ var starts = Math.floor(parseInt(classes[i].substr(6)) / 4);
offset = hours[starts].offsetTop;
}
}
}
- else {
+ else
+ // Scroll to 8 AM
offset = hours[8].offsetTop;
- }
daysView.scrollTop = offset - 5;
}
event.returnValue = false;
}
-function refreshCalendarEvents() {
+function refreshCalendarEvents(scrollEvent) {
var todayDate = new Date();
var sd;
var ed;
document.refreshCalendarEventsAjaxRequest.aborted = true;
document.refreshCalendarEventsAjaxRequest.abort();
}
- var url = ApplicationBaseURL + "/eventslist?sd=" + sd + "&ed=" + 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) {
http.callbackData["startDate"],
http.callbackData["endDate"]);
}
+ scrollDayView(http.callbackData["scrollEvent"]);
}
else
log("AJAX error when refreshing calendar events");
// 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
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);
}
+}
- var eventTR = $(eventData[0]);
- if (eventTR)
- eventTR.siblings = siblings;
+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.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 contentView;
if (currentView == "monthview")
contentView = $("calendarContent");
- else {
- var scrollEvent = http.callbackData.scrollEvent;
- scrollDayView($(scrollEvent));
+ 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++) {
}
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.tasksListAjaxRequest.aborted = true;
document.tasksListAjaxRequest.abort();
}
- url = ApplicationBaseURL + "/" + href;
+ url = ApplicationBaseURL + href;
var tasksList = $("tasksList");
var selectedIds;
}
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) {
- changeCalendarDisplay( { "day": this.day,
- "scrollEvent": this.getAttribute("id") } );
- changeDateSelectorDisplay(this.day);
-
- return onRowClick(event);
-}
-
function selectMonthInMenu(menu, month) {
var entries = menu.childNodes[1].childNodesWithTag("LI");
for (i = 0; i < entries.length; i++) {
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.tBodies[0]).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;
newStatus = (newStatus ? 0 : 1);
}
- url = (ApplicationBaseURL + "/" + this.parentNode.calendar
+ url = (ApplicationBaseURL + this.parentNode.calendar
+ "/" + taskId + "/changeStatus?status=" + newStatus);
if (http) {
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?");
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 = {};
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");
var selected = folders.getSelectedNodes()[0];
if (UserLogin == selected.getAttribute("owner")) {
- var node = selected.childNodes[4];
+ var node = selected.childNodes[selected.childNodes.length - 1];
var currentName = node.nodeValue.trim();
var newName = window.prompt(labels["Name of the Calendar"],
currentName);
window.alert(clabels["You have already subscribed to that folder!"]);
else {
var calendarList = $("calendarList");
- var lis = calendarList.childNodesWithTag("li");
- var color = indexColor(lis.length + 100);
- //log ("color: " + color);
-
+ var items = calendarList.childNodesWithTag("li");
var li = document.createElement("li");
// Add the calendar to the proper place
- var previousOwner = null;
- for (var i = 1; i < lis.length; i++) {
- var currentFolderName = lis[i].lastChild.nodeValue.strip();
- var currentOwner = lis[i].readAttribute('owner');
- if (currentOwner == owner) {
- previousOwner = currentOwner;
- if (currentFolderName > folderName)
- break;
- }
- else if (previousOwner ||
- (currentOwner != UserLogin && currentOwner > owner))
- break;
- }
- if (i != lis.length) // User is subscribed to other calendars of the same owner
- calendarList.insertBefore(li, lis[i]);
+ 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);
list = $("eventsList");
list.multiselect = true;
- //configureSortableTableHeaders(list);
+ 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