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