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";
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 if (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 var table = $("contactsList");
142 var sortImages = $(table.tHead).getElementsByClassName("sortImage");
143 $(sortImages).each(function(item) {
146 var tBody = $(table.tBodies[0]);
147 var length = tBody.rows.length;
148 for (var i = length - 1; i > -1; i--)
149 tBody.removeChild(tBody.rows[i]);
154 log ("ajax problem 1: status = " + http.status);
157 function onContactFoldersContextMenu(event) {
158 var menu = $("contactFoldersMenu");
159 //Event.observe(menu, "hideMenu", onContactFoldersContextMenuHide, false);
160 Event.observe(menu, "mousedown", onContactFoldersContextMenuHide, false);
161 popupMenu(event, "contactFoldersMenu", this);
163 var topNode = $("contactFolders");
164 var selectedNodes = topNode.getSelectedRows();
165 topNode.menuSelectedRows = selectedNodes;
166 for (var i = 0; i < selectedNodes.length; i++)
167 $(selectedNodes[i]).deselect();
168 topNode.menuSelectedEntry = this;
172 function onContactContextMenu(event, element) { log ("onContactContextMenu");
173 var menu = $("contactMenu");
175 Event.observe(menu, "mousedown", onContactContextMenuHide, false);
176 popupMenu(event, "contactMenu", element);
178 var topNode = $("contactsList");
179 var selectedNodes = topNode.getSelectedRows();
180 topNode.menuSelectedRows = selectedNodes;
181 for (var i = 0; i < selectedNodes.length; i++)
182 $(selectedNodes[i]).deselect();
183 topNode.menuSelectedEntry = element;
187 function onContactContextMenuHide(event) {
188 var topNode = $("contactsList");
190 if (topNode.menuSelectedEntry) {
191 $(topNode.menuSelectedEntry).deselect();
192 topNode.menuSelectedEntry = null;
194 if (topNode.menuSelectedRows) {
195 var nodes = topNode.menuSelectedRows;
196 for (var i = 0; i < nodes.length; i++)
197 $(nodes[i]).select();
198 topNode.menuSelectedRows = null;
202 function onContactFoldersContextMenuHide(event) {
203 var topNode = $("contactFolders");
205 if (topNode.menuSelectedEntry) {
206 topNode.menuSelectedEntry.deselect();
207 topNode.menuSelectedEntry = null;
209 if (topNode.menuSelectedRows) {
210 var nodes = topNode.menuSelectedRows;
211 for (var i = 0; i < nodes.length; i++)
213 topNode.menuSelectedRows = null;
217 function onFolderMenuHide(event) {
218 var topNode = $('d');
220 if (topNode.menuSelectedEntry) {
221 topNode.menuSelectedEntry.deselect();
222 topNode.menuSelectedEntry = null;
224 if (topNode.selectedEntry)
225 topNode.selectedEntry.select();
228 function loadContact(idx) {
229 if (document.contactAjaxRequest) {
230 document.contactAjaxRequest.aborted = true;
231 document.contactAjaxRequest.abort();
234 if (cachedContacts[currentContactFolder + "/" + idx]) {
235 var div = $('contactView');
236 div.innerHTML = cachedContacts[currentContactFolder + "/" + idx];
239 var url = (URLForFolderID(currentContactFolder)
240 + "/" + idx + "/view?noframe=1");
241 document.contactAjaxRequest
242 = triggerAjaxRequest(url, contactLoadCallback, idx);
246 function contactLoadCallback(http) {
247 var div = $('contactView');
249 if (http.readyState == 4
250 && http.status == 200) {
251 document.contactAjaxRequest = null;
252 var content = http.responseText;
253 cachedContacts[currentContactFolder + "/" + http.callbackData] = content;
254 div.innerHTML = content;
257 log ("ajax problem 2: " + http.status);
260 var rowSelectionCount = 0;
264 function showElement(e, shouldShow) {
265 e.style.display = shouldShow ? "" : "none";
268 function enableElement(e, shouldEnable) {
272 if(e.hasAttribute("disabled"))
273 e.removeAttribute("disabled");
276 e.setAttribute("disabled", "1");
280 function validateControls() {
282 this.enableElement(e, rowSelectionCount > 0);
285 function moveTo(uri) {
286 alert("MoveTo: " + uri);
289 /* contact menu entries */
290 function onContactRowClick(event, node) {
291 loadContact(node.getAttribute('id'));
293 return onRowClick(event);
296 function onContactRowDblClick(event, node) {
297 var contactId = node.getAttribute('id');
299 openContactWindow(URLForFolderID(currentContactFolder)
300 + "/" + contactId + "/edit", contactId);
305 function onMenuEditContact(event) {
306 var contactId = document.menuTarget.getAttribute('id');
308 openContactWindow(URLForFolderID(currentContactFolder)
309 + "/" + contactId + "/edit", contactId);
312 function onMenuWriteToContact(event) {
313 var contactId = document.menuTarget.getAttribute('id');
314 var contactRow = $(contactId);
315 var emailCell = contactRow.down('td', 1);
317 if (!emailCell.firstChild) { // .nodeValue is the contact email address
318 window.alert(labels["The selected contact has no email address."]);
322 openMailComposeWindow(ApplicationBaseURL + currentContactFolder
323 + "/" + contactId + "/write");
325 if (document.body.hasClassName("popup"))
329 function onMenuDeleteContact(event) {
330 uixDeleteSelectedContacts(this);
333 function onToolbarEditSelectedContacts(event) {
334 var contactsList = $('contactsList');
335 var rows = contactsList.getSelectedRowsId();
337 if (rows.length == 0) {
338 window.alert(labels["Please select a contact."]);
342 for (var i = 0; i < rows.length; i++) {
343 openContactWindow(URLForFolderID(currentContactFolder)
344 + "/" + rows[i] + "/edit", rows[i]);
350 function onToolbarWriteToSelectedContacts(event) {
351 var contactsList = $('contactsList');
352 var rows = contactsList.getSelectedRowsId();
353 var rowsWithEmail = 0;
355 if (rows.length == 0) {
356 openMailComposeWindow(ApplicationBaseURL + "Mail/compose");
360 for (var i = 0; i < rows.length; i++) {
361 var emailCell = $(rows[i]).down('td', 1);
362 if (emailCell.firstChild) { // .nodeValue is the contact email address
364 openMailComposeWindow(ApplicationBaseURL + currentContactFolder
365 + "/" + rows[i] + "/write");
369 if (rowsWithEmail == 0) {
370 window.alert(labels["The selected contact has no email address."]);
372 else if (document.body.hasClassName("popup"))
378 function uixDeleteSelectedContacts(sender) {
380 var contactsList = $('contactsList');
381 var rows = contactsList.getSelectedRowsId();
383 if (rows.length == 0) {
384 window.alert(labels["Please select a contact."]);
388 var contactView = $('contactView');
389 contactView.update();
391 for (var i = 0; i < rows.length; i++) {
392 var url, http, rowElem;
394 /* send AJAX request (synchronously) */
396 url = (URLForFolderID(currentContactFolder) + "/"
397 + rows[i] + "/delete");
398 http = createHTTPClient();
399 http.open("POST", url, false /* not async */);
401 if (http.status != 200) { /* request failed */
408 /* remove from page */
410 /* line-through would be nicer, but hiding is OK too */
411 rowElem = $(rows[i]);
412 rowElem.parentNode.removeChild(rowElem);
416 alert("Could not delete the selected contacts!");
421 function newEmailTo(sender) {
422 var mailto = sanitizeMailTo(sender.parentNode.parentNode.menuTarget.innerHTML);
424 if (mailto.length > 0)
425 openMailComposeWindow("compose?mailto=" + mailto);
427 return false; /* stop following the link */
430 function onHeaderClick(event) {
431 var headerId = this.getAttribute("id");
432 var newSortAttribute;
433 if (headerId == "nameHeader")
434 newSortAttribute = "displayName";
435 else if (headerId == "mailHeader")
436 newSortAttribute = "mail";
437 else if (headerId == "screenNameHeader")
438 newSortAttribute = "screenName";
439 else if (headerId == "orgHeader")
440 newSortAttribute = "org";
441 else if (headerId == "phoneHeader")
442 newSortAttribute = "phone";
444 if (sorting["attribute"] == newSortAttribute)
445 sorting["ascending"] = !sorting["ascending"];
447 sorting["attribute"] = newSortAttribute;
448 sorting["ascending"] = true;
451 refreshCurrentFolder();
456 function newContact(sender) {
457 openContactWindow(URLForFolderID(currentContactFolder) + "/new");
459 return false; /* stop following the link */
462 function onFolderSelectionChange(event) {
463 var folderList = $("contactFolders");
464 var nodes = folderList.getSelectedNodes();
467 var node = getTarget(event);
468 if (node.tagName == 'UL')
472 $("contactView").update();
474 if (nodes[0].hasClassName("denied")) {
475 var div = $("contactsListContent");
481 $("searchValue").value = "";
483 openContactsFolder(nodes[0].getAttribute("id"));
487 function refreshCurrentFolder() {
488 openContactsFolder(currentContactFolder, true);
491 function onConfirmContactSelection(event) {
492 var tag = this.getAttribute("name");
493 var folderLi = $(currentContactFolder);
494 var currentContactFolderName = folderLi.innerHTML;
495 var selectorList = null;
496 var initialValues = null;
499 var selectorId = selector.getAttribute("id");
500 selectorList = opener.window.document.getElementById('uixselector-'
503 initialValues = selectorList.value;
506 var contactsList = $("contactsList");
507 var rows = contactsList.getSelectedRows();
508 for (i = 0; i < rows.length; i++) {
509 var cid = rows[i].getAttribute("contactid");
510 var cname = '' + rows[i].getAttribute("contactname");
511 var email = '' + rows[i].cells[1].innerHTML;
512 window.opener.addContact(tag, currentContactFolderName + '/' + cname,
516 if (selector && selector.changeNotification
517 && selectorList.value != initialValues)
518 selector.changeNotification("addition");
520 preventDefault(event);
523 function onContactMailTo(node) {
524 return openMailTo(node.innerHTML);
527 function refreshContacts(contactId) {
528 refreshCurrentFolder();
529 cachedContacts[currentContactFolder + "/" + contactId] = null;
530 loadContact(contactId);
535 function onAddressBookNew(event) {
536 createFolder(window.prompt(labels["Name of the Address Book"]),
538 preventDefault(event);
541 function appendAddressBook(name, folder) {
546 owner = getSubscribedFolderOwner(folder);
547 folder = accessToSubscribedFolder(folder);
558 var contactFolders = $("contactFolders");
559 var items = contactFolders.childNodesWithTag("li");
560 var li = document.createElement("li");
562 // Add the calendar to the proper place
563 var i = getListIndexForFolder(items, owner, name);
564 if (i != items.length) // User is subscribed to other calendars of the same owner
565 contactFolders.insertBefore(li, items[i]);
567 contactFolders.appendChild(li);
569 li.setAttribute("id", folder);
570 li.setAttribute("owner", owner);
571 li.appendChild(document.createTextNode(name));
572 setEventsOnContactFolder(li);
578 function newFolderCallback(http) {
579 if (http.readyState == 4
580 && http.status == 201) {
581 var name = http.callbackData;
582 appendAddressBook(name, "/" + name);
585 log ("ajax problem 4:" + http.status);
588 function newUserFolderCallback(folderData) {
589 var folder = $(folderData["folder"]);
591 appendAddressBook(folderData["folderName"], folderData["folder"]);
594 function onAddressBookAdd(event) {
595 openUserFolderSelector(newUserFolderCallback, "contact");
597 preventDefault(event);
600 function onFolderUnsubscribeCB(folderId) {
601 var node = $(folderId);
602 node.parentNode.removeChild(node);
603 var personal = $("/personal");
605 onFolderSelectionChange();
608 function onAddressBookRemove(event) {
609 var selector = $("contactFolders");
610 var nodes = selector.getSelectedNodes();
611 if (nodes.length > 0) {
613 var folderId = nodes[0].getAttribute("id");
614 var folderIdElements = folderId.split("_");
615 if (folderIdElements.length > 1)
616 unsubscribeFromFolder(folderId, onFolderUnsubscribeCB, folderId);
618 var abId = folderIdElements[0].substr(1);
619 deletePersonalAddressBook(abId);
620 var personal = $("/personal");
622 onFolderSelectionChange();
626 preventDefault(event);
629 function deletePersonalAddressBook(folderId) {
631 = labels["Are you sure you want to delete the selected address book?"];
632 if (window.confirm(label)) {
633 if (document.deletePersonalABAjaxRequest) {
634 document.deletePersonalABAjaxRequest.aborted = true;
635 document.deletePersonalABAjaxRequest.abort();
637 var url = ApplicationBaseURL + "/" + folderId + "/deleteFolder";
638 document.deletePersonalABAjaxRequest
639 = triggerAjaxRequest(url, deletePersonalAddressBookCallback,
644 function deletePersonalAddressBookCallback(http) {
645 if (http.readyState == 4) {
646 if (isHttpStatus204(http.status)) {
647 var ul = $("contactFolders");
649 var children = ul.childNodesWithTag("li");
652 while (!done && i < children.length) {
653 var currentFolderId = children[i].getAttribute("id").substr(1);
654 if (currentFolderId == http.callbackData) {
655 ul.removeChild(children[i]);
662 document.deletePersonalABAjaxRequest = null;
665 log ("ajax problem 5: " + http.status);
668 function configureDragHandles() {
669 var handle = $("dragHandle");
671 handle.addInterface(SOGoDragHandlesInterface);
672 handle.leftBlock=$("contactFoldersList");
673 handle.rightBlock=$("rightPanel");
674 handle.leftMargin = 100;
677 handle = $("rightDragHandle");
679 handle.addInterface(SOGoDragHandlesInterface);
680 handle.upperBlock=$("contactsListContent");
681 handle.lowerBlock=$("contactView");
685 function lookupDeniedFolders() {
686 var list = $("contactFolders").childNodesWithTag("li");
687 for (var i = 0; i < list.length; i++) {
688 var folderID = list[i].getAttribute("id");
689 var url = URLForFolderID(folderID) + "/canAccessContent";
690 triggerAjaxRequest(url, deniedFoldersLookupCallback, folderID);
694 function deniedFoldersLookupCallback(http) {
695 if (http.readyState == 4) {
696 var denied = ! isHttpStatus204(http.status);
697 var entry = $(http.callbackData);
699 entry.addClassName("denied");
701 entry.removeClassName("denied");
705 function configureAbToolbar() {
706 var toolbar = $("abToolbar");
707 var links = toolbar.childNodesWithTag("a");
708 Event.observe(links[0], "click", onAddressBookNew, false);
709 Event.observe(links[1], "click", onAddressBookAdd, false);
710 Event.observe(links[2], "click", onAddressBookRemove, false);
713 function configureContactFolders() {
714 var contactFolders = $("contactFolders");
715 if (contactFolders) {
716 Event.observe(contactFolders, "mousedown", listRowMouseDownHandler);
717 Event.observe(contactFolders, "click", onFolderSelectionChange);
718 var lis = contactFolders.childNodesWithTag("li");
719 for (var i = 0; i < lis.length; i++)
720 setEventsOnContactFolder(lis[i]);
722 lookupDeniedFolders();
724 var personalFolder = $("/personal");
725 personalFolder.select();
726 openContactsFolder("/personal");
730 function setEventsOnContactFolder(node) {
731 Event.observe(node, "mousedown", listRowMouseDownHandler, false);
732 Event.observe(node, "click", onRowClick, false);
733 Event.observe(node, "contextmenu",
734 onContactFoldersContextMenu.bindAsEventListener(node), false);
737 function onMenuModify(event) {
738 var folders = $("contactFolders");
739 var selected = folders.getSelectedNodes()[0];
741 if (UserLogin == selected.getAttribute("owner")) {
742 var currentName = selected.innerHTML;
743 var newName = window.prompt(labels["Address Book Name"],
745 if (newName && newName.length > 0
746 && newName != currentName) {
747 var url = (URLForFolderID(selected.getAttribute("id"))
748 + "/renameFolder?name=" + escape(newName.utf8encode()));
749 triggerAjaxRequest(url, folderRenameCallback,
750 {node: selected, name: newName});
753 window.alert(clabels["Unable to rename that folder!"]);
756 function folderRenameCallback(http) {
757 if (http.readyState == 4) {
758 if (isHttpStatus204(http.status)) {
759 var dict = http.callbackData;
760 dict["node"].innerHTML = dict["name"];
765 function onMenuSharing(event) {
766 if ($(this).hasClassName("disabled"))
769 var folders = $("contactFolders");
770 var selected = folders.getSelectedNodes()[0];
771 var owner = selected.getAttribute("owner");
772 if (owner == "nobody")
773 window.alert(clabels["The user rights cannot be"
774 + " edited for this object!"]);
776 var title = this.innerHTML;
777 var url = URLForFolderID(selected.getAttribute("id"));
779 openAclWindow(url + "/acls", title);
783 function onContactFoldersMenuPrepareVisibility() {
784 var folders = $("contactFolders");
785 var selected = folders.getSelectedNodes();
787 if (selected.length > 0) {
788 var folderOwner = selected[0].getAttribute("owner");
789 var modifyOption = $(this).down("ul").childElements().first();
790 var sharingOption = $(this).down("ul").childElements().last();
791 // Disable the "Sharing" and "Modify" options when address book
792 // is not owned by user
793 if (folderOwner == UserLogin || IsSuperUser) {
794 modifyOption.removeClassName("disabled");
795 sharingOption.removeClassName("disabled");
798 modifyOption.addClassName("disabled");
799 sharingOption.addClassName("disabled");
804 function getMenus() {
806 menus["contactFoldersMenu"] = new Array(onMenuModify, "-", null,
807 null, "-", null, "-",
809 menus["contactMenu"] = new Array(onMenuEditContact, "-",
810 onMenuWriteToContact, null, "-",
811 onMenuDeleteContact);
812 menus["searchMenu"] = new Array(setSearchCriteria);
814 var contactFoldersMenu = $("contactFoldersMenu");
815 if (contactFoldersMenu)
816 contactFoldersMenu.prepareVisibility = onContactFoldersMenuPrepareVisibility;
821 function configureSelectionButtons() {
822 var container = $("contactSelectionButtons");
824 var buttons = container.childNodesWithTag("input");
825 for (var i = 0; i < buttons.length; i++)
826 Event.observe(buttons[i], "click",
827 onConfirmContactSelection.bindAsEventListener(buttons[i]));
831 function initContacts(event) {
832 if (!document.body.hasClassName("popup")) {
833 configureAbToolbar();
836 configureSelectionButtons();
837 configureContactFolders();
840 var table = $("contactsList");
842 // Initialize contacts table
843 table.multiselect = true;
844 configureSortableTableHeaders(table);
845 TableKit.Resizable.init(table, {'trueResize' : true, 'keepWidth' : true});
848 // Default sort options
849 sorting["attribute"] = "displayName";
850 sorting["ascending"] = true;
853 FastInit.addOnLoad(initContacts);