err.no Git - scalable-opengroupware.org/blob - UI/WebServerResources/ContactsUI.js

   1 /* JavaScript for SOGoContacts */
   2
   3 var cachedContacts = new Array();
   4 var currentContactFolder = null;
   5
   6 var usersRightsWindowHeight = 200;
   7 var usersRightsWindowWidth = 450;
   8
   9 function validateEditorInput(sender) {
  10   var errortext = "";
  11   var field;
  12
  13   field = document.pageform.subject;
  14   if (field.value == "")
  15     errortext = errortext + labels.error_missingsubject + "\n";
  16
  17   if (!UIxRecipientSelectorHasRecipients())
  18     errortext = errortext + labels.error_missingrecipients + "\n";
  19
  20   if (errortext.length > 0) {
  21     alert(labels.error_validationfailed + ":\n"
  22           + errortext);
  23     return false;
  24   }
  25   return true;
  26 }
  27
  28 function openContactsFolder(contactsFolder, reload, idx) {
  29   if ((contactsFolder && contactsFolder != currentContactFolder)
  30       || reload) {
  31      currentContactFolder = contactsFolder;
  32      var url = URLForFolderID(currentContactFolder) +
  33         "/view?noframe=1";
  34
  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"]);
  43
  44      var selection;
  45      if (contactsFolder == currentContactFolder) {
  46         var contactsList = $("contactsList");
  47         if (contactsList)
  48            selection = contactsList.getSelectedRowsId();
  49         else
  50            window.alert("no contactsList");
  51      }
  52      else
  53         selection = null;
  54
  55      if (document.contactsListAjaxRequest) {
  56         document.contactsListAjaxRequest.aborted = true;
  57         document.contactsListAjaxRequest.abort();
  58      }
  59      document.contactsListAjaxRequest
  60         = triggerAjaxRequest(url, contactsListCallback, selection);
  61   }
  62 }
  63
  64 function openContactsFolderAtIndex(element) {
  65   var idx = element.getAttribute("idx");
  66   var url = URLForFolderID(currentContactFolder) + "/view?noframe=1&idx=" + idx;
  67
  68   if (document.contactsListAjaxRequest) {
  69     document.contactsListAjaxRequest.aborted = true;
  70     document.contactsListAjaxRequest.abort();
  71   }
  72   document.contactsListAjaxRequest
  73     = triggerAjaxRequest(url, contactsListCallback);
  74 }
  75
  76 function configureContactsListHeaders(cells) {
  77    for (var i = 0; i < cells.length; i++) {
  78       var currentCell = $(cells[i]);
  79       Event.observe(currentCell, "click",
  80                     onHeaderClick.bindAsEventListener(currentCell));
  81       Event.observe(currentCell, "mousedown", listRowMouseDownHandler);
  82    }
  83 }
  84
  85 function contactsListCallback(http) {
  86   var div = $("contactsListContent");
  87
  88   if (http.readyState == 4
  89       && http.status == 200) {
  90     document.contactsListAjaxRequest = null;
  91     div.innerHTML = http.responseText;
  92
  93     var table = $("contactsList");
  94     if (table)
  95        configureContactsListHeaders(table.tBodies[0].rows[0].cells);
  96
  97     if (sorting["attribute"] && sorting["attribute"].length > 0) {
  98        var sortHeader;
  99        if (sorting["attribute"] == "displayName")
 100           sortHeader = $("nameHeader");
 101        else if (sorting["attribute"] == "mail")
 102           sortHeader = $("mailHeader");
 103        else if (sorting["attribute"] == "screenName")
 104           sortHeader = $("screenNameHeader");
 105        else if (sorting["attribute"] == "org")
 106           sortHeader = $("orgHeader");
 107        else if (sorting["attribute"] == "phone")
 108           sortHeader = $("phoneHeader");
 109        else
 110           sortHeader = null;
 111
 112        if (sortHeader) {
 113           var sortImage = createElement("img", "messageSortImage", "sortImage");
 114           sortHeader.insertBefore(sortImage, sortHeader.firstChild);
 115           if (sorting["ascending"])
 116              sortImage.src = ResourcesURL + "/title_sortdown_12x12.png";
 117           else
 118              sortImage.src = ResourcesURL + "/title_sortup_12x12.png";
 119        }
 120     }
 121
 122     var selected = http.callbackData;
 123     if (selected) {
 124        for (var i = 0; i < selected.length; i++) {
 125           var row = $(selected[i]);
 126           if (row)
 127              row.select();
 128        }
 129     }
 130   }
 131   else
 132     log ("ajax problem 1: status = " + http.status);
 133 }
 134
 135 function onContactFoldersContextMenu(event) {
 136   var menu = $("contactFoldersMenu");
 137   //Event.observe(menu, "hideMenu", onContactFoldersContextMenuHide, false);
 138   Event.observe(menu, "mousedown", onContactFoldersContextMenuHide, false);
 139   popupMenu(event, "contactFoldersMenu", this);
 140
 141   var topNode = $("contactFolders");
 142   var selectedNodes = topNode.getSelectedRows();
 143   topNode.menuSelectedRows = selectedNodes;
 144   for (var i = 0; i < selectedNodes.length; i++)
 145     $(selectedNodes[i]).deselect();
 146   topNode.menuSelectedEntry = this;
 147   $(this).select();
 148 }
 149
 150 function onContactContextMenu(event, element) {
 151   var menu = $("contactMenu");
 152   //Event.observe(menu, "hideMenu", onContactContextMenuHide, false);
 153   Event.observe(menu, "mousedown", onContactContextMenuHide, false);
 154   //document.documentElement.onclick = onContactContextMenuHide;
 155   popupMenu(event, "contactMenu", element);
 156
 157   var topNode = $("contactsList");
 158   var selectedNodes = topNode.getSelectedRows();
 159   topNode.menuSelectedRows = selectedNodes;
 160   for (var i = 0; i < selectedNodes.length; i++)
 161     $(selectedNodes[i]).deselect();
 162   topNode.menuSelectedEntry = element;
 163   $(element).select();
 164 }
 165
 166 function onContactContextMenuHide(event) {
 167   var topNode = $("contactsList");
 168
 169   if (topNode.menuSelectedEntry) {
 170     $(topNode.menuSelectedEntry).deselect();
 171     topNode.menuSelectedEntry = null;
 172   }
 173   if (topNode.menuSelectedRows) {
 174     var nodes = topNode.menuSelectedRows;
 175     for (var i = 0; i < nodes.length; i++)
 176       $(nodes[i]).select();
 177     topNode.menuSelectedRows = null;
 178   }
 179 }
 180
 181 function onContactFoldersContextMenuHide(event) {
 182   var topNode = $("contactFolders");
 183
 184   if (topNode.menuSelectedEntry) {
 185     topNode.menuSelectedEntry.deselect();
 186     topNode.menuSelectedEntry = null;
 187   }
 188   if (topNode.menuSelectedRows) {
 189     var nodes = topNode.menuSelectedRows;
 190     for (var i = 0; i < nodes.length; i++)
 191       nodes[i].select();
 192     topNode.menuSelectedRows = null;
 193   }
 194 }
 195
 196 function onFolderMenuHide(event) {
 197   var topNode = $('d');
 198
 199   if (topNode.menuSelectedEntry) {
 200     topNode.menuSelectedEntry.deselect();
 201     topNode.menuSelectedEntry = null;
 202   }
 203   if (topNode.selectedEntry)
 204     topNode.selectedEntry.select();
 205 }
 206
 207 function loadContact(idx) {
 208   if (document.contactAjaxRequest) {
 209     document.contactAjaxRequest.aborted = true;
 210     document.contactAjaxRequest.abort();
 211   }
 212
 213   if (cachedContacts[currentContactFolder + "/" + idx]) {
 214     var div = $('contactView');
 215     div.innerHTML = cachedContacts[currentContactFolder + "/" + idx];
 216   }
 217   else {
 218     var url = (URLForFolderID(currentContactFolder)
 219                + "/" + idx + "/view?noframe=1");
 220     document.contactAjaxRequest
 221       = triggerAjaxRequest(url, contactLoadCallback, idx);
 222   }
 223 }
 224
 225 function contactLoadCallback(http) {
 226   var div = $('contactView');
 227
 228   if (http.readyState == 4
 229       && http.status == 200) {
 230     document.contactAjaxRequest = null;
 231     var content = http.responseText;
 232     cachedContacts[currentContactFolder + "/" + http.callbackData] = content;
 233     div.innerHTML = content;
 234   }
 235   else
 236     log ("ajax problem 2: " + http.status);
 237 }
 238
 239 var rowSelectionCount = 0;
 240
 241 validateControls();
 242
 243 function showElement(e, shouldShow) {
 244   e.style.display = shouldShow ? "" : "none";
 245 }
 246
 247 function enableElement(e, shouldEnable) {
 248   if(!e)
 249     return;
 250   if(shouldEnable) {
 251     if(e.hasAttribute("disabled"))
 252       e.removeAttribute("disabled");
 253   }
 254   else {
 255     e.setAttribute("disabled", "1");
 256   }
 257 }
 258
 259 function validateControls() {
 260   var e = $("moveto");
 261   this.enableElement(e, rowSelectionCount > 0);
 262 }
 263
 264 function moveTo(uri) {
 265   alert("MoveTo: " + uri);
 266 }
 267
 268 /* contact menu entries */
 269 function onContactRowClick(event, node) {
 270   loadContact(node.getAttribute('id'));
 271
 272   return onRowClick(event);
 273 }
 274
 275 function onContactRowDblClick(event, node) {
 276   var contactId = node.getAttribute('id');
 277
 278   openContactWindow(URLForFolderID(currentContactFolder)
 279                     + "/" + contactId + "/edit", contactId);
 280
 281   return false;
 282 }
 283
 284 function onMenuEditContact(event) {
 285   var contactId = document.menuTarget.getAttribute('id');
 286
 287   openContactWindow(URLForFolderID(currentContactFolder)
 288                     + "/" + contactId + "/edit", contactId);
 289 }
 290
 291 function onMenuWriteToContact(event) {
 292    var contactId = document.menuTarget.getAttribute('id');
 293
 294    openMailComposeWindow(ApplicationBaseURL + currentContactFolder
 295                          + "/" + contactId + "/write");
 296 }
 297
 298 function onMenuDeleteContact(event) {
 299   uixDeleteSelectedContacts(this);
 300 }
 301
 302 function onToolbarEditSelectedContacts(event) {
 303   var contactsList = $('contactsList');
 304   var rows = contactsList.getSelectedRowsId();
 305
 306   for (var i = 0; i < rows.length; i++) {
 307     openContactWindow(URLForFolderID(currentContactFolder)
 308                       + "/" + rows[i] + "/edit", rows[i]);
 309   }
 310
 311   return false;
 312 }
 313
 314 function onToolbarWriteToSelectedContacts(event) {
 315   var contactsList = $('contactsList');
 316   var rows = contactsList.getSelectedRowsId();
 317
 318   for (var i = 0; i < rows.length; i++)
 319     openMailComposeWindow(ApplicationBaseURL + currentContactFolder
 320                           + "/" + rows[i] + "/write");
 321
 322   return false;
 323 }
 324
 325 function uixDeleteSelectedContacts(sender) {
 326   var failCount = 0;
 327   var contactsList = $('contactsList');
 328   var rows = contactsList.getSelectedRowsId();
 329
 330   var contactView = $('contactView');
 331   contactView.innerHTML = '';
 332
 333   for (var i = 0; i < rows.length; i++) {
 334     var url, http, rowElem;
 335
 336     /* send AJAX request (synchronously) */
 337
 338     url = (URLForFolderID(currentContactFolder) + "/"
 339            + rows[i] + "/delete");
 340     http = createHTTPClient();
 341     http.open("POST", url, false /* not async */);
 342     http.send("");
 343     if (http.status != 200) { /* request failed */
 344       failCount++;
 345       http = null;
 346       continue;
 347     }
 348     http = null;
 349
 350     /* remove from page */
 351
 352     /* line-through would be nicer, but hiding is OK too */
 353     rowElem = $(rows[i]);
 354     rowElem.parentNode.removeChild(rowElem);
 355   }
 356
 357   if (failCount > 0)
 358     alert("Could not delete the selected contacts!");
 359
 360   return false;
 361 }
 362
 363 function newEmailTo(sender) {
 364   var mailto = sanitizeMailTo(sender.parentNode.parentNode.menuTarget.innerHTML);
 365
 366   if (mailto.length > 0)
 367     openMailComposeWindow("compose?mailto=" + mailto);
 368
 369   return false; /* stop following the link */
 370 }
 371
 372 function onHeaderClick(event) {
 373    var headerId = this.getAttribute("id");
 374    var newSortAttribute;
 375    if (headerId == "nameHeader")
 376       newSortAttribute = "displayName";
 377    else if (headerId == "mailHeader")
 378       newSortAttribute = "mail";
 379    else if (headerId == "screenNameHeader")
 380       newSortAttribute = "screenName";
 381    else if (headerId == "orgHeader")
 382       newSortAttribute = "org";
 383    else if (headerId == "phoneHeader")
 384       newSortAttribute = "phone";
 385
 386    if (sorting["attribute"] == newSortAttribute)
 387       sorting["ascending"] = !sorting["ascending"];
 388    else {
 389       sorting["attribute"] = newSortAttribute;
 390       sorting["ascending"] = true;
 391    }
 392
 393    refreshCurrentFolder();
 394
 395    preventDefault(event);
 396 }
 397
 398 function newContact(sender) {
 399   openContactWindow(URLForFolderID(currentContactFolder) + "/new");
 400
 401   return false; /* stop following the link */
 402 }
 403
 404 function onFolderSelectionChange() {
 405    var folderList = $("contactFolders");
 406    var nodes = folderList.getSelectedNodes();
 407    $("contactView").innerHTML = '';
 408
 409    if (nodes[0].hasClassName("denied")) {
 410       var div = $("contactsListContent");
 411       div.innerHTML = "";
 412    }
 413    else {
 414       search = {};
 415       sorting = {};
 416       $("searchValue").value = "";
 417       initCriteria();
 418       openContactsFolder(nodes[0].getAttribute("id"));
 419    }
 420 }
 421
 422 function refreshCurrentFolder() {
 423    openContactsFolder(currentContactFolder, true);
 424 }
 425
 426 function onConfirmContactSelection(event) {
 427    var tag = this.getAttribute("name");
 428    var folderLi = $(currentContactFolder);
 429    var currentContactFolderName = folderLi.innerHTML;
 430    var selectorList = null;
 431    var initialValues = null;
 432
 433    if (selector) {
 434       var selectorId = selector.getAttribute("id");
 435       selectorList = opener.window.document.getElementById('uixselector-'
 436                                                            + selectorId
 437                                                            + '-uidList');
 438       initialValues = selectorList.value;
 439    }
 440
 441    var contactsList = $("contactsList");
 442    var rows = contactsList.getSelectedRows();
 443    for (i = 0; i < rows.length; i++) {
 444       var cid = rows[i].getAttribute("contactid");
 445       var cname = '' + rows[i].getAttribute("contactname");
 446       var email = '' + rows[i].cells[1].innerHTML;
 447       opener.window.addContact(tag, currentContactFolderName + '/' + cname,
 448                                cid, cname, email);
 449    }
 450
 451    if (selector && selector.changeNotification
 452        && selectorList.value != initialValues)
 453       selector.changeNotification("addition");
 454
 455    preventDefault(event);
 456 }
 457
 458 function onContactMailTo(node) {
 459   return openMailTo(node.innerHTML);
 460 }
 461
 462 function refreshContacts(contactId) {
 463    refreshCurrentFolder();
 464    cachedContacts[currentContactFolder + "/" + contactId] = null;
 465    loadContact(contactId);
 466
 467    return false;
 468 }
 469
 470 function onAddressBookNew(event) {
 471   createFolder(window.prompt(labels["Name of the Address Book"]),
 472                appendAddressBook);
 473   preventDefault(event);
 474 }
 475
 476 function appendAddressBook(name, folder) {
 477   if (folder)
 478     folder = accessToSubscribedFolder(folder);
 479   else
 480     folder = "/" + name;
 481   var li = document.createElement("li");
 482   $("contactFolders").appendChild(li);
 483   li.setAttribute("id", folder);
 484   li.appendChild(document.createTextNode(name));
 485   setEventsOnContactFolder(li);
 486 }
 487
 488 function newFolderCallback(http) {
 489   if (http.readyState == 4
 490       && http.status == 201) {
 491      var name = http.callbackData;
 492      appendAddressBook(name, "/" + name);
 493   }
 494   else
 495     log ("ajax problem 4:" + http.status);
 496 }
 497
 498 function newUserFolderCallback(folderData) {
 499    var folder = $(folderData["folder"]);
 500    if (!folder)
 501       appendAddressBook(folderData["folderName"], folderData["folder"]);
 502 }
 503
 504 function onAddressBookAdd(event) {
 505    openUserFolderSelector(newUserFolderCallback, "contact");
 506
 507    preventDefault(event);
 508 }
 509
 510 function onFolderUnsubscribeCB(folderId) {
 511    var node = $(folderId);
 512    node.parentNode.removeChild(node);
 513    var personal = $("/personal");
 514    personal.select();
 515    onFolderSelectionChange();
 516 }
 517
 518 function onAddressBookRemove(event) {
 519   var selector = $("contactFolders");
 520   var nodes = selector.getSelectedNodes();
 521   if (nodes.length > 0) {
 522     nodes[0].deselect();
 523     var folderId = nodes[0].getAttribute("id");
 524     var folderIdElements = folderId.split("_");
 525     if (folderIdElements.length > 1)
 526       unsubscribeFromFolder(folderId, onFolderUnsubscribeCB, folderId);
 527     else {
 528       var abId = folderIdElements[0].substr(1);
 529       deletePersonalAddressBook(abId);
 530       var personal = $("/personal");
 531       personal.select();
 532       onFolderSelectionChange();
 533     }
 534   }
 535
 536   preventDefault(event);
 537 }
 538
 539 function deletePersonalAddressBook(folderId) {
 540   var label
 541     = labels["Are you sure you want to delete the selected address book?"];
 542   if (window.confirm(label)) {
 543     if (document.deletePersonalABAjaxRequest) {
 544       document.deletePersonalABAjaxRequest.aborted = true;
 545       document.deletePersonalABAjaxRequest.abort();
 546     }
 547     var url = ApplicationBaseURL + "/" + folderId + "/deleteFolder";
 548     document.deletePersonalABAjaxRequest
 549       = triggerAjaxRequest(url, deletePersonalAddressBookCallback,
 550                            folderId);
 551   }
 552 }
 553
 554 function deletePersonalAddressBookCallback(http) {
 555   if (http.readyState == 4) {
 556     if (isHttpStatus204(http.status)) {
 557       var ul = $("contactFolders");
 558
 559       var children = ul.childNodesWithTag("li");
 560       var i = 0;
 561       var done = false;
 562       while (!done && i < children.length) {
 563         var currentFolderId = children[i].getAttribute("id").substr(1);
 564         if (currentFolderId == http.callbackData) {
 565           ul.removeChild(children[i]);
 566           done = true;
 567         }
 568         else
 569           i++;
 570       }
 571     }
 572     document.deletePersonalABAjaxRequest = null;
 573   }
 574   else
 575     log ("ajax problem 5: " + http.status);
 576 }
 577
 578 function configureDragHandles() {
 579   var handle = $("dragHandle");
 580   if (handle) {
 581     handle.addInterface(SOGoDragHandlesInterface);
 582     handle.leftBlock=$("contactFoldersList");
 583     handle.rightBlock=$("rightPanel");
 584   }
 585
 586   handle = $("rightDragHandle");
 587   if (handle) {
 588     handle.addInterface(SOGoDragHandlesInterface);
 589     handle.upperBlock=$("contactsListContent");
 590     handle.lowerBlock=$("contactView");
 591   }
 592 }
 593
 594 function lookupDeniedFolders() {
 595   var list = $("contactFolders").childNodesWithTag("li");
 596   for (var i = 0; i < list.length; i++) {
 597      var folderID = list[i].getAttribute("id");
 598      var url = URLForFolderID(folderID) + "/canAccessContent";
 599
 600      triggerAjaxRequest(url, deniedFoldersLookupCallback, folderID);
 601   }
 602 }
 603
 604 function deniedFoldersLookupCallback(http) {
 605    if (http.readyState == 4) {
 606       var denied = ! isHttpStatus204(http.status);
 607       var entry = $(http.callbackData);
 608       if (denied)
 609          entry.addClassName("denied");
 610       else
 611          entry.removeClassName("denied");
 612    }
 613 }
 614
 615 function configureAbToolbar() {
 616   var toolbar = $("abToolbar");
 617   var links = toolbar.childNodesWithTag("a");
 618   Event.observe(links[0], "click", onAddressBookNew, false);
 619   Event.observe(links[1], "click", onAddressBookAdd, false);
 620   Event.observe(links[2], "click", onAddressBookRemove, false);
 621 }
 622
 623 function configureContactFolders() {
 624   var contactFolders = $("contactFolders");
 625   if (contactFolders) {
 626     Event.observe(contactFolders, "mousedown", listRowMouseDownHandler);
 627     Event.observe(contactFolders, "click", onFolderSelectionChange);
 628     var lis = contactFolders.childNodesWithTag("li");
 629     for (var i = 0; i < lis.length; i++)
 630       setEventsOnContactFolder(lis[i]);
 631
 632     lookupDeniedFolders();
 633
 634     var personalFolder = $("/personal");
 635     personalFolder.select();
 636     openContactsFolder("/personal");
 637   }
 638 }
 639
 640 function setEventsOnContactFolder(node) {
 641    Event.observe(node, "mousedown", listRowMouseDownHandler, false);
 642    Event.observe(node, "click", onRowClick, false);
 643    Event.observe(node, "contextmenu",
 644                  onContactFoldersContextMenu.bindAsEventListener(node), false);
 645 }
 646
 647 function onMenuModify(event) {
 648   var folders = $("contactFolders");
 649   var selected = folders.getSelectedNodes()[0];
 650
 651   if (UserLogin == selected.getAttribute("owner")) {
 652     var currentName = selected.innerHTML;
 653     var newName = window.prompt(labels["Address Book Name"],
 654                                 currentName);
 655     if (newName && newName.length > 0
 656         && newName != currentName) {
 657       var url = (URLForFolderID(selected.getAttribute("id"))
 658                  + "/renameFolder?name=" + escape(newName.utf8encode()));
 659       triggerAjaxRequest(url, folderRenameCallback,
 660                          {node: selected, name: newName});
 661     }
 662   } else
 663     window.alert(clabels["Unable to rename that folder!"]);
 664 }
 665
 666 function folderRenameCallback(http) {
 667   if (http.readyState == 4) {
 668     if (isHttpStatus204(http.status)) {
 669       var dict = http.callbackData;
 670       dict["node"].innerHTML = dict["name"];
 671     }
 672   }
 673 }
 674
 675 function onMenuSharing(event) {
 676    var folders = $("contactFolders");
 677    var selected = folders.getSelectedNodes()[0];
 678    var title = this.innerHTML;
 679    var url = URLForFolderID(selected.getAttribute("id"));
 680
 681    openAclWindow(url + "/acls", title);
 682 }
 683
 684 function getMenus() {
 685    var menus = {};
 686    menus["contactFoldersMenu"] = new Array(onMenuModify, "-", null,
 687                                            null, "-", null, "-",
 688                                            onMenuSharing);
 689    menus["contactMenu"] = new Array(onMenuEditContact, "-",
 690                                     onMenuWriteToContact, null, "-",
 691                                     onMenuDeleteContact);
 692    menus["searchMenu"] = new Array(setSearchCriteria);
 693
 694    return menus;
 695 }
 696
 697 function configureSelectionButtons() {
 698    var container = $("contactSelectionButtons");
 699    if (container) {
 700       var buttons = container.childNodesWithTag("input");
 701       for (var i = 0; i < buttons.length; i++)
 702         Event.observe(buttons[i], "click",
 703                       onConfirmContactSelection.bindAsEventListener(buttons[i]));
 704    }
 705 }
 706
 707 function initContacts(event) {
 708    if (!document.body.hasClassName("popup")) {
 709      configureAbToolbar();
 710    }
 711    else
 712      configureSelectionButtons();
 713    configureContactFolders();
 714 //     initDnd();
 715 }
 716
 717 addEvent(window, 'load', initContacts);