1 /* JavaScript for SOGoContacts */
3 var cachedContacts = new Array();
4 var currentContactFolder = null;
6 var usersRightsWindowHeight = 200;
7 var usersRightsWindowWidth = 450;
9 function openContactWindow(sender, url) {
10 var msgWin = window.open(url, null, "width=450,height=600,resizable=0");
14 function validateEditorInput(sender) {
18 field = document.pageform.subject;
19 if (field.value == "")
20 errortext = errortext + labels.error_missingsubject + "\n";
22 if (!UIxRecipientSelectorHasRecipients())
23 errortext = errortext + labels.error_missingrecipients + "\n";
25 if (errortext.length > 0) {
26 alert(labels.error_validationfailed.decodeEntities() + ":\n"
27 + errortext.decodeEntities());
33 function openContactsFolder(contactsFolder, reload, idx) {
34 if (contactsFolder != currentContactFolder || reload) {
35 currentContactFolder = contactsFolder;
36 var url = URLForFolderID(currentContactFolder) +
39 var searchValue = search["value"];
40 if (searchValue && searchValue.length > 0)
41 url += ("&search=" + search["criteria"]
42 + "&value=" + searchValue);
43 var sortAttribute = sorting["attribute"];
44 if (sortAttribute && sortAttribute.length > 0)
45 url += ("&sort=" + sorting["attribute"]
46 + "&asc=" + sorting["ascending"]);
49 if (contactsFolder == currentContactFolder) {
50 var contactsList = $("contactsList");
52 selection = contactsList.getSelectedRowsId();
54 window.alert("no contactsList");
59 if (document.contactsListAjaxRequest) {
60 document.contactsListAjaxRequest.aborted = true;
61 document.contactsListAjaxRequest.abort();
63 document.contactsListAjaxRequest
64 = triggerAjaxRequest(url, contactsListCallback, selection);
68 function openContactsFolderAtIndex(element) {
69 var idx = element.getAttribute("idx");
70 var url = URLForFolderID(currentContactFolder) + "/view?noframe=1&idx=" + idx;
72 if (document.contactsListAjaxRequest) {
73 document.contactsListAjaxRequest.aborted = true;
74 document.contactsListAjaxRequest.abort();
76 document.contactsListAjaxRequest
77 = triggerAjaxRequest(url, contactsListCallback);
80 function configureContactsListHeaders(cells) {
81 for (var i = 0; i < cells.length; i++) {
82 var currentCell = $(cells[i]);
83 Event.observe(currentCell, "click",
84 onHeaderClick.bindAsEventListener(currentCell));
85 Event.observe(currentCell, "mousedown", listRowMouseDownHandler);
89 function contactsListCallback(http) {
90 var div = $("contactsListContent");
92 if (http.readyState == 4
93 && http.status == 200) {
94 document.contactsListAjaxRequest = null;
95 div.innerHTML = http.responseText;
97 var table = $("contactsList");
99 configureContactsListHeaders(table.tBodies[0].rows[0].cells);
101 if (sorting["attribute"] && sorting["attribute"].length > 0) {
103 if (sorting["attribute"] == "cn")
104 sortHeader = $("nameHeader");
105 else if (sorting["attribute"] == "mail")
106 sortHeader = $("mailHeader");
107 else if (sorting["attribute"] == "screenname")
108 sortHeader = $("screenNameHeader");
109 else if (sorting["attribute"] == "o")
110 sortHeader = $("orgHeader");
111 else if (sorting["attribute"] == "telephonenumber")
112 sortHeader = $("phoneHeader");
117 var sortImage = createElement("img", "messageSortImage", "sortImage");
118 sortHeader.insertBefore(sortImage, sortHeader.firstChild);
119 if (sorting["ascending"])
120 sortImage.src = ResourcesURL + "/title_sortdown_12x12.png";
122 sortImage.src = ResourcesURL + "/title_sortup_12x12.png";
126 var selected = http.callbackData;
128 for (var i = 0; i < selected.length; i++) {
129 var row = $(selected[i]);
136 log ("ajax problem 1: status = " + http.status);
139 function onContactFoldersContextMenu(event) {
140 var menu = $("contactFoldersMenu");
141 Event.observe(menu, "hideMenu", onContactFoldersContextMenuHide, false);
142 popupMenu(event, "contactFoldersMenu", this);
144 var topNode = $("contactFolders");
145 var selectedNodes = topNode.getSelectedRows();
146 topNode.menuSelectedRows = selectedNodes;
147 for (var i = 0; i < selectedNodes.length; i++)
148 selectedNodes[i].deselect();
149 topNode.menuSelectedEntry = this;
153 function onContactContextMenu(event, element) {
154 var menu = $("contactMenu");
155 Event.observe(menu, "hideMenu", onContactContextMenuHide, false);
156 popupMenu(event, "contactMenu", element);
158 var topNode = $("contactsList");
159 var selectedNodes = topNode.getSelectedRows();
160 topNode.menuSelectedRows = selectedNodes;
161 for (var i = 0; i < selectedNodes.length; i++)
162 selectedNodes[i].deselect();
163 topNode.menuSelectedEntry = element;
167 function onContactContextMenuHide(event) {
168 var topNode = $("contactsList");
170 if (topNode.menuSelectedEntry) {
171 topNode.menuSelectedEntry.deselect();
172 topNode.menuSelectedEntry = null;
174 if (topNode.menuSelectedRows) {
175 var nodes = topNode.menuSelectedRows;
176 for (var i = 0; i < nodes.length; i++)
178 topNode.menuSelectedRows = null;
182 function onContactFoldersContextMenuHide(event) {
183 var topNode = $("contactFolders");
185 if (topNode.menuSelectedEntry) {
186 topNode.menuSelectedEntry.deselect();
187 topNode.menuSelectedEntry = null;
189 if (topNode.menuSelectedRows) {
190 var nodes = topNode.menuSelectedRows;
191 for (var i = 0; i < nodes.length; i++)
193 topNode.menuSelectedRows = null;
197 function onFolderMenuHide(event) {
198 var topNode = $('d');
200 if (topNode.menuSelectedEntry) {
201 topNode.menuSelectedEntry.deselect();
202 topNode.menuSelectedEntry = null;
204 if (topNode.selectedEntry)
205 topNode.selectedEntry.select();
208 function loadContact(idx) {
209 if (document.contactAjaxRequest) {
210 document.contactAjaxRequest.aborted = true;
211 document.contactAjaxRequest.abort();
214 if (cachedContacts[currentContactFolder + "/" + idx]) {
215 var div = $('contactView');
216 div.innerHTML = cachedContacts[currentContactFolder + "/" + idx];
219 var url = (URLForFolderID(currentContactFolder)
220 + "/" + idx + "/view?noframe=1");
221 document.contactAjaxRequest
222 = triggerAjaxRequest(url, contactLoadCallback, idx);
226 function contactLoadCallback(http) {
227 var div = $('contactView');
229 if (http.readyState == 4
230 && http.status == 200) {
231 document.contactAjaxRequest = null;
232 var content = http.responseText;
233 cachedContacts[currentContactFolder + "/" + http.callbackData] = content;
234 div.innerHTML = content;
237 log ("ajax problem 2: " + http.status);
240 var rowSelectionCount = 0;
244 function showElement(e, shouldShow) {
245 e.style.display = shouldShow ? "" : "none";
248 function enableElement(e, shouldEnable) {
252 if(e.hasAttribute("disabled"))
253 e.removeAttribute("disabled");
256 e.setAttribute("disabled", "1");
260 function validateControls() {
262 this.enableElement(e, rowSelectionCount > 0);
265 function moveTo(uri) {
266 alert("MoveTo: " + uri);
269 /* contact menu entries */
270 function onContactRowClick(event, node) {
271 loadContact(node.getAttribute('id'));
273 return onRowClick(event);
276 function onContactRowDblClick(event, node) {
277 var contactId = node.getAttribute('id');
279 openContactWindow(null,
280 URLForFolderID(currentContactFolder)
281 + "/" + contactId + "/edit");
286 function onMenuEditContact(event) {
287 var contactId = document.menuTarget.getAttribute('id');
289 openContactWindow(null,
290 URLForFolderID(currentContactFolder)
291 + "/" + contactId + "/edit");
294 function onMenuWriteToContact(event) {
295 var contactId = document.menuTarget.getAttribute('id');
297 openMailComposeWindow(ApplicationBaseURL + currentContactFolder
298 + "/" + contactId + "/write");
301 function onMenuDeleteContact(event) {
302 uixDeleteSelectedContacts(this);
305 function onToolbarEditSelectedContacts(event) {
306 var contactsList = $('contactsList');
307 var rows = contactsList.getSelectedRowsId();
309 for (var i = 0; i < rows.length; i++) {
310 openContactWindow(null,
311 URLForFolderID(currentContactFolder)
312 + "/" + rows[i] + "/edit");
318 function onToolbarWriteToSelectedContacts(event) {
319 var contactsList = $('contactsList');
320 var rows = contactsList.getSelectedRowsId();
322 for (var i = 0; i < rows.length; i++)
323 openMailComposeWindow(ApplicationBaseURL + currentContactFolder
324 + "/" + rows[i] + "/write");
329 function uixDeleteSelectedContacts(sender) {
331 var contactsList = $('contactsList');
332 var rows = contactsList.getSelectedRowsId();
334 var contactView = $('contactView');
335 contactView.innerHTML = '';
337 for (var i = 0; i < rows.length; i++) {
338 var url, http, rowElem;
340 /* send AJAX request (synchronously) */
342 url = (URLForFolderID(currentContactFolder) + "/"
343 + rows[i] + "/delete");
344 http = createHTTPClient();
345 http.open("POST", url, false /* not async */);
347 if (http.status != 200) { /* request failed */
354 /* remove from page */
356 /* line-through would be nicer, but hiding is OK too */
357 rowElem = $(rows[i]);
358 rowElem.parentNode.removeChild(rowElem);
362 alert("Could not delete the selected contacts!");
367 function newEmailTo(sender) {
368 var mailto = sanitizeMailTo(sender.parentNode.parentNode.menuTarget.innerHTML);
370 if (mailto.length > 0)
372 w = window.open("compose?mailto=" + mailto,
374 "width=680,height=520,resizable=1,scrollbars=1,toolbar=0," +
375 "location=0,directories=0,status=0,menubar=0,copyhistory=0");
379 return false; /* stop following the link */
382 function onHeaderClick(event) {
383 var headerId = this.getAttribute("id");
384 var newSortAttribute;
385 if (headerId == "nameHeader")
386 newSortAttribute = "cn";
387 else if (headerId == "mailHeader")
388 newSortAttribute = "mail";
389 else if (headerId == "screenNameHeader")
390 newSortAttribute = "screenname";
391 else if (headerId == "orgHeader")
392 newSortAttribute = "o";
393 else if (headerId == "phoneHeader")
394 newSortAttribute = "telephonenumber";
396 log("header: " + headerId);
398 if (sorting["attribute"] == newSortAttribute)
399 sorting["ascending"] = !sorting["ascending"];
401 sorting["attribute"] = newSortAttribute;
402 sorting["ascending"] = true;
405 refreshCurrentFolder();
407 preventDefault(event);
410 function registerDraggableMessageNodes() {
411 log ("can we drag...");
414 function newContact(sender) {
415 openContactWindow(sender,
416 URLForFolderID(currentContactFolder) + "/new");
418 return false; /* stop following the link */
421 function onFolderSelectionChange() {
422 var folderList = $("contactFolders");
423 var nodes = folderList.getSelectedNodes();
424 $("contactView").innerHTML = '';
426 if (nodes[0].hasClassName("denied")) {
427 var div = $("contactsListContent");
433 $("searchValue").value = "";
435 openContactsFolder(nodes[0].getAttribute("id"));
439 function refreshCurrentFolder() {
440 openContactsFolder(currentContactFolder, true);
443 function onConfirmContactSelection(event) {
444 var tag = this.getAttribute("name");
445 var folderLi = $(currentContactFolder);
446 var currentContactFolderName = folderLi.innerHTML;
447 var selectorList = null;
448 var initialValues = null;
451 var selectorId = selector.getAttribute("id");
452 selectorList = opener.window.document.getElementById('uixselector-'
455 initialValues = selectorList.value;
458 var contactsList = $("contactsList");
459 var rows = contactsList.getSelectedRows();
460 for (i = 0; i < rows.length; i++) {
461 var cid = rows[i].getAttribute("contactid");
462 var cname = '' + rows[i].getAttribute("contactname");
463 var email = '' + rows[i].cells[1].innerHTML;
464 opener.window.addContact(tag, currentContactFolderName + '/' + cname,
468 if (selector && selector.changeNotification
469 && selectorList.value != initialValues)
470 selector.changeNotification("addition");
472 preventDefault(event);
475 function onContactMailTo(node) {
476 return openMailTo(node.innerHTML);
479 function refreshContacts(contactId) {
480 refreshCurrentFolder();
481 cachedContacts[currentContactFolder + "/" + contactId] = null;
482 loadContact(contactId);
487 function onAddressBookNew(event) {
488 var name = window.prompt(labels["Name of the Address Book"].decodeEntities());
490 if (document.newAbAjaxRequest) {
491 document.newAbAjaxRequest.aborted = true;
492 document.newAbAjaxRequest.abort();
494 var url = ApplicationBaseURL + "/newAb?name=" + name;
495 document.newAbAjaxRequest
496 = triggerAjaxRequest(url, newAbCallback, name);
498 preventDefault(event);
501 function appendAddressBook(name, folder) {
502 var li = document.createElement("li");
503 $("contactFolders").appendChild(li);
504 li.setAttribute("id", folder);
505 li.appendChild(document.createTextNode(name));
506 setEventsOnContactFolder(li);
509 function newAbCallback(http) {
510 if (http.readyState == 4
511 && http.status == 201) {
512 var name = http.callbackData;
513 appendAddressBook(name, "/" + name);
516 log ("ajax problem 4:" + http.status);
519 function newUserFolderCallback(folderData) {
520 var folder = $(folderData["folder"]);
522 appendAddressBook(folderData["folderName"], folderData["folder"]);
525 function onAddressBookAdd(event) {
526 openUserFolderSelector(newUserFolderCallback, "contact");
528 preventDefault(event);
531 function onFolderUnsubscribeCB(folderId) {
532 var node = $(folderId);
533 node.parentNode.removeChild(node);
534 var personal = $("/personal");
536 onFolderSelectionChange();
539 function onAddressBookRemove(event) {
540 var selector = $("contactFolders");
541 var nodes = selector.getSelectedNodes();
542 if (nodes.length > 0) {
544 var folderId = nodes[0].getAttribute("id");
545 var folderIdElements = folderId.split(":");
546 if (folderIdElements.length > 1)
547 unsubscribeFromFolder(folderId, onFolderUnsubscribeCB, folderId);
549 var abId = folderIdElements[0].substr(1);
550 deletePersonalAddressBook(abId);
551 var personal = $("/personal");
553 onFolderSelectionChange();
557 preventDefault(event);
560 function deletePersonalAddressBook(folderId) {
562 = labels["Are you sure you want to delete the selected address book?"];
563 if (window.confirm(label.decodeEntities())) {
564 if (document.deletePersonalABAjaxRequest) {
565 document.deletePersonalABAjaxRequest.aborted = true;
566 document.deletePersonalABAjaxRequest.abort();
568 var url = ApplicationBaseURL + "/" + folderId + "/delete";
569 document.deletePersonalABAjaxRequest
570 = triggerAjaxRequest(url, deletePersonalAddressBookCallback,
575 function deletePersonalAddressBookCallback(http) {
576 if (http.readyState == 4) {
577 if (http.status == 200) {
578 var ul = $("contactFolders");
580 var children = ul.childNodesWithTag("li");
583 while (!done && i < children.length) {
584 var currentFolderId = children[i].getAttribute("id").substr(1);
585 if (currentFolderId == http.callbackData) {
586 ul.removeChild(children[i]);
593 document.deletePersonalABAjaxRequest = null;
596 log ("ajax problem 5: " + http.status);
599 function configureDragHandles() {
600 var handle = $("dragHandle");
602 handle.addInterface(SOGoDragHandlesInterface);
603 handle.leftBlock=$("contactFoldersList");
604 handle.rightBlock=$("rightPanel");
607 handle = $("rightDragHandle");
609 handle.addInterface(SOGoDragHandlesInterface);
610 handle.upperBlock=$("contactsListContent");
611 handle.lowerBlock=$("contactView");
615 function lookupDeniedFolders() {
616 var list = $("contactFolders").childNodesWithTag("li");
617 for (var i = 0; i < list.length; i++) {
618 var folderID = list[i].getAttribute("id");
619 var url = URLForFolderID(folderID) + "/canAccessContent";
621 triggerAjaxRequest(url, deniedFoldersLookupCallback, folderID);
625 function deniedFoldersLookupCallback(http) {
626 if (http.readyState == 4) {
627 var denied = ! isHttpStatus204(http.status);
628 var entry = $(http.callbackData);
630 entry.addClassName("denied");
632 entry.removeClassName("denied");
636 function configureAbToolbar() {
637 var toolbar = $("abToolbar");
638 var links = toolbar.childNodesWithTag("a");
639 Event.observe(links[0], "click", onAddressBookNew, false);
640 Event.observe(links[1], "click", onAddressBookAdd, false);
641 Event.observe(links[2], "click", onAddressBookRemove, false);
644 function configureContactFolders() {
645 var contactFolders = $("contactFolders");
646 if (contactFolders) {
647 Event.observe(contactFolders, "mousedown", listRowMouseDownHandler);
648 Event.observe(contactFolders, "click", onFolderSelectionChange);
649 var lis = contactFolders.childNodesWithTag("li");
650 for (var i = 0; i < lis.length; i++)
651 setEventsOnContactFolder(lis[i]);
653 lookupDeniedFolders();
655 var personalFolder = $("/personal");
656 personalFolder.select();
657 openContactsFolder("/personal");
661 function setEventsOnContactFolder(node) {
662 Event.observe(node, "mousedown", listRowMouseDownHandler, false);
663 Event.observe(node, "click", onRowClick, false);
664 Event.observe(node, "contextmenu",
665 onContactFoldersContextMenu.bindAsEventListener(node), false);
668 function onMenuSharing(event) {
669 var folders = $("contactFolders");
670 var selected = folders.getSelectedNodes()[0];
671 var title = this.innerHTML;
672 var url = URLForFolderID(selected.getAttribute("id"));
674 openAclWindow(url + "/acls", title);
677 function getMenus() {
679 menus["contactFoldersMenu"] = new Array(null, "-", null,
680 null, "-", null, "-",
682 menus["contactMenu"] = new Array(onMenuEditContact, "-",
683 onMenuWriteToContact, null, "-",
684 onMenuDeleteContact);
685 menus["searchMenu"] = new Array(setSearchCriteria);
690 function configureSelectionButtons() {
691 var container = $("contactSelectionButtons");
693 var buttons = container.childNodesWithTag("input");
694 for (var i = 0; i < buttons.length; i++)
695 Event.observe(buttons[i], "click",
696 onConfirmContactSelection.bindAsEventListener(buttons[i]));
700 function initContacts(event) {
701 if (!document.body.hasClassName("popup")) {
702 configureAbToolbar();
705 configureSelectionButtons();
706 configureContactFolders();
710 addEvent(window, 'load', initContacts);