1 /* JavaScript for SOGoContacts */
3 var cachedContacts = new Array();
4 var currentContactFolder = '/personal';
6 var usersRightsWindowHeight = 180;
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, params) {
34 if (contactsFolder != currentContactFolder || params) {
35 if (contactsFolder == currentContactFolder) {
36 var contactsList = $("contactsList");
38 selection = contactsList.getSelectedRowsId();
40 window.alert("no contactsList");
45 currentContactFolder = contactsFolder;
46 var url = URLForFolderID(currentContactFolder) +
47 "/view?noframe=1&sort=cn&desc=0";
52 if (document.contactsListAjaxRequest) {
53 document.contactsListAjaxRequest.aborted = true;
54 document.contactsListAjaxRequest.abort();
56 document.contactsListAjaxRequest
57 = triggerAjaxRequest(url, contactsListCallback, selection);
61 function openContactsFolderAtIndex(element) {
62 var idx = element.getAttribute("idx");
63 var url = URLForFolderID(currentContactFolder) + "/view?noframe=1&idx=" + idx;
65 if (document.contactsListAjaxRequest) {
66 document.contactsListAjaxRequest.aborted = true;
67 document.contactsListAjaxRequest.abort();
69 document.contactsListAjaxRequest
70 = triggerAjaxRequest(url, contactsListCallback);
73 function contactsListCallback(http) {
74 var div = $("contactsListContent");
76 if (http.readyState == 4
77 && http.status == 200) {
78 document.contactsListAjaxRequest = null;
79 div.innerHTML = http.responseText;
80 var selected = http.callbackData;
82 for (var i = 0; i < selected.length; i++)
83 $(selected[i]).select();
85 configureSortableTableHeaders();
88 log ("ajax fuckage 1");
91 function onContactFoldersContextMenu(event) {
92 var menu = $("contactFoldersMenu");
93 menu.addEventListener("hideMenu", onContactFoldersContextMenuHide, false);
94 onMenuClick(event, "contactFoldersMenu");
96 var topNode = $("contactFolders");
97 var selectedNodes = topNode.getSelectedRows();
98 topNode.menuSelectedRows = selectedNodes;
99 for (var i = 0; i < selectedNodes.length; i++)
100 selectedNodes[i].deselect();
101 topNode.menuSelectedEntry = this;
105 function onContactContextMenu(event, element) {
106 var menu = $("contactMenu");
107 menu.addEventListener("hideMenu", onContactContextMenuHide, false);
108 onMenuClick(event, "contactMenu");
110 var topNode = $("contactsList");
111 var selectedNodes = topNode.getSelectedRows();
112 topNode.menuSelectedRows = selectedNodes;
113 for (var i = 0; i < selectedNodes.length; i++)
114 selectedNodes[i].deselect();
115 topNode.menuSelectedEntry = element;
119 function onContactContextMenuHide(event) {
120 var topNode = $("contactsList");
122 if (topNode.menuSelectedEntry) {
123 topNode.menuSelectedEntry.deselect();
124 topNode.menuSelectedEntry = null;
126 if (topNode.menuSelectedRows) {
127 var nodes = topNode.menuSelectedRows;
128 for (var i = 0; i < nodes.length; i++)
130 topNode.menuSelectedRows = null;
134 function onContactFoldersContextMenuHide(event) {
135 var topNode = $("contactFolders");
137 if (topNode.menuSelectedEntry) {
138 topNode.menuSelectedEntry.deselect();
139 topNode.menuSelectedEntry = null;
141 if (topNode.menuSelectedRows) {
142 var nodes = topNode.menuSelectedRows;
143 for (var i = 0; i < nodes.length; i++)
145 topNode.menuSelectedRows = null;
149 function onFolderMenuHide(event) {
150 var topNode = $('d');
152 if (topNode.menuSelectedEntry) {
153 topNode.menuSelectedEntry.deselect();
154 topNode.menuSelectedEntry = null;
156 if (topNode.selectedEntry)
157 topNode.selectedEntry.select();
160 function loadContact(idx) {
161 if (document.contactAjaxRequest) {
162 document.contactAjaxRequest.aborted = true;
163 document.contactAjaxRequest.abort();
166 if (cachedContacts[currentContactFolder + "/" + idx]) {
167 var div = $('contactView');
168 div.innerHTML = cachedContacts[currentContactFolder + "/" + idx];
171 var url = (URLForFolderID(currentContactFolder)
172 + "/" + idx + "/view?noframe=1");
173 document.contactAjaxRequest
174 = triggerAjaxRequest(url, contactLoadCallback, idx);
178 function contactLoadCallback(http) {
179 var div = $('contactView');
181 if (http.readyState == 4
182 && http.status == 200) {
183 document.contactAjaxRequest = null;
184 var content = http.responseText;
185 cachedContacts[currentContactFolder + "/" + http.callbackData] = content;
186 div.innerHTML = content;
189 log ("ajax fuckage 2: " + http.status);
192 var rowSelectionCount = 0;
196 function showElement(e, shouldShow) {
197 e.style.display = shouldShow ? "" : "none";
200 function enableElement(e, shouldEnable) {
204 if(e.hasAttribute("disabled"))
205 e.removeAttribute("disabled");
208 e.setAttribute("disabled", "1");
212 function validateControls() {
214 this.enableElement(e, rowSelectionCount > 0);
217 function moveTo(uri) {
218 alert("MoveTo: " + uri);
221 /* contact menu entries */
222 function onContactRowClick(event, node) {
223 loadContact(node.getAttribute('id'));
225 return onRowClick(event);
228 function onContactRowDblClick(event, node) {
229 var contactId = node.getAttribute('id');
231 openContactWindow(null,
232 URLForFolderID(currentContactFolder)
233 + "/" + contactId + "/edit");
238 function onMenuEditContact(event, node) {
239 var node = getParentMenu(node).menuTarget.parentNode;
240 var contactId = node.getAttribute('id');
242 openContactWindow(null,
243 URLForFolderID(currentContactFolder)
244 + "/" + contactId + "/edit");
249 function onMenuWriteToContact(event, node) {
250 var node = getParentMenu(node).menuTarget.parentNode;
251 var contactId = node.getAttribute('id');
253 openMailComposeWindow(ApplicationBaseURL + currentContactFolder
254 + "/" + contactId + "/write");
259 function onMenuDeleteContact(event, node) {
260 uixDeleteSelectedContacts(node);
265 function onToolbarEditSelectedContacts(event) {
266 var contactsList = $('contactsList');
267 var rows = contactsList.getSelectedRowsId();
269 for (var i = 0; i < rows.length; i++) {
270 openContactWindow(null,
271 URLForFolderID(currentContactFolder)
272 + "/" + rows[i] + "/edit");
278 function onToolbarWriteToSelectedContacts(event) {
279 var contactsList = $('contactsList');
280 var rows = contactsList.getSelectedRowsId();
282 for (var i = 0; i < rows.length; i++)
283 openMailComposeWindow(ApplicationBaseURL + currentContactFolder
284 + "/" + rows[i] + "/write");
289 function uixDeleteSelectedContacts(sender) {
291 var contactsList = $('contactsList');
292 var rows = contactsList.getSelectedRowsId();
294 var contactView = $('contactView');
295 contactView.innerHTML = '';
297 for (var i = 0; i < rows.length; i++) {
298 var url, http, rowElem;
300 /* send AJAX request (synchronously) */
302 url = (URLForFolderID(currentContactFolder) + "/"
303 + rows[i] + "/delete");
304 http = createHTTPClient();
305 http.open("POST", url, false /* not async */);
307 if (http.status != 200) { /* request failed */
314 /* remove from page */
316 /* line-through would be nicer, but hiding is OK too */
317 rowElem = $(rows[i]);
318 rowElem.parentNode.removeChild(rowElem);
322 alert("Could not delete the selected contacts!");
327 function newEmailTo(sender) {
328 var mailto = sanitizeMailTo(sender.parentNode.parentNode.menuTarget.innerHTML);
330 if (mailto.length > 0)
332 w = window.open("compose?mailto=" + mailto,
334 "width=680,height=520,resizable=1,scrollbars=1,toolbar=0," +
335 "location=0,directories=0,status=0,menubar=0,copyhistory=0");
339 return false; /* stop following the link */
342 function onHeaderClick(event) {
343 if (document.contactsListAjaxRequest) {
344 document.contactsListAjaxRequest.aborted = true;
345 document.contactsListAjaxRequest.abort();
347 url = URLForFolderID(currentContactFolder) + "/" + this.link;
348 if (!this.link.match(/noframe=/))
350 document.contactsListAjaxRequest
351 = triggerAjaxRequest(url, contactsListCallback);
353 event.preventDefault();
356 function registerDraggableMessageNodes() {
357 log ("can we drag...");
360 function newContact(sender) {
361 openContactWindow(sender,
362 URLForFolderID(currentContactFolder) + "/new");
364 return false; /* stop following the link */
367 function onFolderSelectionChange() {
368 var folderList = $("contactFolders");
369 var nodes = folderList.getSelectedNodes();
370 $("contactView").innerHTML = '';
372 if (nodes[0].hasClassName("denied")) {
373 var div = $("contactsListContent");
377 openContactsFolder(nodes[0].getAttribute("id"), null);
380 function onSearchFormSubmit() {
381 var searchValue = $("searchValue");
383 openContactsFolder(currentContactFolder,
384 "search=" + searchValue.value);
389 function onConfirmContactSelection(event) {
390 var tag = this.getAttribute("name");
391 var folderLi = $(currentContactFolder);
392 var currentContactFolderName = folderLi.innerHTML;
393 var selectorList = null;
394 var initialValues = null;
397 var selectorId = selector.getAttribute("id");
398 selectorList = opener.window.document.getElementById('uixselector-'
401 initialValues = selectorList.value;
404 var contactsList = $("contactsList");
405 var rows = contactsList.getSelectedRows();
406 for (i = 0; i < rows.length; i++) {
407 var cid = rows[i].getAttribute("contactid");
408 var cname = '' + rows[i].getAttribute("contactname");
409 var email = '' + rows[i].cells[1].innerHTML;
410 opener.window.addContact(tag, currentContactFolderName + '/' + cname,
414 if (selector && selector.changeNotification
415 && selectorList.value != initialValues)
416 selector.changeNotification("addition");
418 event.preventDefault();
421 function onContactMailTo(node) {
422 return openMailTo(node.innerHTML);
425 function refreshContacts(contactId) {
426 openContactsFolder(currentContactFolder, "reload=true");
427 cachedContacts[currentContactFolder + "/" + contactId] = null;
428 loadContact(contactId);
433 function onAddressBookNew(event) {
434 var name = window.prompt(labels["Name of the Address Book"].decodeEntities());
436 if (document.newAbAjaxRequest) {
437 document.newAbAjaxRequest.aborted = true;
438 document.newAbAjaxRequest.abort();
440 var url = ApplicationBaseURL + "/newAb?name=" + name;
441 document.newAbAjaxRequest
442 = triggerAjaxRequest(url, newAbCallback, name);
444 event.preventDefault();
447 function appendAddressBook(name, folder) {
448 var li = document.createElement("li");
449 li.setAttribute("id", folder);
450 li.appendChild(document.createTextNode(name));
451 li.addEventListener("mousedown", listRowMouseDownHandler, false);
452 li.addEventListener("click", onRowClick, false);
453 li.addEventListener("contextmenu", onContactFoldersContextMenu, false);
454 $("contactFolders").appendChild(li);
457 function newAbCallback(http) {
458 if (http.readyState == 4
459 && http.status == 201) {
460 var name = http.callbackData;
461 appendAddressBook(name, "/" + name);
464 log ("ajax fuckage 4:" + http.status);
467 function newUserFolderCallback(folderData) {
468 var folder = $(folderData["folder"]);
470 appendAddressBook(folderData["folderName"], folderData["folder"]);
473 function onAddressBookAdd(event) {
474 openUserFolderSelector(newUserFolderCallback, "contact");
476 event.preventDefault();
479 function onFolderUnsubscribeCB(folderId) {
480 var node = $(folderId);
481 node.parentNode.removeChild(node);
482 var personal = $("/personal");
484 onFolderSelectionChange();
487 function onAddressBookRemove(event) {
488 var selector = $("contactFolders");
489 var nodes = selector.getSelectedNodes();
490 if (nodes.length > 0) {
492 var folderId = nodes[0].getAttribute("id");
493 var folderIdElements = folderId.split(":");
494 if (folderIdElements.length > 1)
495 unsubscribeFromFolder(folderId, onFolderUnsubscribeCB, folderId);
497 var abId = folderIdElements[0].substr(1);
498 deletePersonalAddressBook(abId);
499 var personal = $("/personal");
501 onFolderSelectionChange();
505 event.preventDefault();
508 function deletePersonalAddressBook(folderId) {
510 = labels["Are you sure you want to delete the selected address book?"];
511 if (window.confirm(label.decodeEntities())) {
512 if (document.deletePersonalABAjaxRequest) {
513 document.deletePersonalABAjaxRequest.aborted = true;
514 document.deletePersonalABAjaxRequest.abort();
516 var url = ApplicationBaseURL + "/" + folderId + "/delete";
517 document.deletePersonalABAjaxRequest
518 = triggerAjaxRequest(url, deletePersonalAddressBookCallback,
523 function deletePersonalAddressBookCallback(http) {
524 if (http.readyState == 4) {
525 if (http.status == 200) {
526 var ul = $("contactFolders");
528 var children = ul.childNodesWithTag("li");
531 while (!done && i < children.length) {
532 var currentFolderId = children[i].getAttribute("id").substr(1);
533 if (currentFolderId == http.callbackData) {
534 ul.removeChild(children[i]);
541 document.deletePersonalABAjaxRequest = null;
544 log ("ajax fuckage");
547 function configureDragHandles() {
548 var handle = $("dragHandle");
550 handle.addInterface(SOGoDragHandlesInterface);
551 handle.leftBlock=$("contactFoldersList");
552 handle.rightBlock=$("rightPanel");
555 handle = $("rightDragHandle");
557 handle.addInterface(SOGoDragHandlesInterface);
558 handle.upperBlock=$("contactsListContent");
559 handle.lowerBlock=$("contactView");
563 function lookupDeniedFolders() {
564 var list = $("contactFolders").childNodesWithTag("li");
565 for (var i = 0; i < list.length; i++) {
566 var folderID = list[i].getAttribute("id");
567 var url = URLForFolderID(folderID) + "/canAccessContent";
568 triggerAjaxRequest(url, deniedFoldersLookupCallback, folderID);
572 function deniedFoldersLookupCallback(http) {
573 if (http.readyState == 4) {
576 if (http.status == 200)
577 denied = (http.responseText == "0");
578 var entry = $(http.callbackData);
580 entry.addClassName("denied");
582 entry.removeClassName("denied");
586 function configureAbToolbar() {
587 var toolbar = $("abToolbar");
588 var links = toolbar.childNodesWithTag("a");
589 links[0].addEventListener("click", onAddressBookNew, false);
590 links[1].addEventListener("click", onAddressBookAdd, false);
591 links[2].addEventListener("click", onAddressBookRemove, false);
594 function configureContactFolders() {
595 var contactFolders = $("contactFolders");
596 if (contactFolders) {
597 contactFolders.addEventListener("selectionchange",
598 onFolderSelectionChange, false);
599 var lis = contactFolders.childNodesWithTag("li");
600 for (var i = 0; i < lis.length; i++) {
601 lis[i].addEventListener("mousedown", listRowMouseDownHandler, false);
602 lis[i].addEventListener("click", onRowClick, false);
603 lis[i].addEventListener("contextmenu", onContactFoldersContextMenu, false);
606 lookupDeniedFolders();
607 contactFolders.style.visibility = "visible;";
609 var personalFolder = $("/personal");
610 personalFolder.select();
614 function onAccessRightsMenuEntryMouseUp(event) {
615 var folders = $("contactFolders");
616 var selected = folders.getSelectedNodes()[0];
617 var title = this.innerHTML;
618 var url = URLForFolderID(selected.getAttribute("id"))
620 openAclWindow(url + "/acls", title);
623 function initializeMenus() {
624 var menus = new Array("contactFoldersMenu", "contactMenu", "searchMenu");
625 initMenusNamed(menus);
627 var menuEntry = $("accessRightsMenuEntry");
628 menuEntry.addEventListener("mouseup", onAccessRightsMenuEntryMouseUp, false);
631 function configureSearchField() {
632 var searchValue = $("searchValue");
634 searchValue.addEventListener("mousedown", onSearchMouseDown, false);
635 searchValue.addEventListener("click", popupSearchMenu, false);
636 searchValue.addEventListener("blur", onSearchBlur, false);
637 searchValue.addEventListener("focus", onSearchFocus, false);
638 searchValue.addEventListener("keydown", onSearchKeyDown, false);
641 function configureSelectionButtons() {
642 var container = $("contactSelectionButtons");
644 var buttons = container.childNodesWithTag("input");
645 for (var i = 0; i < buttons.length; i++)
646 buttons[i].addEventListener("click", onConfirmContactSelection,
652 handleEvent: function (event) {
653 if (!document.body.hasClassName("popup")) {
654 configureAbToolbar();
655 configureSearchField();
658 configureSelectionButtons();
659 configureContactFolders();
664 window.addEventListener("load", initContacts, false);