1 /* JavaScript for SOGoContacts */
3 var cachedContacts = new Array();
4 var currentContactFolder = '/personal';
6 function openContactWindow(sender, url) {
7 var msgWin = window.open(url, null, "width=450,height=600,resizable=0");
11 function validateEditorInput(sender) {
15 field = document.pageform.subject;
16 if (field.value == "")
17 errortext = errortext + labels.error_missingsubject + "\n";
19 if (!UIxRecipientSelectorHasRecipients())
20 errortext = errortext + labels.error_missingrecipients + "\n";
22 if (errortext.length > 0) {
23 alert(labels.error_validationfailed.decodeEntities() + ":\n"
24 + errortext.decodeEntities());
30 function openContactsFolder(contactsFolder, params) {
31 if (contactsFolder != currentContactFolder || params) {
32 if (contactsFolder == currentContactFolder) {
33 var contactsList = $("contactsList");
35 selection = contactsList.getSelectedRowsId();
37 window.alert("no contactsList");
42 currentContactFolder = contactsFolder;
43 var url = URLForFolderID(currentContactFolder) +
44 "/view?noframe=1&sort=cn&desc=0";
49 if (document.contactsListAjaxRequest) {
50 document.contactsListAjaxRequest.aborted = true;
51 document.contactsListAjaxRequest.abort();
53 document.contactsListAjaxRequest
54 = triggerAjaxRequest(url, contactsListCallback, selection);
58 function openContactsFolderAtIndex(element) {
59 var idx = element.getAttribute("idx");
60 var url = URLForFolderID(currentContactFolder) + "/view?noframe=1&idx=" + idx;
62 if (document.contactsListAjaxRequest) {
63 document.contactsListAjaxRequest.aborted = true;
64 document.contactsListAjaxRequest.abort();
66 document.contactsListAjaxRequest
67 = triggerAjaxRequest(url, contactsListCallback);
70 function contactsListCallback(http) {
71 var div = $("contactsListContent");
73 if (http.readyState == 4
74 && http.status == 200) {
75 document.contactsListAjaxRequest = null;
76 div.innerHTML = http.responseText;
77 var selected = http.callbackData;
79 for (var i = 0; i < selected.length; i++)
80 $(selected[i]).select();
82 configureSortableTableHeaders();
85 log ("ajax fuckage 1");
88 function onContactFoldersContextMenu(event) {
89 var menu = $("contactFoldersMenu");
90 menu.addEventListener("hideMenu", onContactFoldersContextMenuHide, false);
91 onMenuClick(event, "contactFoldersMenu");
93 var topNode = $("contactFolders");
94 var selectedNodes = topNode.getSelectedRows();
95 topNode.menuSelectedRows = selectedNodes;
96 for (var i = 0; i < selectedNodes.length; i++)
97 selectedNodes[i].deselect();
98 topNode.menuSelectedEntry = this;
102 function onContactContextMenu(event, element) {
103 var menu = $("contactMenu");
104 menu.addEventListener("hideMenu", onContactContextMenuHide, false);
105 onMenuClick(event, "contactMenu");
107 var topNode = $("contactsList");
108 var selectedNodes = topNode.getSelectedRows();
109 topNode.menuSelectedRows = selectedNodes;
110 for (var i = 0; i < selectedNodes.length; i++)
111 selectedNodes[i].deselect();
112 topNode.menuSelectedEntry = element;
116 function onContactContextMenuHide(event) {
117 var topNode = $("contactsList");
119 if (topNode.menuSelectedEntry) {
120 topNode.menuSelectedEntry.deselect();
121 topNode.menuSelectedEntry = null;
123 if (topNode.menuSelectedRows) {
124 var nodes = topNode.menuSelectedRows;
125 for (var i = 0; i < nodes.length; i++)
127 topNode.menuSelectedRows = null;
131 function onContactFoldersContextMenuHide(event) {
132 var topNode = $("contactFolders");
134 if (topNode.menuSelectedEntry) {
135 topNode.menuSelectedEntry.deselect();
136 topNode.menuSelectedEntry = null;
138 if (topNode.menuSelectedRows) {
139 var nodes = topNode.menuSelectedRows;
140 for (var i = 0; i < nodes.length; i++)
142 topNode.menuSelectedRows = null;
146 function onFolderMenuHide(event) {
147 var topNode = $('d');
149 if (topNode.menuSelectedEntry) {
150 topNode.menuSelectedEntry.deselect();
151 topNode.menuSelectedEntry = null;
153 if (topNode.selectedEntry)
154 topNode.selectedEntry.select();
157 function loadContact(idx) {
158 if (document.contactAjaxRequest) {
159 document.contactAjaxRequest.aborted = true;
160 document.contactAjaxRequest.abort();
163 if (cachedContacts[currentContactFolder + "/" + idx]) {
164 var div = $('contactView');
165 div.innerHTML = cachedContacts[currentContactFolder + "/" + idx];
168 var url = (URLForFolderID(currentContactFolder)
169 + "/" + idx + "/view?noframe=1");
170 document.contactAjaxRequest
171 = triggerAjaxRequest(url, contactLoadCallback, idx);
175 function contactLoadCallback(http) {
176 var div = $('contactView');
178 if (http.readyState == 4
179 && http.status == 200) {
180 document.contactAjaxRequest = null;
181 var content = http.responseText;
182 cachedContacts[currentContactFolder + "/" + http.callbackData] = content;
183 div.innerHTML = content;
186 log ("ajax fuckage 2");
189 var rowSelectionCount = 0;
193 function showElement(e, shouldShow) {
194 e.style.display = shouldShow ? "" : "none";
197 function enableElement(e, shouldEnable) {
201 if(e.hasAttribute("disabled"))
202 e.removeAttribute("disabled");
205 e.setAttribute("disabled", "1");
209 function validateControls() {
211 this.enableElement(e, rowSelectionCount > 0);
214 function moveTo(uri) {
215 alert("MoveTo: " + uri);
218 /* contact menu entries */
219 function onContactRowClick(event, node) {
220 loadContact(node.getAttribute('id'));
222 return onRowClick(event);
225 function onContactRowDblClick(event, node) {
226 var contactId = node.getAttribute('id');
228 openContactWindow(null,
229 URLForFolderID(currentContactFolder)
230 + "/" + contactId + "/edit");
235 function onMenuEditContact(event, node) {
236 var node = getParentMenu(node).menuTarget.parentNode;
237 var contactId = node.getAttribute('id');
239 openContactWindow(null,
240 URLForFolderID(currentContactFolder)
241 + "/" + contactId + "/edit");
246 function onMenuWriteToContact(event, node) {
247 var node = getParentMenu(node).menuTarget.parentNode;
248 var contactId = node.getAttribute('id');
250 openMailComposeWindow(ApplicationBaseURL + currentContactFolder
251 + "/" + contactId + "/write");
256 function onMenuDeleteContact(event, node) {
257 uixDeleteSelectedContacts(node);
262 function onToolbarEditSelectedContacts(event) {
263 var contactsList = $('contactsList');
264 var rows = contactsList.getSelectedRowsId();
266 for (var i = 0; i < rows.length; i++) {
267 openContactWindow(null,
268 URLForFolderID(currentContactFolder)
269 + "/" + rows[i] + "/edit");
275 function onToolbarWriteToSelectedContacts(event) {
276 var contactsList = $('contactsList');
277 var rows = contactsList.getSelectedRowsId();
279 for (var i = 0; i < rows.length; i++)
280 openMailComposeWindow(ApplicationBaseURL + currentContactFolder
281 + "/" + rows[i] + "/write");
286 function uixDeleteSelectedContacts(sender) {
288 var contactsList = $('contactsList');
289 var rows = contactsList.getSelectedRowsId();
291 var contactView = $('contactView');
292 contactView.innerHTML = '';
294 for (var i = 0; i < rows.length; i++) {
295 var url, http, rowElem;
297 /* send AJAX request (synchronously) */
299 url = (URLForFolderID(currentContactFolder) + "/"
300 + rows[i] + "/delete");
301 http = createHTTPClient();
302 http.open("POST", url, false /* not async */);
304 if (http.status != 200) { /* request failed */
311 /* remove from page */
313 /* line-through would be nicer, but hiding is OK too */
314 rowElem = $(rows[i]);
315 rowElem.parentNode.removeChild(rowElem);
319 alert("Could not delete the selected contacts!");
324 function newEmailTo(sender) {
325 var mailto = sanitizeMailTo(sender.parentNode.parentNode.menuTarget.innerHTML);
327 if (mailto.length > 0)
329 w = window.open("compose?mailto=" + mailto,
331 "width=680,height=520,resizable=1,scrollbars=1,toolbar=0," +
332 "location=0,directories=0,status=0,menubar=0,copyhistory=0");
336 return false; /* stop following the link */
339 function onHeaderClick(event) {
340 if (document.contactsListAjaxRequest) {
341 document.contactsListAjaxRequest.aborted = true;
342 document.contactsListAjaxRequest.abort();
344 url = URLForFolderID(currentContactFolder) + "/" + this.link;
345 if (!this.link.match(/noframe=/))
347 document.contactsListAjaxRequest
348 = triggerAjaxRequest(url, contactsListCallback);
350 event.preventDefault();
353 function registerDraggableMessageNodes() {
354 log ("can we drag...");
357 function newContact(sender) {
358 openContactWindow(sender,
359 URLForFolderID(currentContactFolder) + "/new");
361 return false; /* stop following the link */
364 function onFolderSelectionChange() {
365 var folderList = $("contactFolders");
366 var nodes = folderList.getSelectedNodes();
367 $("contactView").innerHTML = '';
369 if (nodes[0].hasClassName("denied")) {
370 var div = $("contactsListContent");
374 openContactsFolder(nodes[0].getAttribute("id"), null);
377 function onSearchFormSubmit() {
378 var searchValue = $("searchValue");
380 openContactsFolder(URLForFolderID(currentContactFolder),
381 "search=" + searchValue.value);
386 function onConfirmContactSelection(event) {
387 var tag = this.getAttribute("name");
388 var folderLi = $(currentContactFolder);
389 var currentContactFolderName = folderLi.innerHTML;
390 var selectorList = null;
391 var initialValues = null;
394 var selectorId = selector.getAttribute("id");
395 selectorList = opener.window.document.getElementById('uixselector-'
398 initialValues = selectorList.value;
401 var contactsList = $("contactsList");
402 var rows = contactsList.getSelectedRows();
403 for (i = 0; i < rows.length; i++) {
404 var cid = rows[i].getAttribute("contactid");
405 var cname = '' + rows[i].getAttribute("contactname");
406 var email = '' + rows[i].cells[1].innerHTML;
407 opener.window.addContact(tag, currentContactFolderName + '/' + cname,
411 if (selector && selector.changeNotification
412 && selectorList.value != initialValues)
413 selector.changeNotification("addition");
415 event.preventDefault();
418 function onContactMailTo(node) {
419 return openMailTo(node.innerHTML);
422 function refreshContacts(contactId) {
423 openContactsFolder(currentContactFolder, "reload=true");
424 cachedContacts[currentContactFolder + "/" + contactId] = null;
425 loadContact(contactId);
430 function onAddressBookNew(event) {
431 var name = window.prompt(labels["Name of the Address Book"].decodeEntities());
433 if (document.newAbAjaxRequest) {
434 document.newAbAjaxRequest.aborted = true;
435 document.newAbAjaxRequest.abort();
437 var url = ApplicationBaseURL + "/newAb?name=" + name;
438 document.newAbAjaxRequest
439 = triggerAjaxRequest(url, newAbCallback, name);
441 event.preventDefault();
444 function appendAddressBook(name, folder) {
445 var li = document.createElement("li");
446 li.setAttribute("id", folder);
447 li.appendChild(document.createTextNode(name));
448 li.addEventListener("mousedown", listRowMouseDownHandler, false);
449 li.addEventListener("click", onRowClick, false);
450 li.addEventListener("contextmenu", onContactFoldersContextMenu, false);
451 $("contactFolders").appendChild(li);
454 function newAbCallback(http) {
455 if (http.readyState == 4
456 && http.status == 201) {
457 var name = http.callbackData;
458 appendAddressBook(name, "/" + name);
461 log ("ajax fuckage 4:" + http.status);
464 function newUserFolderCallback(folderData) {
465 var folder = $(folderData["folder"]);
467 appendAddressBook(folderData["folderName"], folderData["folder"]);
470 function onAddressBookAdd(event) {
471 openUserFolderSelector(newUserFolderCallback, "contact");
473 event.preventDefault();
476 function onFolderUnsubscribeCB(folderId) {
477 var node = $(folderId);
478 node.parentNode.removeChild(node);
479 var personal = $("/personal");
481 onFolderSelectionChange();
484 function onAddressBookRemove(event) {
485 var selector = $("contactFolders");
486 var nodes = selector.getSelectedNodes();
487 if (nodes.length > 0) {
489 var folderId = nodes[0].getAttribute("id");
490 var folderIdElements = folderId.split(":");
491 if (folderIdElements.length > 1)
492 unsubscribeFromFolder(folderId, onFolderUnsubscribeCB, folderId);
494 var abId = folderIdElements[0].substr(1);
495 deletePersonalAddressBook(abId);
496 var personal = $("/personal");
498 onFolderSelectionChange();
502 event.preventDefault();
505 function deletePersonalAddressBook(folderId) {
507 = labels["Are you sure you want to delete the selected address book?"];
508 if (window.confirm(label.decodeEntities())) {
509 if (document.deletePersonalABAjaxRequest) {
510 document.deletePersonalABAjaxRequest.aborted = true;
511 document.deletePersonalABAjaxRequest.abort();
513 var url = ApplicationBaseURL + "/" + folderId + "/delete";
514 document.deletePersonalABAjaxRequest
515 = triggerAjaxRequest(url, deletePersonalAddressBookCallback,
520 function deletePersonalAddressBookCallback(http) {
521 if (http.readyState == 4) {
522 if (http.status == 200) {
523 var ul = $("contactFolders");
525 var children = ul.childNodesWithTag("li");
528 while (!done && i < children.length) {
529 var currentFolderId = children[i].getAttribute("id").substr(1);
530 if (currentFolderId == http.callbackData) {
531 ul.removeChild(children[i]);
538 document.deletePersonalABAjaxRequest = null;
541 log ("ajax fuckage");
544 function configureDragHandles() {
545 var handle = $("dragHandle");
547 handle.addInterface(SOGoDragHandlesInterface);
548 handle.leftBlock=$("contactFoldersList");
549 handle.rightBlock=$("rightPanel");
552 handle = $("rightDragHandle");
554 handle.addInterface(SOGoDragHandlesInterface);
555 handle.upperBlock=$("contactsListContent");
556 handle.lowerBlock=$("contactView");
560 function lookupDeniedFolders() {
561 var list = $("contactFolders").childNodesWithTag("li");
562 for (var i = 0; i < list.length; i++) {
563 var folderID = list[i].getAttribute("id");
564 var url = URLForFolderID(folderID) + "/canAccessContent";
565 triggerAjaxRequest(url, deniedFoldersLookupCallback, folderID);
569 function deniedFoldersLookupCallback(http) {
570 if (http.readyState == 4) {
573 if (http.status == 200)
574 denied = (http.responseText == "0");
575 var entry = $(http.callbackData);
577 entry.addClassName("denied");
579 entry.removeClassName("denied");
583 function configureAbToolbar() {
584 var toolbar = $("abToolbar");
585 var links = toolbar.childNodesWithTag("a");
586 links[0].addEventListener("click", onAddressBookNew, false);
587 links[1].addEventListener("click", onAddressBookAdd, false);
588 links[2].addEventListener("click", onAddressBookRemove, false);
591 function configureContactFolders() {
592 var contactFolders = $("contactFolders");
593 if (contactFolders) {
594 contactFolders.addEventListener("selectionchange",
595 onFolderSelectionChange, false);
596 var lis = contactFolders.childNodesWithTag("li");
597 for (var i = 0; i < lis.length; i++) {
598 lis[i].addEventListener("mousedown", listRowMouseDownHandler, false);
599 lis[i].addEventListener("click", onRowClick, false);
600 lis[i].addEventListener("contextmenu", onContactFoldersContextMenu, false);
603 lookupDeniedFolders();
604 contactFolders.style.visibility = "visible;";
606 var personalFolder = $("/personal");
607 personalFolder.select();
611 function onAccessRightsMenuEntryMouseUp(event) {
612 var folders = $("contactFolders");
613 var selected = folders.getSelectedNodes()[0];
614 var title = this.innerHTML;
615 var url = URLForFolderID(selected.getAttribute("id"))
617 openAclWindow(url + "/acls", title);
620 function initializeMenus() {
621 var menus = new Array("contactFoldersMenu", "contactMenu", "searchMenu");
622 initMenusNamed(menus);
624 var menuEntry = $("accessRightsMenuEntry");
625 menuEntry.addEventListener("mouseup", onAccessRightsMenuEntryMouseUp, false);
628 function configureSearchField() {
629 var searchValue = $("searchValue");
631 searchValue.addEventListener("mousedown", onSearchMouseDown, false);
632 searchValue.addEventListener("click", popupSearchMenu, false);
633 searchValue.addEventListener("blur", onSearchBlur, false);
634 searchValue.addEventListener("focus", onSearchFocus, false);
635 searchValue.addEventListener("keydown", onSearchKeyDown, false);
638 function configureSelectionButtons() {
639 var container = $("contactSelectionButtons");
641 var buttons = container.childNodesWithTag("input");
642 for (var i = 0; i < buttons.length; i++)
643 buttons[i].addEventListener("click", onConfirmContactSelection,
649 handleEvent: function (event) {
650 if (!document.body.hasClassName("popup")) {
651 configureAbToolbar();
652 configureSearchField();
655 configureSelectionButtons();
656 configureContactFolders();
661 window.addEventListener("load", initContacts, false);