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 openContactWindow(sender, url) {
  10   var msgWin = window.open(url, null, "width=450,height=600,resizable=0");
  11   msgWin.focus();
  12 }
  13
  14 function validateEditorInput(sender) {
  15   var errortext = "";
  16   var field;
  17
  18   field = document.pageform.subject;
  19   if (field.value == "")
  20     errortext = errortext + labels.error_missingsubject + "\n";
  21
  22   if (!UIxRecipientSelectorHasRecipients())
  23     errortext = errortext + labels.error_missingrecipients + "\n";
  24
  25   if (errortext.length > 0) {
  26     alert(labels.error_validationfailed.decodeEntities() + ":\n"
  27           + errortext.decodeEntities());
  28     return false;
  29   }
  30   return true;
  31 }
  32
  33 function openContactsFolder(contactsFolder, reload, idx) {
  34   if (contactsFolder != currentContactFolder || reload) {
  35      currentContactFolder = contactsFolder;
  36      var url = URLForFolderID(currentContactFolder) +
  37         "/view?noframe=1";
  38
  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"]);
  47
  48      var selection;
  49      if (contactsFolder == currentContactFolder) {
  50         var contactsList = $("contactsList");
  51         if (contactsList)
  52            selection = contactsList.getSelectedRowsId();
  53         else
  54            window.alert("no contactsList");
  55      }
  56      else
  57         selection = null;
  58
  59      if (document.contactsListAjaxRequest) {
  60         document.contactsListAjaxRequest.aborted = true;
  61         document.contactsListAjaxRequest.abort();
  62      }
  63      document.contactsListAjaxRequest
  64         = triggerAjaxRequest(url, contactsListCallback, selection);
  65   }
  66 }
  67
  68 function openContactsFolderAtIndex(element) {
  69   var idx = element.getAttribute("idx");
  70   var url = URLForFolderID(currentContactFolder) + "/view?noframe=1&idx=" + idx;
  71
  72   if (document.contactsListAjaxRequest) {
  73     document.contactsListAjaxRequest.aborted = true;
  74     document.contactsListAjaxRequest.abort();
  75   }
  76   document.contactsListAjaxRequest
  77     = triggerAjaxRequest(url, contactsListCallback);
  78 }
  79
  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);
  86    }
  87 }
  88
  89 function contactsListCallback(http) {
  90   var div = $("contactsListContent");
  91
  92   if (http.readyState == 4
  93       && http.status == 200) {
  94     document.contactsListAjaxRequest = null;
  95     div.innerHTML = http.responseText;
  96
  97     var table = $("contactsList");
  98     if (table)
  99        configureContactsListHeaders(table.tBodies[0].rows[0].cells);
 100
 101     if (sorting["attribute"] && sorting["attribute"].length > 0) {
 102        var sortHeader;
 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");
 113        else
 114           sortHeader = null;
 115
 116        if (sortHeader) {
 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";
 121           else
 122              sortImage.src = ResourcesURL + "/title_sortup_12x12.png";
 123        }
 124     }
 125
 126     var selected = http.callbackData;
 127     if (selected) {
 128        for (var i = 0; i < selected.length; i++) {
 129           var row = $(selected[i]);
 130           if (row)
 131              row.select();
 132        }
 133     }
 134   }
 135   else
 136     log ("ajax problem 1: status = " + http.status);
 137 }
 138
 139 function onContactFoldersContextMenu(event) {
 140   var menu = $("contactFoldersMenu");
 141   Event.observe(menu, "hideMenu", onContactFoldersContextMenuHide, false);
 142   popupMenu(event, "contactFoldersMenu", this);
 143
 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;
 150   this.select();
 151 }
 152
 153 function onContactContextMenu(event, element) {
 154   var menu = $("contactMenu");
 155   Event.observe(menu, "hideMenu", onContactContextMenuHide, false);
 156   popupMenu(event, "contactMenu", element);
 157
 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;
 164   element.select();
 165 }
 166
 167 function onContactContextMenuHide(event) {
 168   var topNode = $("contactsList");
 169
 170   if (topNode.menuSelectedEntry) {
 171     topNode.menuSelectedEntry.deselect();
 172     topNode.menuSelectedEntry = null;
 173   }
 174   if (topNode.menuSelectedRows) {
 175     var nodes = topNode.menuSelectedRows;
 176     for (var i = 0; i < nodes.length; i++)
 177       nodes[i].select();
 178     topNode.menuSelectedRows = null;
 179   }
 180 }
 181
 182 function onContactFoldersContextMenuHide(event) {
 183   var topNode = $("contactFolders");
 184
 185   if (topNode.menuSelectedEntry) {
 186     topNode.menuSelectedEntry.deselect();
 187     topNode.menuSelectedEntry = null;
 188   }
 189   if (topNode.menuSelectedRows) {
 190     var nodes = topNode.menuSelectedRows;
 191     for (var i = 0; i < nodes.length; i++)
 192       nodes[i].select();
 193     topNode.menuSelectedRows = null;
 194   }
 195 }
 196
 197 function onFolderMenuHide(event) {
 198   var topNode = $('d');
 199
 200   if (topNode.menuSelectedEntry) {
 201     topNode.menuSelectedEntry.deselect();
 202     topNode.menuSelectedEntry = null;
 203   }
 204   if (topNode.selectedEntry)
 205     topNode.selectedEntry.select();
 206 }
 207
 208 function loadContact(idx) {
 209   if (document.contactAjaxRequest) {
 210     document.contactAjaxRequest.aborted = true;
 211     document.contactAjaxRequest.abort();
 212   }
 213
 214   if (cachedContacts[currentContactFolder + "/" + idx]) {
 215     var div = $('contactView');
 216     div.innerHTML = cachedContacts[currentContactFolder + "/" + idx];
 217   }
 218   else {
 219     var url = (URLForFolderID(currentContactFolder)
 220                + "/" + idx + "/view?noframe=1");
 221     document.contactAjaxRequest
 222       = triggerAjaxRequest(url, contactLoadCallback, idx);
 223   }
 224 }
 225
 226 function contactLoadCallback(http) {
 227   var div = $('contactView');
 228
 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;
 235   }
 236   else
 237     log ("ajax problem 2: " + http.status);
 238 }
 239
 240 var rowSelectionCount = 0;
 241
 242 validateControls();
 243
 244 function showElement(e, shouldShow) {
 245   e.style.display = shouldShow ? "" : "none";
 246 }
 247
 248 function enableElement(e, shouldEnable) {
 249   if(!e)
 250     return;
 251   if(shouldEnable) {
 252     if(e.hasAttribute("disabled"))
 253       e.removeAttribute("disabled");
 254   }
 255   else {
 256     e.setAttribute("disabled", "1");
 257   }
 258 }
 259
 260 function validateControls() {
 261   var e = $("moveto");
 262   this.enableElement(e, rowSelectionCount > 0);
 263 }
 264
 265 function moveTo(uri) {
 266   alert("MoveTo: " + uri);
 267 }
 268
 269 /* contact menu entries */
 270 function onContactRowClick(event, node) {
 271   loadContact(node.getAttribute('id'));
 272
 273   return onRowClick(event);
 274 }
 275
 276 function onContactRowDblClick(event, node) {
 277   var contactId = node.getAttribute('id');
 278
 279   openContactWindow(null,
 280                     URLForFolderID(currentContactFolder)
 281                     + "/" + contactId + "/edit");
 282
 283   return false;
 284 }
 285
 286 function onMenuEditContact(event) {
 287   var contactId = document.menuTarget.getAttribute('id');
 288
 289   openContactWindow(null,
 290                     URLForFolderID(currentContactFolder)
 291                     + "/" + contactId + "/edit");
 292 }
 293
 294 function onMenuWriteToContact(event) {
 295    var contactId = document.menuTarget.getAttribute('id');
 296
 297    openMailComposeWindow(ApplicationBaseURL + currentContactFolder
 298                          + "/" + contactId + "/write");
 299 }
 300
 301 function onMenuDeleteContact(event) {
 302   uixDeleteSelectedContacts(this);
 303 }
 304
 305 function onToolbarEditSelectedContacts(event) {
 306   var contactsList = $('contactsList');
 307   var rows = contactsList.getSelectedRowsId();
 308
 309   for (var i = 0; i < rows.length; i++) {
 310     openContactWindow(null,
 311                       URLForFolderID(currentContactFolder)
 312                       + "/" + rows[i] + "/edit");
 313   }
 314
 315   return false;
 316 }
 317
 318 function onToolbarWriteToSelectedContacts(event) {
 319   var contactsList = $('contactsList');
 320   var rows = contactsList.getSelectedRowsId();
 321
 322   for (var i = 0; i < rows.length; i++)
 323     openMailComposeWindow(ApplicationBaseURL + currentContactFolder
 324                           + "/" + rows[i] + "/write");
 325
 326   return false;
 327 }
 328
 329 function uixDeleteSelectedContacts(sender) {
 330   var failCount = 0;
 331   var contactsList = $('contactsList');
 332   var rows = contactsList.getSelectedRowsId();
 333
 334   var contactView = $('contactView');
 335   contactView.innerHTML = '';
 336
 337   for (var i = 0; i < rows.length; i++) {
 338     var url, http, rowElem;
 339
 340     /* send AJAX request (synchronously) */
 341
 342     url = (URLForFolderID(currentContactFolder) + "/"
 343            + rows[i] + "/delete");
 344     http = createHTTPClient();
 345     http.open("POST", url, false /* not async */);
 346     http.send("");
 347     if (http.status != 200) { /* request failed */
 348       failCount++;
 349       http = null;
 350       continue;
 351     }
 352     http = null;
 353
 354     /* remove from page */
 355
 356     /* line-through would be nicer, but hiding is OK too */
 357     rowElem = $(rows[i]);
 358     rowElem.parentNode.removeChild(rowElem);
 359   }
 360
 361   if (failCount > 0)
 362     alert("Could not delete the selected contacts!");
 363
 364   return false;
 365 }
 366
 367 function newEmailTo(sender) {
 368   var mailto = sanitizeMailTo(sender.parentNode.parentNode.menuTarget.innerHTML);
 369
 370   if (mailto.length > 0)
 371     {
 372       w = window.open("compose?mailto=" + mailto,
 373                       "SOGo_compose",
 374                       "width=680,height=520,resizable=1,scrollbars=1,toolbar=0," +
 375                       "location=0,directories=0,status=0,menubar=0,copyhistory=0");
 376       w.focus();
 377     }
 378
 379   return false; /* stop following the link */
 380 }
 381
 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";
 395
 396    log("header: " + headerId);
 397
 398    if (sorting["attribute"] == newSortAttribute)
 399       sorting["ascending"] = !sorting["ascending"];
 400    else {
 401       sorting["attribute"] = newSortAttribute;
 402       sorting["ascending"] = true;
 403    }
 404
 405    refreshCurrentFolder();
 406
 407    preventDefault(event);
 408 }
 409
 410 function registerDraggableMessageNodes() {
 411   log ("can we drag...");
 412 }
 413
 414 function newContact(sender) {
 415   openContactWindow(sender,
 416                     URLForFolderID(currentContactFolder) + "/new");
 417
 418   return false; /* stop following the link */
 419 }
 420
 421 function onFolderSelectionChange() {
 422    var folderList = $("contactFolders");
 423    var nodes = folderList.getSelectedNodes();
 424    $("contactView").innerHTML = '';
 425
 426    if (nodes[0].hasClassName("denied")) {
 427       var div = $("contactsListContent");
 428       div.innerHTML = "";
 429    }
 430    else {
 431       search = {};
 432       sorting = {};
 433       $("searchValue").value = "";
 434       initCriteria();
 435       openContactsFolder(nodes[0].getAttribute("id"));
 436    }
 437 }
 438
 439 function refreshCurrentFolder() {
 440    openContactsFolder(currentContactFolder, true);
 441 }
 442
 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;
 449
 450    if (selector) {
 451       var selectorId = selector.getAttribute("id");
 452       selectorList = opener.window.document.getElementById('uixselector-'
 453                                                            + selectorId
 454                                                            + '-uidList');
 455       initialValues = selectorList.value;
 456    }
 457
 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,
 465                                cid, cname, email);
 466    }
 467
 468    if (selector && selector.changeNotification
 469        && selectorList.value != initialValues)
 470       selector.changeNotification("addition");
 471
 472    preventDefault(event);
 473 }
 474
 475 function onContactMailTo(node) {
 476   return openMailTo(node.innerHTML);
 477 }
 478
 479 function refreshContacts(contactId) {
 480    refreshCurrentFolder();
 481    cachedContacts[currentContactFolder + "/" + contactId] = null;
 482    loadContact(contactId);
 483
 484    return false;
 485 }
 486
 487 function onAddressBookNew(event) {
 488   var name = window.prompt(labels["Name of the Address Book"].decodeEntities());
 489   if (name) {
 490     if (document.newAbAjaxRequest) {
 491       document.newAbAjaxRequest.aborted = true;
 492       document.newAbAjaxRequest.abort();
 493     }
 494     var url = ApplicationBaseURL + "/newAb?name=" + name;
 495     document.newAbAjaxRequest
 496        = triggerAjaxRequest(url, newAbCallback, name);
 497   }
 498   preventDefault(event);
 499 }
 500
 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);
 507 }
 508
 509 function newAbCallback(http) {
 510   if (http.readyState == 4
 511       && http.status == 201) {
 512      var name = http.callbackData;
 513      appendAddressBook(name, "/" + name);
 514   }
 515   else
 516     log ("ajax problem 4:" + http.status);
 517 }
 518
 519 function newUserFolderCallback(folderData) {
 520    var folder = $(folderData["folder"]);
 521    if (!folder)
 522       appendAddressBook(folderData["folderName"], folderData["folder"]);
 523 }
 524
 525 function onAddressBookAdd(event) {
 526    openUserFolderSelector(newUserFolderCallback, "contact");
 527
 528    preventDefault(event);
 529 }
 530
 531 function onFolderUnsubscribeCB(folderId) {
 532    var node = $(folderId);
 533    node.parentNode.removeChild(node);
 534    var personal = $("/personal");
 535    personal.select();
 536    onFolderSelectionChange();
 537 }
 538
 539 function onAddressBookRemove(event) {
 540   var selector = $("contactFolders");
 541   var nodes = selector.getSelectedNodes();
 542   if (nodes.length > 0) {
 543      nodes[0].deselect();
 544      var folderId = nodes[0].getAttribute("id");
 545      var folderIdElements = folderId.split(":");
 546      if (folderIdElements.length > 1)
 547         unsubscribeFromFolder(folderId, onFolderUnsubscribeCB, folderId);
 548      else {
 549         var abId = folderIdElements[0].substr(1);
 550         deletePersonalAddressBook(abId);
 551         var personal = $("/personal");
 552         personal.select();
 553         onFolderSelectionChange();
 554      }
 555   }
 556
 557   preventDefault(event);
 558 }
 559
 560 function deletePersonalAddressBook(folderId) {
 561    var label
 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();
 567       }
 568       var url = ApplicationBaseURL + "/" + folderId + "/delete";
 569       document.deletePersonalABAjaxRequest
 570          = triggerAjaxRequest(url, deletePersonalAddressBookCallback,
 571                               folderId);
 572    }
 573 }
 574
 575 function deletePersonalAddressBookCallback(http) {
 576   if (http.readyState == 4) {
 577      if (http.status == 200) {
 578         var ul = $("contactFolders");
 579
 580         var children = ul.childNodesWithTag("li");
 581         var i = 0;
 582         var done = false;
 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]);
 587               done = true;
 588            }
 589            else
 590               i++;
 591         }
 592      }
 593      document.deletePersonalABAjaxRequest = null;
 594   }
 595   else
 596      log ("ajax problem 5: " + http.status);
 597 }
 598
 599 function configureDragHandles() {
 600   var handle = $("dragHandle");
 601   if (handle) {
 602     handle.addInterface(SOGoDragHandlesInterface);
 603     handle.leftBlock=$("contactFoldersList");
 604     handle.rightBlock=$("rightPanel");
 605   }
 606
 607   handle = $("rightDragHandle");
 608   if (handle) {
 609     handle.addInterface(SOGoDragHandlesInterface);
 610     handle.upperBlock=$("contactsListContent");
 611     handle.lowerBlock=$("contactView");
 612   }
 613 }
 614
 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";
 620
 621      triggerAjaxRequest(url, deniedFoldersLookupCallback, folderID);
 622   }
 623 }
 624
 625 function deniedFoldersLookupCallback(http) {
 626    if (http.readyState == 4) {
 627       var denied = ! isHttpStatus204(http.status);
 628       var entry = $(http.callbackData);
 629       if (denied)
 630          entry.addClassName("denied");
 631       else
 632          entry.removeClassName("denied");
 633    }
 634 }
 635
 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);
 642 }
 643
 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]);
 652
 653     lookupDeniedFolders();
 654
 655     var personalFolder = $("/personal");
 656     personalFolder.select();
 657     openContactsFolder("/personal");
 658   }
 659 }
 660
 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);
 666 }
 667
 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"));
 673
 674    openAclWindow(url + "/acls", title);
 675 }
 676
 677 function getMenus() {
 678    var menus = {};
 679    menus["contactFoldersMenu"] = new Array(null, "-", null,
 680                                            null, "-", null, "-",
 681                                            onMenuSharing);
 682    menus["contactMenu"] = new Array(onMenuEditContact, "-",
 683                                     onMenuWriteToContact, null, "-",
 684                                     onMenuDeleteContact);
 685    menus["searchMenu"] = new Array(setSearchCriteria);
 686
 687    return menus;
 688 }
 689
 690 function configureSelectionButtons() {
 691    var container = $("contactSelectionButtons");
 692    if (container) {
 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]));
 697    }
 698 }
 699
 700 function initContacts(event) {
 701    if (!document.body.hasClassName("popup")) {
 702      configureAbToolbar();
 703    }
 704    else
 705      configureSelectionButtons();
 706    configureContactFolders();
 707 //     initDnd();
 708 }
 709
 710 addEvent(window, 'load', initContacts);