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