1 /* JavaScript for SOGoContacts */
3 var cachedContacts = new Array();
4 var currentContactFolder = null;
6 var usersRightsWindowHeight = 200;
7 var usersRightsWindowWidth = 450;
9 function validateEditorInput(sender) {
13 field = document.pageform.subject;
14 if (field.value == "")
15 errortext = errortext + labels.error_missingsubject + "\n";
17 if (!UIxRecipientSelectorHasRecipients())
18 errortext = errortext + labels.error_missingrecipients + "\n";
20 if (errortext.length > 0) {
21 alert(labels.error_validationfailed + ":\n"
28 function openContactsFolder(contactsFolder, reload, idx) {
29 if ((contactsFolder && contactsFolder != currentContactFolder)
31 currentContactFolder = contactsFolder;
32 var url = URLForFolderID(currentContactFolder) +
35 var searchValue = search["value"];
36 if (searchValue && searchValue.length > 0)
37 url += ("&search=" + search["criteria"]
38 + "&value=" + escape(searchValue.utf8encode()));
39 var sortAttribute = sorting["attribute"];
40 if (sortAttribute && sortAttribute.length > 0)
41 url += ("&sort=" + sorting["attribute"]
42 + "&asc=" + sorting["ascending"]);
45 if (contactsFolder == currentContactFolder) {
46 var contactsList = $("contactsList");
48 selection = contactsList.getSelectedRowsId();
50 // window.alert("no contactsList");
55 if (document.contactsListAjaxRequest) {
56 document.contactsListAjaxRequest.aborted = true;
57 document.contactsListAjaxRequest.abort();
59 document.contactsListAjaxRequest
60 = triggerAjaxRequest(url, contactsListCallback, selection);
64 function openContactsFolderAtIndex(element) {
65 var idx = element.getAttribute("idx");
66 var url = URLForFolderID(currentContactFolder) + "/view?noframe=1&idx=" + idx;
68 if (document.contactsListAjaxRequest) {
69 document.contactsListAjaxRequest.aborted = true;
70 document.contactsListAjaxRequest.abort();
72 document.contactsListAjaxRequest
73 = triggerAjaxRequest(url, contactsListCallback);
76 function contactsListCallback(http) {
77 if (http.readyState == 4
78 && http.status == 200) {
79 document.contactsListAjaxRequest = null;
81 var table = $("contactsList");
84 var data = http.responseText;
85 var html = data.replace(/^(.*\n)*.*(<table(.*\n)*)$/, "$2");
86 var tbody = table.tBodies[0];
87 var tmp = document.createElement('div');
89 table.replaceChild(tmp.firstChild.tBodies[0], tbody);
92 // Add table (doesn't happen .. yet)
93 var div = $("contactsListContent");
94 div.update(http.responseText);
95 table = $("contactsList");
96 configureSortableTableHeaders(table);
97 TableKit.Resizable.init(table, {'trueResize' : true, 'keepWidth' : true});
100 if (sorting["attribute"] && sorting["attribute"].length > 0) {
102 if (sorting["attribute"] == "displayName")
103 sortHeader = $("nameHeader");
104 else if (sorting["attribute"] == "mail")
105 sortHeader = $("mailHeader");
106 else if (sorting["attribute"] == "screenName")
107 sortHeader = $("screenNameHeader");
108 else if (sorting["attribute"] == "org")
109 sortHeader = $("orgHeader");
110 else if (sorting["attribute"] == "phone")
111 sortHeader = $("phoneHeader");
116 var sortImages = $(table.tHead).getElementsByClassName("sortImage");
117 $(sortImages).each(function(item) {
121 var sortImage = createElement("img", "messageSortImage", "sortImage");
122 sortHeader.insertBefore(sortImage, sortHeader.firstChild);
123 if (sorting["ascending"])
124 sortImage.src = ResourcesURL + "/title_sortdown_12x12.png";
126 sortImage.src = ResourcesURL + "/title_sortup_12x12.png";
130 var selected = http.callbackData;
132 for (var i = 0; i < selected.length; i++) {
133 var row = $(selected[i]);
140 log ("ajax problem 1: status = " + http.status);
143 function onContactFoldersContextMenu(event) {
144 var menu = $("contactFoldersMenu");
145 //Event.observe(menu, "hideMenu", onContactFoldersContextMenuHide, false);
146 Event.observe(menu, "mousedown", onContactFoldersContextMenuHide, false);
147 popupMenu(event, "contactFoldersMenu", this);
149 var topNode = $("contactFolders");
150 var selectedNodes = topNode.getSelectedRows();
151 topNode.menuSelectedRows = selectedNodes;
152 for (var i = 0; i < selectedNodes.length; i++)
153 $(selectedNodes[i]).deselect();
154 topNode.menuSelectedEntry = this;
158 function onContactContextMenu(event, element) { log ("onContactContextMenu");
159 var menu = $("contactMenu");
161 Event.observe(menu, "mousedown", onContactContextMenuHide, false);
162 popupMenu(event, "contactMenu", element);
164 var topNode = $("contactsList");
165 var selectedNodes = topNode.getSelectedRows();
166 topNode.menuSelectedRows = selectedNodes;
167 for (var i = 0; i < selectedNodes.length; i++)
168 $(selectedNodes[i]).deselect();
169 topNode.menuSelectedEntry = element;
173 function onContactContextMenuHide(event) {
174 var topNode = $("contactsList");
176 if (topNode.menuSelectedEntry) {
177 $(topNode.menuSelectedEntry).deselect();
178 topNode.menuSelectedEntry = null;
180 if (topNode.menuSelectedRows) {
181 var nodes = topNode.menuSelectedRows;
182 for (var i = 0; i < nodes.length; i++)
183 $(nodes[i]).select();
184 topNode.menuSelectedRows = null;
188 function onContactFoldersContextMenuHide(event) {
189 var topNode = $("contactFolders");
191 if (topNode.menuSelectedEntry) {
192 topNode.menuSelectedEntry.deselect();
193 topNode.menuSelectedEntry = null;
195 if (topNode.menuSelectedRows) {
196 var nodes = topNode.menuSelectedRows;
197 for (var i = 0; i < nodes.length; i++)
199 topNode.menuSelectedRows = null;
203 function onFolderMenuHide(event) {
204 var topNode = $('d');
206 if (topNode.menuSelectedEntry) {
207 topNode.menuSelectedEntry.deselect();
208 topNode.menuSelectedEntry = null;
210 if (topNode.selectedEntry)
211 topNode.selectedEntry.select();
214 function loadContact(idx) {
215 if (document.contactAjaxRequest) {
216 document.contactAjaxRequest.aborted = true;
217 document.contactAjaxRequest.abort();
220 if (cachedContacts[currentContactFolder + "/" + idx]) {
221 var div = $('contactView');
222 div.innerHTML = cachedContacts[currentContactFolder + "/" + idx];
225 var url = (URLForFolderID(currentContactFolder)
226 + "/" + idx + "/view?noframe=1");
227 document.contactAjaxRequest
228 = triggerAjaxRequest(url, contactLoadCallback, idx);
232 function contactLoadCallback(http) {
233 var div = $('contactView');
235 if (http.readyState == 4
236 && http.status == 200) {
237 document.contactAjaxRequest = null;
238 var content = http.responseText;
239 cachedContacts[currentContactFolder + "/" + http.callbackData] = content;
240 div.innerHTML = content;
243 log ("ajax problem 2: " + http.status);
246 var rowSelectionCount = 0;
250 function showElement(e, shouldShow) {
251 e.style.display = shouldShow ? "" : "none";
254 function enableElement(e, shouldEnable) {
258 if(e.hasAttribute("disabled"))
259 e.removeAttribute("disabled");
262 e.setAttribute("disabled", "1");
266 function validateControls() {
268 this.enableElement(e, rowSelectionCount > 0);
271 function moveTo(uri) {
272 alert("MoveTo: " + uri);
275 /* contact menu entries */
276 function onContactRowClick(event, node) {
277 loadContact(node.getAttribute('id'));
279 return onRowClick(event);
282 function onContactRowDblClick(event, node) {
283 var contactId = node.getAttribute('id');
285 openContactWindow(URLForFolderID(currentContactFolder)
286 + "/" + contactId + "/edit", contactId);
291 function onMenuEditContact(event) {
292 var contactId = document.menuTarget.getAttribute('id');
294 openContactWindow(URLForFolderID(currentContactFolder)
295 + "/" + contactId + "/edit", contactId);
298 function onMenuWriteToContact(event) {
299 var contactId = document.menuTarget.getAttribute('id');
300 var contactRow = $(contactId);
301 var emailCell = contactRow.down('td', 1);
303 if (!emailCell.firstChild) { // .nodeValue is the contact email address
304 window.alert(labels["The selected contact has no email address."].decodeEntities());
308 openMailComposeWindow(ApplicationBaseURL + currentContactFolder
309 + "/" + contactId + "/write");
311 if (document.body.hasClassName("popup"))
315 function onMenuDeleteContact(event) {
316 uixDeleteSelectedContacts(this);
319 function onToolbarEditSelectedContacts(event) {
320 var contactsList = $('contactsList');
321 var rows = contactsList.getSelectedRowsId();
323 for (var i = 0; i < rows.length; i++) {
324 openContactWindow(URLForFolderID(currentContactFolder)
325 + "/" + rows[i] + "/edit", rows[i]);
331 function onToolbarWriteToSelectedContacts(event) {
332 var contactsList = $('contactsList');
333 var rows = contactsList.getSelectedRowsId();
334 var rowsWithEmail = 0;
336 for (var i = 0; i < rows.length; i++) {
337 var emailCell = $(rows[i]).down('td', 1);
338 if (emailCell.firstChild) { // .nodeValue is the contact email address
340 openMailComposeWindow(ApplicationBaseURL + currentContactFolder
341 + "/" + rows[i] + "/write");
345 if (rowsWithEmail == 0) {
346 window.alert(labels["The selected contact has no email address."].decodeEntities());
348 else if (document.body.hasClassName("popup"))
354 function uixDeleteSelectedContacts(sender) {
356 var contactsList = $('contactsList');
357 var rows = contactsList.getSelectedRowsId();
359 var contactView = $('contactView');
360 contactView.innerHTML = '';
362 for (var i = 0; i < rows.length; i++) {
363 var url, http, rowElem;
365 /* send AJAX request (synchronously) */
367 url = (URLForFolderID(currentContactFolder) + "/"
368 + rows[i] + "/delete");
369 http = createHTTPClient();
370 http.open("POST", url, false /* not async */);
372 if (http.status != 200) { /* request failed */
379 /* remove from page */
381 /* line-through would be nicer, but hiding is OK too */
382 rowElem = $(rows[i]);
383 rowElem.parentNode.removeChild(rowElem);
387 alert("Could not delete the selected contacts!");
392 function newEmailTo(sender) {
393 var mailto = sanitizeMailTo(sender.parentNode.parentNode.menuTarget.innerHTML);
395 if (mailto.length > 0)
396 openMailComposeWindow("compose?mailto=" + mailto);
398 return false; /* stop following the link */
401 function onHeaderClick(event) {
402 var headerId = this.getAttribute("id");
403 var newSortAttribute;
404 if (headerId == "nameHeader")
405 newSortAttribute = "displayName";
406 else if (headerId == "mailHeader")
407 newSortAttribute = "mail";
408 else if (headerId == "screenNameHeader")
409 newSortAttribute = "screenName";
410 else if (headerId == "orgHeader")
411 newSortAttribute = "org";
412 else if (headerId == "phoneHeader")
413 newSortAttribute = "phone";
415 if (sorting["attribute"] == newSortAttribute)
416 sorting["ascending"] = !sorting["ascending"];
418 sorting["attribute"] = newSortAttribute;
419 sorting["ascending"] = true;
422 refreshCurrentFolder();
427 function newContact(sender) {
428 openContactWindow(URLForFolderID(currentContactFolder) + "/new");
430 return false; /* stop following the link */
433 function onFolderSelectionChange() {
434 var folderList = $("contactFolders");
435 var nodes = folderList.getSelectedNodes();
436 $("contactView").innerHTML = '';
438 if (nodes[0].hasClassName("denied")) {
439 var div = $("contactsListContent");
445 $("searchValue").value = "";
447 openContactsFolder(nodes[0].getAttribute("id"));
451 function refreshCurrentFolder() {
452 openContactsFolder(currentContactFolder, true);
455 function onConfirmContactSelection(event) {
456 var tag = this.getAttribute("name");
457 var folderLi = $(currentContactFolder);
458 var currentContactFolderName = folderLi.innerHTML;
459 var selectorList = null;
460 var initialValues = null;
463 var selectorId = selector.getAttribute("id");
464 selectorList = opener.window.document.getElementById('uixselector-'
467 initialValues = selectorList.value;
470 var contactsList = $("contactsList");
471 var rows = contactsList.getSelectedRows();
472 for (i = 0; i < rows.length; i++) {
473 var cid = rows[i].getAttribute("contactid");
474 var cname = '' + rows[i].getAttribute("contactname");
475 var email = '' + rows[i].cells[1].innerHTML;
476 opener.window.addContact(tag, currentContactFolderName + '/' + cname,
480 if (selector && selector.changeNotification
481 && selectorList.value != initialValues)
482 selector.changeNotification("addition");
484 preventDefault(event);
487 function onContactMailTo(node) {
488 return openMailTo(node.innerHTML);
491 function refreshContacts(contactId) {
492 refreshCurrentFolder();
493 cachedContacts[currentContactFolder + "/" + contactId] = null;
494 loadContact(contactId);
499 function onAddressBookNew(event) {
500 createFolder(window.prompt(labels["Name of the Address Book"]),
502 preventDefault(event);
505 function appendAddressBook(name, folder) {
507 folder = accessToSubscribedFolder(folder);
511 window.alert(clabels["You have already subscribed to that folder!"]);
513 var li = document.createElement("li");
514 $("contactFolders").appendChild(li);
515 li.setAttribute("id", folder);
516 li.appendChild(document.createTextNode(name));
517 setEventsOnContactFolder(li);
521 function newFolderCallback(http) {
522 if (http.readyState == 4
523 && http.status == 201) {
524 var name = http.callbackData;
525 appendAddressBook(name, "/" + name);
528 log ("ajax problem 4:" + http.status);
531 function newUserFolderCallback(folderData) {
532 var folder = $(folderData["folder"]);
534 appendAddressBook(folderData["folderName"], folderData["folder"]);
537 function onAddressBookAdd(event) {
538 openUserFolderSelector(newUserFolderCallback, "contact");
540 preventDefault(event);
543 function onFolderUnsubscribeCB(folderId) {
544 var node = $(folderId);
545 node.parentNode.removeChild(node);
546 var personal = $("/personal");
548 onFolderSelectionChange();
551 function onAddressBookRemove(event) {
552 var selector = $("contactFolders");
553 var nodes = selector.getSelectedNodes();
554 if (nodes.length > 0) {
556 var folderId = nodes[0].getAttribute("id");
557 var folderIdElements = folderId.split("_");
558 if (folderIdElements.length > 1)
559 unsubscribeFromFolder(folderId, onFolderUnsubscribeCB, folderId);
561 var abId = folderIdElements[0].substr(1);
562 deletePersonalAddressBook(abId);
563 var personal = $("/personal");
565 onFolderSelectionChange();
569 preventDefault(event);
572 function deletePersonalAddressBook(folderId) {
574 = labels["Are you sure you want to delete the selected address book?"];
575 if (window.confirm(label)) {
576 if (document.deletePersonalABAjaxRequest) {
577 document.deletePersonalABAjaxRequest.aborted = true;
578 document.deletePersonalABAjaxRequest.abort();
580 var url = ApplicationBaseURL + "/" + folderId + "/deleteFolder";
581 document.deletePersonalABAjaxRequest
582 = triggerAjaxRequest(url, deletePersonalAddressBookCallback,
587 function deletePersonalAddressBookCallback(http) {
588 if (http.readyState == 4) {
589 if (isHttpStatus204(http.status)) {
590 var ul = $("contactFolders");
592 var children = ul.childNodesWithTag("li");
595 while (!done && i < children.length) {
596 var currentFolderId = children[i].getAttribute("id").substr(1);
597 if (currentFolderId == http.callbackData) {
598 ul.removeChild(children[i]);
605 document.deletePersonalABAjaxRequest = null;
608 log ("ajax problem 5: " + http.status);
611 function configureDragHandles() {
612 var handle = $("dragHandle");
614 handle.addInterface(SOGoDragHandlesInterface);
615 handle.leftBlock=$("contactFoldersList");
616 handle.rightBlock=$("rightPanel");
617 handle.leftMargin = 100;
620 handle = $("rightDragHandle");
622 handle.addInterface(SOGoDragHandlesInterface);
623 handle.upperBlock=$("contactsListContent");
624 handle.lowerBlock=$("contactView");
628 function lookupDeniedFolders() {
629 var list = $("contactFolders").childNodesWithTag("li");
630 for (var i = 0; i < list.length; i++) {
631 var folderID = list[i].getAttribute("id");
632 var url = URLForFolderID(folderID) + "/canAccessContent";
633 triggerAjaxRequest(url, deniedFoldersLookupCallback, folderID);
637 function deniedFoldersLookupCallback(http) {
638 if (http.readyState == 4) {
639 var denied = ! isHttpStatus204(http.status);
640 var entry = $(http.callbackData);
642 entry.addClassName("denied");
644 entry.removeClassName("denied");
648 function configureAbToolbar() {
649 var toolbar = $("abToolbar");
650 var links = toolbar.childNodesWithTag("a");
651 Event.observe(links[0], "click", onAddressBookNew, false);
652 Event.observe(links[1], "click", onAddressBookAdd, false);
653 Event.observe(links[2], "click", onAddressBookRemove, false);
656 function configureContactFolders() {
657 var contactFolders = $("contactFolders");
658 if (contactFolders) {
659 Event.observe(contactFolders, "mousedown", listRowMouseDownHandler);
660 Event.observe(contactFolders, "click", onFolderSelectionChange);
661 var lis = contactFolders.childNodesWithTag("li");
662 for (var i = 0; i < lis.length; i++)
663 setEventsOnContactFolder(lis[i]);
665 lookupDeniedFolders();
667 var personalFolder = $("/personal");
668 personalFolder.select();
669 openContactsFolder("/personal");
673 function setEventsOnContactFolder(node) {
674 Event.observe(node, "mousedown", listRowMouseDownHandler, false);
675 Event.observe(node, "click", onRowClick, false);
676 Event.observe(node, "contextmenu",
677 onContactFoldersContextMenu.bindAsEventListener(node), false);
680 function onMenuModify(event) {
681 var folders = $("contactFolders");
682 var selected = folders.getSelectedNodes()[0];
684 if (UserLogin == selected.getAttribute("owner")) {
685 var currentName = selected.innerHTML;
686 var newName = window.prompt(labels["Address Book Name"],
688 if (newName && newName.length > 0
689 && newName != currentName) {
690 var url = (URLForFolderID(selected.getAttribute("id"))
691 + "/renameFolder?name=" + escape(newName.utf8encode()));
692 triggerAjaxRequest(url, folderRenameCallback,
693 {node: selected, name: newName});
696 window.alert(clabels["Unable to rename that folder!"]);
699 function folderRenameCallback(http) {
700 if (http.readyState == 4) {
701 if (isHttpStatus204(http.status)) {
702 var dict = http.callbackData;
703 dict["node"].innerHTML = dict["name"];
708 function onMenuSharing(event) {
709 var folders = $("contactFolders");
710 var selected = folders.getSelectedNodes()[0];
711 var title = this.innerHTML;
712 var url = URLForFolderID(selected.getAttribute("id"));
714 openAclWindow(url + "/acls", title);
717 function getMenus() {
719 menus["contactFoldersMenu"] = new Array(onMenuModify, "-", null,
720 null, "-", null, "-",
722 menus["contactMenu"] = new Array(onMenuEditContact, "-",
723 onMenuWriteToContact, null, "-",
724 onMenuDeleteContact);
725 menus["searchMenu"] = new Array(setSearchCriteria);
730 function configureSelectionButtons() {
731 var container = $("contactSelectionButtons");
733 var buttons = container.childNodesWithTag("input");
734 for (var i = 0; i < buttons.length; i++)
735 Event.observe(buttons[i], "click",
736 onConfirmContactSelection.bindAsEventListener(buttons[i]));
740 function initContacts(event) {
741 if (!document.body.hasClassName("popup")) {
742 configureAbToolbar();
745 configureSelectionButtons();
746 configureContactFolders();
749 var table = $("contactsList");
751 // Initialize contacts table
752 configureSortableTableHeaders(table);
753 TableKit.Resizable.init(table, {'trueResize' : true, 'keepWidth' : true});
757 addEvent(window, 'load', initContacts);