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

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