1 /* JavaScript for SOGoContacts */
3 var cachedContacts = new Array();
4 var currentContactFolder = '/personal';
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, 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 problem 1");
91 function onContactFoldersContextMenu(event) {
92 var menu = $("contactFoldersMenu");
93 Event.observe(menu, "hideMenu", onContactFoldersContextMenuHide, false);
94 popupMenu(event, "contactFoldersMenu", this);
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 Event.observe(menu, "hideMenu", onContactContextMenuHide, false);
108 popupMenu(event, "contactMenu", element);
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 problem 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) {
239 var contactId = document.menuTarget.getAttribute('id');
241 openContactWindow(null,
242 URLForFolderID(currentContactFolder)
243 + "/" + contactId + "/edit");
246 function onMenuWriteToContact(event) {
247 var contactId = document.menuTarget.getAttribute('id');
249 openMailComposeWindow(ApplicationBaseURL + currentContactFolder
250 + "/" + contactId + "/write");
253 function onMenuDeleteContact(event) {
254 uixDeleteSelectedContacts(this);
257 function onToolbarEditSelectedContacts(event) {
258 var contactsList = $('contactsList');
259 var rows = contactsList.getSelectedRowsId();
261 for (var i = 0; i < rows.length; i++) {
262 openContactWindow(null,
263 URLForFolderID(currentContactFolder)
264 + "/" + rows[i] + "/edit");
270 function onToolbarWriteToSelectedContacts(event) {
271 var contactsList = $('contactsList');
272 var rows = contactsList.getSelectedRowsId();
274 for (var i = 0; i < rows.length; i++)
275 openMailComposeWindow(ApplicationBaseURL + currentContactFolder
276 + "/" + rows[i] + "/write");
281 function uixDeleteSelectedContacts(sender) {
283 var contactsList = $('contactsList');
284 var rows = contactsList.getSelectedRowsId();
286 var contactView = $('contactView');
287 contactView.innerHTML = '';
289 for (var i = 0; i < rows.length; i++) {
290 var url, http, rowElem;
292 /* send AJAX request (synchronously) */
294 url = (URLForFolderID(currentContactFolder) + "/"
295 + rows[i] + "/delete");
296 http = createHTTPClient();
297 http.open("POST", url, false /* not async */);
299 if (http.status != 200) { /* request failed */
306 /* remove from page */
308 /* line-through would be nicer, but hiding is OK too */
309 rowElem = $(rows[i]);
310 rowElem.parentNode.removeChild(rowElem);
314 alert("Could not delete the selected contacts!");
319 function newEmailTo(sender) {
320 var mailto = sanitizeMailTo(sender.parentNode.parentNode.menuTarget.innerHTML);
322 if (mailto.length > 0)
324 w = window.open("compose?mailto=" + mailto,
326 "width=680,height=520,resizable=1,scrollbars=1,toolbar=0," +
327 "location=0,directories=0,status=0,menubar=0,copyhistory=0");
331 return false; /* stop following the link */
334 function onHeaderClick(event) {
335 if (document.contactsListAjaxRequest) {
336 document.contactsListAjaxRequest.aborted = true;
337 document.contactsListAjaxRequest.abort();
339 url = URLForFolderID(currentContactFolder);
340 // // log("url: " + url);
341 // var url = "" + this.href;
342 if (url.indexOf("noframe=", 0) == -1)
344 document.contactsListAjaxRequest
345 = triggerAjaxRequest(url, contactsListCallback);
347 event.preventDefault();
350 function registerDraggableMessageNodes() {
351 log ("can we drag...");
354 function newContact(sender) {
355 openContactWindow(sender,
356 URLForFolderID(currentContactFolder) + "/new");
358 return false; /* stop following the link */
361 function onFolderSelectionChange() {
362 var folderList = $("contactFolders");
363 var nodes = folderList.getSelectedNodes();
364 $("contactView").innerHTML = '';
366 if (nodes[0].hasClassName("denied")) {
367 var div = $("contactsListContent");
371 openContactsFolder(nodes[0].getAttribute("id"), null);
374 function onSearchFormSubmit() {
375 var searchValue = $("searchValue");
377 openContactsFolder(currentContactFolder,
378 "search=" + searchValue.value);
383 function onConfirmContactSelection(event) {
384 var tag = this.getAttribute("name");
385 var folderLi = $(currentContactFolder);
386 var currentContactFolderName = folderLi.innerHTML;
387 var selectorList = null;
388 var initialValues = null;
391 var selectorId = selector.getAttribute("id");
392 selectorList = opener.window.document.getElementById('uixselector-'
395 initialValues = selectorList.value;
398 var contactsList = $("contactsList");
399 var rows = contactsList.getSelectedRows();
400 for (i = 0; i < rows.length; i++) {
401 var cid = rows[i].getAttribute("contactid");
402 var cname = '' + rows[i].getAttribute("contactname");
403 var email = '' + rows[i].cells[1].innerHTML;
404 opener.window.addContact(tag, currentContactFolderName + '/' + cname,
408 if (selector && selector.changeNotification
409 && selectorList.value != initialValues)
410 selector.changeNotification("addition");
412 event.preventDefault();
415 function onContactMailTo(node) {
416 return openMailTo(node.innerHTML);
419 function refreshContacts(contactId) {
420 openContactsFolder(currentContactFolder, "reload=true");
421 cachedContacts[currentContactFolder + "/" + contactId] = null;
422 loadContact(contactId);
427 function onAddressBookNew(event) {
428 var name = window.prompt(labels["Name of the Address Book"].decodeEntities());
430 if (document.newAbAjaxRequest) {
431 document.newAbAjaxRequest.aborted = true;
432 document.newAbAjaxRequest.abort();
434 var url = ApplicationBaseURL + "/newAb?name=" + name;
435 document.newAbAjaxRequest
436 = triggerAjaxRequest(url, newAbCallback, name);
438 preventDefault(event);
441 function appendAddressBook(name, folder) {
442 var li = document.createElement("li");
443 $("contactFolders").appendChild(li);
444 li.setAttribute("id", folder);
445 li.appendChild(document.createTextNode(name));
446 setEventsOnContactFolder(li);
449 function newAbCallback(http) {
450 if (http.readyState == 4
451 && http.status == 201) {
452 var name = http.callbackData;
453 appendAddressBook(name, "/" + name);
456 log ("ajax problem 4:" + http.status);
459 function newUserFolderCallback(folderData) {
460 var folder = $(folderData["folder"]);
462 appendAddressBook(folderData["folderName"], folderData["folder"]);
465 function onAddressBookAdd(event) {
466 openUserFolderSelector(newUserFolderCallback, "contact");
468 event.preventDefault();
471 function onFolderUnsubscribeCB(folderId) {
472 var node = $(folderId);
473 node.parentNode.removeChild(node);
474 var personal = $("/personal");
476 onFolderSelectionChange();
479 function onAddressBookRemove(event) {
480 var selector = $("contactFolders");
481 var nodes = selector.getSelectedNodes();
482 if (nodes.length > 0) {
484 var folderId = nodes[0].getAttribute("id");
485 var folderIdElements = folderId.split(":");
486 if (folderIdElements.length > 1)
487 unsubscribeFromFolder(folderId, onFolderUnsubscribeCB, folderId);
489 var abId = folderIdElements[0].substr(1);
490 deletePersonalAddressBook(abId);
491 var personal = $("/personal");
493 onFolderSelectionChange();
497 event.preventDefault();
500 function deletePersonalAddressBook(folderId) {
502 = labels["Are you sure you want to delete the selected address book?"];
503 if (window.confirm(label.decodeEntities())) {
504 if (document.deletePersonalABAjaxRequest) {
505 document.deletePersonalABAjaxRequest.aborted = true;
506 document.deletePersonalABAjaxRequest.abort();
508 var url = ApplicationBaseURL + "/" + folderId + "/delete";
509 document.deletePersonalABAjaxRequest
510 = triggerAjaxRequest(url, deletePersonalAddressBookCallback,
515 function deletePersonalAddressBookCallback(http) {
516 if (http.readyState == 4) {
517 if (http.status == 200) {
518 var ul = $("contactFolders");
520 var children = ul.childNodesWithTag("li");
523 while (!done && i < children.length) {
524 var currentFolderId = children[i].getAttribute("id").substr(1);
525 if (currentFolderId == http.callbackData) {
526 ul.removeChild(children[i]);
533 document.deletePersonalABAjaxRequest = null;
536 log ("ajax problem");
539 function configureDragHandles() {
540 var handle = $("dragHandle");
542 handle.addInterface(SOGoDragHandlesInterface);
543 handle.leftBlock=$("contactFoldersList");
544 handle.rightBlock=$("rightPanel");
547 handle = $("rightDragHandle");
549 handle.addInterface(SOGoDragHandlesInterface);
550 handle.upperBlock=$("contactsListContent");
551 handle.lowerBlock=$("contactView");
555 function lookupDeniedFolders() {
556 var list = $("contactFolders").childNodesWithTag("li");
557 for (var i = 0; i < list.length; i++) {
558 var folderID = list[i].getAttribute("id");
559 var url = URLForFolderID(folderID) + "/canAccessContent";
561 triggerAjaxRequest(url, deniedFoldersLookupCallback, folderID);
565 function deniedFoldersLookupCallback(http) {
566 if (http.readyState == 4) {
567 var denied = ! isHttpStatus204(http.status);
568 var entry = $(http.callbackData);
570 entry.addClassName("denied");
572 entry.removeClassName("denied");
576 function configureAbToolbar() {
577 var toolbar = $("abToolbar");
578 var links = toolbar.childNodesWithTag("a");
579 Event.observe(links[0], "click", onAddressBookNew, false);
580 Event.observe(links[1], "click", onAddressBookAdd, false);
581 Event.observe(links[2], "click", onAddressBookRemove, false);
584 function configureContactFolders() {
585 var contactFolders = $("contactFolders");
586 if (contactFolders) {
587 Event.observe(contactFolders, "mousedown", listRowMouseDownHandler);
588 Event.observe(contactFolders, "click", onFolderSelectionChange);
589 var lis = contactFolders.childNodesWithTag("li");
590 for (var i = 0; i < lis.length; i++)
591 setEventsOnContactFolder(lis[i]);
593 lookupDeniedFolders();
595 var personalFolder = $("/personal");
596 personalFolder.select();
600 function setEventsOnContactFolder(node) {
601 Event.observe(node, "mousedown", listRowMouseDownHandler, false);
602 Event.observe(node, "click", onRowClick, false);
603 Event.observe(node, "contextmenu", onContactFoldersContextMenu.bindAsEventListener(node), false);
606 function onMenuSharing(event) {
607 var folders = $("contactFolders");
608 var selected = folders.getSelectedNodes()[0];
609 var title = this.innerHTML;
610 var url = URLForFolderID(selected.getAttribute("id"));
612 openAclWindow(url + "/acls", title);
615 function getMenus() {
617 menus["contactFoldersMenu"] = new Array(null, "-", null,
618 null, "-", null, "-",
620 menus["contactMenu"] = new Array(onMenuEditContact, "-",
621 onMenuWriteToContact, null, "-",
622 onMenuDeleteContact);
623 menus["searchMenu"] = new Array(setSearchCriteria);
628 function configureSearchField() {
629 var searchValue = $("searchValue");
631 Event.observe(searchValue, "mousedown", onSearchMouseDown.bindAsEventListener(searchValue), false);
632 Event.observe(searchValue, "click", popupSearchMenu.bindAsEventListener(searchValue), false);
633 Event.observe(searchValue, "blur", onSearchBlur.bindAsEventListener(searchValue), false);
634 Event.observe(searchValue, "focus", onSearchFocus.bindAsEventListener(searchValue), false);
635 Event.observe(searchValue, "keydown", onSearchKeyDown.bindAsEventListener(searchValue), false);
638 function configureSelectionButtons() {
639 var container = $("contactSelectionButtons");
641 var buttons = container.childNodesWithTag("input");
642 for (var i = 0; i < buttons.length; i++)
643 Event.observe(buttons[i], "click", onConfirmContactSelection.bindAsEventListener(buttons[i]), false);
647 function initContacts(event) {
648 if (!document.body.hasClassName("popup")) {
649 configureAbToolbar();
650 configureSearchField();
653 configureSelectionButtons();
654 configureContactFolders();
658 addEvent(window, 'load', initContacts);