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

   1 /* JavaScript for SOGoMail */
   2 var accounts = {};
   3 var mailboxTree;
   4
   5 var currentMessages = new Array();
   6 var maxCachedMessages = 20;
   7 var cachedMessages = new Array();
   8 var currentMailbox = null;
   9
  10 var usersRightsWindowHeight = 320;
  11 var usersRightsWindowWidth = 400;
  12
  13 /* mail list */
  14
  15 function openMessageWindow(msguid, url) {
  16    var wId = '';
  17    if (msguid) {
  18       wId += "SOGo_msg_" + msguid;
  19       markMailReadInWindow(window, msguid);
  20    }
  21    var msgWin = window.open(url, wId,
  22                             "width=680,height=520,resizable=1,scrollbars=1,toolbar=0,"
  23                             + "location=0,directories=0,status=0,menubar=0,copyhistory=0");
  24    if (msguid) {
  25       msgWin.messageId = msguid;
  26       msgWin.messageURL = ApplicationBaseURL + currentMailbox + "/" + msguid;
  27    }
  28    msgWin.focus();
  29
  30    return false;
  31 }
  32
  33 function onMessageDoubleClick(event) {
  34    resetSelection(window);
  35    var msguid = this.parentNode.id.substr(4);
  36
  37    return openMessageWindow(msguid,
  38                             ApplicationBaseURL + currentMailbox + "/"
  39                             + msguid + "/popupview");
  40 }
  41
  42 function toggleMailSelect(sender) {
  43    var row;
  44    row = $(sender.name);
  45    row.className = sender.checked ? "tableview_selected" : "tableview";
  46 }
  47
  48 function clearSearch(sender) {
  49    var searchField = window.$("search");
  50    if (searchField) searchField.value="";
  51    return true;
  52 }
  53
  54 /* mail editor */
  55
  56 function validateEditorInput(sender) {
  57    var errortext = "";
  58    var field;
  59
  60    field = document.pageform.subject;
  61    if (field.value == "")
  62       errortext = errortext + labels.error_missingsubject + "\n";
  63
  64    if (!UIxRecipientSelectorHasRecipients())
  65       errortext = errortext + labels.error_missingrecipients + "\n";
  66
  67    if (errortext.length > 0) {
  68       alert(labels.error_validationfailed.decodeEntities() + ":\n"
  69             + errortext.decodeEntities());
  70       return false;
  71    }
  72    return true;
  73 }
  74
  75 function clickedEditorSend(sender) {
  76    if (!validateEditorInput(sender))
  77       return false;
  78
  79    document.pageform.action="send";
  80    document.pageform.submit();
  81    // if everything is ok, close the window
  82                        return true;
  83 }
  84
  85 function clickedEditorAttach(sender) {
  86    var urlstr;
  87
  88    urlstr = "viewAttachments";
  89    window.open(urlstr, "SOGo_attach",
  90                "width=320,height=320,resizable=1,scrollbars=1,toolbar=0," +
  91                "location=0,directories=0,status=0,menubar=0,copyhistory=0");
  92    return false; /* stop following the link */
  93                      }
  94
  95 function clickedEditorSave(sender) {
  96    document.pageform.action="save";
  97    document.pageform.submit();
  98    refreshOpener();
  99    return true;
 100 }
 101
 102 function clickedEditorDelete(sender) {
 103    document.pageform.action="delete";
 104    document.pageform.submit();
 105    refreshOpener();
 106    window.close();
 107    return true;
 108 }
 109
 110 function openAddressbook(sender) {
 111    var urlstr;
 112
 113    urlstr = ApplicationBaseURL + "/../Contacts/?popup=YES";
 114    var w = window.open(urlstr, "Addressbook",
 115                        "width=640,height=400,resizable=1,scrollbars=1,toolbar=0,"
 116                        + "location=0,directories=0,status=0,menubar=0,copyhistory=0");
 117    w.focus();
 118
 119    return false;
 120 }
 121
 122 function onMenuSharing(event) {
 123    var folderID = document.menuTarget.getAttribute("dataname");
 124    var urlstr = URLForFolderID(folderID) + "/acls";
 125    event.preventDefault();
 126
 127    openAclWindow(urlstr);
 128 }
 129
 130 /* mail list DOM changes */
 131
 132 function markMailInWindow(win, msguid, markread) {
 133    var msgDiv;
 134
 135    msgDiv = win.$("div_" + msguid);
 136    if (msgDiv) {
 137       if (markread) {
 138          msgDiv.removeClassName("mailer_unreadmailsubject");
 139          msgDiv.addClassName("mailer_readmailsubject");
 140          msgDiv = win.$("unreaddiv_" + msguid);
 141          if (msgDiv)
 142          {
 143             msgDiv.setAttribute("class", "mailerUnreadIcon");
 144             msgDiv.setAttribute("id", "readdiv_" + msguid);
 145             msgDiv.setAttribute("src", ResourcesURL + "/icon_read.gif");
 146             msgDiv.setAttribute("onclick", "mailListMarkMessage(this,"
 147                                 + " 'markMessageUnread', " + msguid
 148                                 + ", false);"
 149                                 +" return false;");
 150             var title = msgDiv.getAttribute("title-markunread");
 151             if (title)
 152                msgDiv.setAttribute("title", title);
 153          }
 154       }
 155       else {
 156          msgDiv.removeClassName('mailer_readmailsubject');
 157          msgDiv.addClassName('mailer_unreadmailsubject');
 158          msgDiv = win.$("readdiv_" + msguid);
 159          if (msgDiv)
 160          {
 161             msgDiv.setAttribute("class", "mailerReadIcon");
 162             msgDiv.setAttribute("id", "unreaddiv_" + msguid);
 163             msgDiv.setAttribute("src", ResourcesURL + "/icon_unread.gif");
 164             msgDiv.setAttribute("onclick", "mailListMarkMessage(this,"
 165                                 + " 'markMessageRead', " + msguid
 166                                 + ", true);"
 167                                 +" return false;");
 168             var title = msgDiv.getAttribute("title-markread");
 169             if (title)
 170                msgDiv.setAttribute("title", title);
 171          }
 172       }
 173       return true;
 174    }
 175    else
 176       return false;
 177 }
 178
 179 function markMailReadInWindow(win, msguid) {
 180    /* this is called by UIxMailView with window.opener */
 181        return markMailInWindow(win, msguid, true);
 182 }
 183
 184 /* main window */
 185
 186 function reopenToRemoveLocationBar() {
 187    // we cannot really use this, see below at the close comment
 188          if (window.locationbar && window.locationbar.visible) {
 189             newwin = window.open(window.location.href, "SOGo",
 190                                  "width=800,height=600,resizable=1,scrollbars=1," +
 191                                  "toolbar=0,location=0,directories=0,status=0," +
 192                                  "menubar=0,copyhistory=0");
 193             if (newwin) {
 194                window.close(); // this does only work for windows opened by scripts!
 195                                                                      newwin.focus();
 196                return true;
 197             }
 198             return false;
 199          }
 200    return true;
 201 }
 202
 203 /* mail list reply */
 204
 205 function openMessageWindowsForSelection(action) {
 206    if (document.body.hasClassName("popup"))
 207       win = openMessageWindow(window.messageId,
 208                               window.messageURL + "/" + action /* url */);
 209    else {
 210       var messageList = $("messageList");
 211       var rows  = messageList.getSelectedRowsId();
 212       var idset = "";
 213       for (var i = 0; i < rows.length; i++)
 214          win = openMessageWindow(rows[i].substr(4)        /* msguid */,
 215                                  ApplicationBaseURL + currentMailbox
 216                                  + "/" + rows[i].substr(4)
 217                                  + "/" + action /* url */);
 218    }
 219
 220    return false;
 221 }
 222
 223 function mailListMarkMessage(event) {
 224    var http = createHTTPClient();
 225    var url = ApplicationBaseURL + currentMailbox + "/" + action + "?uid=" + msguid;
 226
 227    if (http) {
 228       // TODO: add parameter to signal that we are only interested in OK
 229                   http.open("POST", url + "&jsonly=1", false /* not async */);
 230       http.send("");
 231       if (http.status != 200) {
 232          // TODO: refresh page?
 233                      alert("Message Mark Failed: " + http.statusText);
 234          window.location.reload();
 235       }
 236       else {
 237          markMailInWindow(window, msguid, markread);
 238       }
 239    }
 240    else {
 241       window.location.href = url;
 242    }
 243 }
 244
 245 /* maillist row highlight */
 246
 247 var oldMaillistHighlight = null; // to remember deleted/selected style
 248
 249 function ml_highlight(sender) {
 250    oldMaillistHighlight = sender.className;
 251    if (oldMaillistHighlight == "tableview_highlight")
 252       oldMaillistHighlight = null;
 253    sender.className = "tableview_highlight";
 254 }
 255
 256 function ml_lowlight(sender) {
 257    if (oldMaillistHighlight) {
 258       sender.className = oldMaillistHighlight;
 259       oldMaillistHighlight = null;
 260    }
 261    else
 262       sender.className = "tableview";
 263 }
 264
 265
 266 /* folder operations */
 267
 268 function ctxFolderAdd(sender) {
 269    var folderName;
 270
 271    folderName = prompt("Foldername: ");
 272    if (folderName == undefined)
 273       return false;
 274    if (folderName == "")
 275       return false;
 276
 277    // TODO: should use a form-POST or AJAX
 278                window.location.href = "createFolder?name=" + escape(folderName);
 279    return false;
 280 }
 281
 282 function ctxFolderDelete(sender) {
 283    if (!confirm("Delete current folder?").decodeEntities())
 284       return false;
 285
 286    // TODO: should use a form-POST or AJAX
 287                window.location.href = "deleteFolder";
 288    return false;
 289 }
 290
 291 /* bulk delete of messages */
 292
 293 function uixDeleteSelectedMessages(sender) {
 294    var failCount = 0;
 295
 296    var messageList = $("messageList");
 297    var rowIds = messageList.getSelectedRowsId();
 298
 299    for (var i = 0; i < rowIds.length; i++) {
 300       var url, http;
 301       var rowId = rowIds[i].substr(4);
 302       /* send AJAX request (synchronously) */
 303
 304       var messageId = currentMailbox + "/" + rowId;
 305       url = ApplicationBaseURL + messageId + "/trash?jsonly=1";
 306       http = createHTTPClient();
 307       http.open("GET", url, false /* not async */);
 308       http.send("");
 309       if (http.status != 200) { /* request failed */
 310                                     failCount++;
 311       http = null;
 312       continue;
 313       } else {
 314          deleteCachedMessage(messageId);
 315          if (currentMessages[currentMailbox] == rowId) {
 316             var div = $('messageContent');
 317             div.innerHTML = "";
 318             currentMessages[currentMailbox] = null;
 319          }
 320       }
 321       http = null;
 322
 323       /* remove from page */
 324
 325           /* line-through would be nicer, but hiding is OK too */
 326           var row = $(rowIds[i]);
 327       row.parentNode.removeChild(row);
 328    }
 329
 330    if (failCount > 0)
 331       alert("Could not delete " + failCount + " messages!");
 332
 333    return false;
 334 }
 335
 336 function moveMessages(rowIds, folder) {
 337    var failCount = 0;
 338
 339    for (var i = 0; i < rowIds.length; i++) {
 340       var url, http;
 341
 342       /* send AJAX request (synchronously) */
 343
 344       var messageId = currentMailbox + "/" + rowIds[i];
 345       url = ApplicationBaseURL + messageId + "/move?jsonly=1&tofolder=" + folder;
 346       http = createHTTPClient();
 347       http.open("GET", url, false /* not async */);
 348       http.send("");
 349       if (http.status == 200) {
 350          var row = $("row_" + rowIds[i]);
 351          row.parentNode.removeChild(row);
 352          deleteCachedMessage(messageId);
 353          if (currentMessages[currentMailbox] == rowIds[i]) {
 354             var div = $('messageContent');
 355             div.innerHTML = "";
 356             currentMessages[currentMailbox] = null;
 357          }
 358       }
 359       else /* request failed */
 360               failCount++;
 361
 362       /* remove from page */
 363
 364           /* line-through would be nicer, but hiding is OK too */
 365           }
 366
 367    if (failCount > 0)
 368       alert("Could not move " + failCount + " messages!");
 369
 370    return failCount;
 371 }
 372
 373 function onMenuDeleteMessage(event) {
 374    uixDeleteSelectedMessages();
 375    event.preventDefault();
 376 }
 377
 378 function onMailboxTreeItemClick(event) {
 379    var topNode = $("mailboxTree");
 380    var mailbox = this.parentNode.getAttribute("dataname");
 381
 382    if (topNode.selectedEntry)
 383       topNode.selectedEntry.deselect();
 384    this.select();
 385    topNode.selectedEntry = this;
 386
 387    var datatype = this.parentNode.getAttribute("datatype");
 388    if (datatype == "account" || datatype == "additional") {
 389       currentMailbox = mailbox;
 390       $("messageContent").innerHTML = "";
 391       var body = $("messageList").tBodies[0];
 392       for (var i = body.rows.length - 1; i > 0; i--)
 393          body.deleteRow(i);
 394    }
 395    else
 396       openMailbox(mailbox);
 397
 398    event.preventDefault();
 399 }
 400
 401 function onMailboxMenuMove() {
 402    window.alert("unimplemented");
 403 }
 404
 405 function onMailboxMenuCopy() {
 406    window.alert("unimplemented");
 407 }
 408
 409 function _refreshWindowMailbox() {
 410    openMailbox(currentMailbox, true);
 411 }
 412
 413 function refreshMailbox() {
 414    var topWindow = getTopWindow();
 415    if (topWindow)
 416       topWindow._refreshWindowMailbox();
 417
 418    return false;
 419 }
 420
 421 function openMailbox(mailbox, reload) {
 422    if (mailbox != currentMailbox || reload) {
 423       currentMailbox = mailbox;
 424       var url = ApplicationBaseURL + mailbox + "/view?noframe=1&desc=1";
 425       var mailboxContent = $("mailboxContent");
 426       var rightDragHandle = $("rightDragHandle");
 427       var messageContent = $("messageContent");
 428       messageContent.innerHTML = '';
 429       if (mailbox.lastIndexOf("/") == 0) {
 430          var url = (ApplicationBaseURL + currentMailbox + "/"
 431                     + "/view?noframe=1");
 432          if (document.messageAjaxRequest) {
 433             document.messageAjaxRequest.aborted = true;
 434             document.messageAjaxRequest.abort();
 435          }
 436          document.messageAjaxRequest
 437             = triggerAjaxRequest(url, messageCallback);
 438          mailboxContent.innerHTML = '';
 439          mailboxContent.style.visibility = "hidden;";
 440          rightDragHandle.style.visibility = "hidden;";
 441          messageContent.style.top = "0px;";
 442       } else {
 443          if (document.messageListAjaxRequest) {
 444             document.messageListAjaxRequest.aborted = true;
 445             document.messageListAjaxRequest.abort();
 446          }
 447          if (currentMessages[mailbox]) {
 448             loadMessage(currentMessages[mailbox]);
 449             url += '&pageforuid=' + currentMessages[mailbox];
 450          }
 451          document.messageListAjaxRequest
 452             = triggerAjaxRequest(url, messageListCallback,
 453                                  currentMessages[mailbox]);
 454          if (mailboxContent.style.visibility == "hidden") {
 455             mailboxContent.style.visibility = "visible;";
 456             rightDragHandle.style.visibility = "visible;";
 457             messageContent.style.top = (rightDragHandle.offsetTop
 458                                         + rightDragHandle.offsetHeight
 459                                         + 'px;');
 460          }
 461       }
 462    }
 463    //   triggerAjaxRequest(mailbox, 'toolbar', toolbarCallback);
 464 }
 465
 466 function openMailboxAtIndex(event) {
 467    var idx = this.getAttribute("idx");
 468    var url = ApplicationBaseURL + currentMailbox + "/view?noframe=1&idx=" + idx;
 469
 470    if (document.messageListAjaxRequest) {
 471       document.messageListAjaxRequest.aborted = true;
 472       document.messageListAjaxRequest.abort();
 473    }
 474    document.messageListAjaxRequest
 475       = triggerAjaxRequest(url, messageListCallback);
 476
 477    event.preventDefault();
 478 }
 479
 480 function messageListCallback(http) {
 481    var div = $('mailboxContent');
 482
 483    if (http.readyState == 4
 484        && http.status == 200) {
 485       document.messageListAjaxRequest = null;
 486       div.innerHTML = http.responseText;
 487       var selected = http.callbackData;
 488       if (selected) {
 489          var row = $('row_' + selected);
 490          row.select();
 491       }
 492       configureMessageListEvents();
 493       configureSortableTableHeaders();
 494    }
 495    else
 496       log("problem during ajax request");
 497 }
 498
 499 function onMessageContextMenu(event) {
 500    var menu = $('messageListMenu');
 501    Event.observe(menu, "hideMenu", onMessageContextMenuHide);
 502    popupMenu(event, "messageListMenu", this);
 503
 504    var topNode = $('messageList');
 505    var selectedNodes = topNode.getSelectedRows();
 506    for (var i = 0; i < selectedNodes.length; i++)
 507       selectedNodes[i].deselect();
 508    topNode.menuSelectedRows = selectedNodes;
 509    topNode.menuSelectedEntry = this;
 510    this.select();
 511 }
 512
 513 function onMessageContextMenuHide(event) {
 514    var topNode = $('messageList');
 515
 516    if (topNode.menuSelectedEntry) {
 517       topNode.menuSelectedEntry.deselect();
 518       topNode.menuSelectedEntry = null;
 519    }
 520    if (topNode.menuSelectedRows) {
 521       var nodes = topNode.menuSelectedRows;
 522       for (var i = 0; i < nodes.length; i++)
 523          nodes[i].select();
 524       topNode.menuSelectedRows = null;
 525    }
 526 }
 527
 528 function onFolderMenuClick(event) {
 529    var onhide, menuName;
 530
 531    var menutype = this.parentNode.getAttribute("datatype");
 532    if (menutype) {
 533       if (menutype == "inbox") {
 534          menuName = "inboxIconMenu";
 535       } else if (menutype == "account") {
 536          menuName = "accountIconMenu";
 537       } else if (menutype == "trash") {
 538          menuName = "trashIconMenu";
 539       } else {
 540          menuName = "mailboxIconMenu";
 541       }
 542    } else {
 543       menuName = "mailboxIconMenu";
 544    }
 545
 546    var menu = $(menuName);
 547    Event.observe(menu, "hideMenu", onFolderMenuHide);
 548    popupMenu(event, menuName, this.parentNode);
 549
 550    var topNode = $("mailboxTree");
 551    if (topNode.selectedEntry)
 552       topNode.selectedEntry.deselect();
 553    if (topNode.menuSelectedEntry)
 554       topNode.menuSelectedEntry.deselect();
 555    topNode.menuSelectedEntry = this;
 556    this.select();
 557
 558    event.preventDefault();
 559 }
 560
 561 function onFolderMenuHide(event) {
 562    var topNode = $("mailboxTree");
 563
 564    if (topNode.menuSelectedEntry) {
 565       topNode.menuSelectedEntry.deselect();
 566       topNode.menuSelectedEntry = null;
 567    }
 568    if (topNode.selectedEntry)
 569       topNode.selectedEntry.select();
 570 }
 571
 572 function deleteCachedMessage(messageId) {
 573    var done = false;
 574    var counter = 0;
 575
 576    while (counter < cachedMessages.length
 577           && !done)
 578       if (cachedMessages[counter]
 579           && cachedMessages[counter]['idx'] == messageId) {
 580          cachedMessages.splice(counter, 1);
 581          done = true;
 582       }
 583       else
 584          counter++;
 585 }
 586
 587 function getCachedMessage(idx) {
 588    var message = null;
 589    var counter = 0;
 590
 591    while (counter < cachedMessages.length
 592           && message == null)
 593       if (cachedMessages[counter]
 594           && cachedMessages[counter]['idx'] == currentMailbox + '/' + idx)
 595          message = cachedMessages[counter];
 596       else
 597          counter++;
 598
 599    return message;
 600 }
 601
 602 function storeCachedMessage(cachedMessage) {
 603    var oldest = -1;
 604    var timeOldest = -1;
 605    var counter = 0;
 606
 607    if (cachedMessages.length < maxCachedMessages)
 608       oldest = cachedMessages.length;
 609    else {
 610       while (cachedMessages[counter]) {
 611          if (oldest == -1
 612              || cachedMessages[counter]['time'] < timeOldest) {
 613             oldest = counter;
 614             timeOldest = cachedMessages[counter]['time'];
 615          }
 616          counter++;
 617       }
 618
 619       if (oldest == -1)
 620          oldest = 0;
 621    }
 622
 623    cachedMessages[oldest] = cachedMessage;
 624 }
 625
 626 function onMessageSelectionChange() {
 627    var rows = this.getSelectedRowsId();
 628    if (rows.length == 1) {
 629       var idx = rows[0].substr(4);
 630
 631       if (currentMessages[currentMailbox] != idx) {
 632          currentMessages[currentMailbox] = idx;
 633          loadMessage(idx);
 634       }
 635    }
 636 }
 637
 638 function loadMessage(idx) {
 639    if (document.messageAjaxRequest) {
 640       document.messageAjaxRequest.aborted = true;
 641       document.messageAjaxRequest.abort();
 642    }
 643
 644    var cachedMessage = getCachedMessage(idx);
 645
 646    if (cachedMessage == null) {
 647       var url = (ApplicationBaseURL + currentMailbox + "/"
 648                  + idx + "/view?noframe=1");
 649       document.messageAjaxRequest
 650          = triggerAjaxRequest(url, messageCallback, idx);
 651       markMailInWindow(window, idx, true);
 652    } else {
 653       var div = $('messageContent');
 654       div.innerHTML = cachedMessage['text'];
 655       cachedMessage['time'] = (new Date()).getTime();
 656       document.messageAjaxRequest = null;
 657       configureLinksInMessage();
 658    }
 659 }
 660
 661 function configureLinksInMessage() {
 662    var messageDiv = $('messageContent');
 663    var mailContentDiv = document.getElementsByClassName('mailer_mailcontent',
 664                                                         messageDiv)[0];
 665    Event.observe(mailContentDiv, "contextmenu", onMessageContentMenu);
 666    var anchors = messageDiv.getElementsByTagName('a');
 667    for (var i = 0; i < anchors.length; i++)
 668       if (anchors[i].href.substring(0,7) == "mailto:") {
 669          Event.observe(anchors[i], "click", onEmailAddressClick);
 670          Event.observe(anchors[i], "contextmenu", onEmailAddressClick);
 671       }
 672       else
 673          Event.observe(anchors[i], "click", onMessageAnchorClick);
 674 }
 675
 676 function onMessageContentMenu(event) {
 677    popupMenu(event, 'messageContentMenu', this);
 678 }
 679
 680 function onEmailAddressClick(event) {
 681    popupMenu(event, 'addressMenu', this);
 682 }
 683
 684 function onMessageAnchorClick (event) {
 685    window.open(this.href);
 686    event.preventDefault();
 687 }
 688
 689 function messageCallback(http) {
 690    var div = $('messageContent');
 691
 692    if (http.readyState == 4
 693        && http.status == 200) {
 694       document.messageAjaxRequest = null;
 695       div.innerHTML = http.responseText;
 696       configureLinksInMessage();
 697
 698       if (http.callbackData) {
 699          var cachedMessage = new Array();
 700          cachedMessage['idx'] = currentMailbox + '/' + http.callbackData;
 701          cachedMessage['time'] = (new Date()).getTime();
 702          cachedMessage['text'] = http.responseText;
 703          if (cachedMessage['text'].length < 30000)
 704             storeCachedMessage(cachedMessage);
 705       }
 706    }
 707    else
 708       log("problem during ajax request");
 709 }
 710
 711 function processMailboxMenuAction(mailbox) {
 712    var currentNode, upperNode;
 713    var mailboxName;
 714    var action;
 715
 716    mailboxName = mailbox.getAttribute('mailboxname');
 717    currentNode = mailbox;
 718    upperNode = null;
 719
 720    while (currentNode
 721           && !currentNode.hasAttribute('mailboxaction'))
 722       currentNode = currentNode.parentNode.parentNode.parentMenuItem;
 723
 724    if (currentNode)
 725    {
 726       action = currentNode.getAttribute('mailboxaction');
 727       //       var rows  = collectSelectedRows();
 728       //       var rString = rows.join(', ');
 729       //       alert("performing '" + action + "' on " + rString
 730                      //             + " to " + mailboxName);
 731    }
 732 }
 733
 734 var rowSelectionCount = 0;
 735
 736 validateControls();
 737
 738 function showElement(e, shouldShow) {
 739    e.style.display = shouldShow ? "" : "none";
 740 }
 741
 742 function enableElement(e, shouldEnable) {
 743    if(!e)
 744       return;
 745    if(shouldEnable) {
 746       if(e.hasAttribute("disabled"))
 747          e.removeAttribute("disabled");
 748    }
 749    else {
 750       e.setAttribute("disabled", "1");
 751    }
 752 }
 753
 754 function validateControls() {
 755    var e = $("moveto");
 756    this.enableElement(e, rowSelectionCount > 0);
 757 }
 758
 759 function moveTo(uri) {
 760    alert("MoveTo: " + uri);
 761 }
 762
 763 function deleteSelectedMails() {
 764 }
 765
 766 /* message menu entries */
 767 function onMenuOpenMessage(event) {
 768    return openMessageWindowsForSelection('popupview');
 769 }
 770
 771 function onMenuReplyToSender(event) {
 772    return openMessageWindowsForSelection('reply');
 773 }
 774
 775 function onMenuReplyToAll(event) {
 776    return openMessageWindowsForSelection('replyall');
 777 }
 778
 779 function onMenuForwardMessage(event) {
 780    return openMessageWindowsForSelection('forward');
 781 }
 782
 783 /* contacts */
 784 function newContactFromEmail(event) {
 785    var mailto = document.menuTarget.innerHTML;
 786
 787    //   var emailre
 788            //     = /([a-zA-Z][\w\.-]*[a-zA-Z0-9]@[a-zA-Z0-9][\w\.-]*[a-zA-Z0-9]\.[a-zA-Z][a-zA-Z\.]*[a-zA-Z])/g;
 789    //   emailre.exec(mailto);
 790    //   email = RegExp.$1;
 791
 792    //   var namere = /(\w[\w\ _-]+)\ (&lt;|<)/;
 793    //   var c_name = '';
 794    //   if (namere.test(mailto)) {
 795       //     namere.exec(mailto);
 796       //     c_name += RegExp.$1;
 797       //   }
 798
 799    var email = extractEmailAddress(mailto);
 800    var c_name = extractEmailName(mailto);
 801    if (email.length > 0)
 802    {
 803       var url = UserFolderURL + "Contacts/new?contactEmail=" + email;
 804       if (c_name)
 805          url += "&contactFN=" + c_name;
 806       w = window.open(url, null,
 807                       "width=546,height=490,resizable=1,scrollbars=1,toolbar=0,"
 808                       + "location=0,directories=0,status=0,menubar=0,copyhistory=0");
 809       w.focus();
 810    }
 811
 812    return false; /* stop following the link */
 813                      }
 814
 815 function newEmailTo(sender) {
 816    return openMailTo(document.menuTarget.innerHTML);
 817 }
 818
 819 function expandUpperTree(node) {
 820    var currentNode = node.parentNode;
 821
 822    while (currentNode.className != "dtree") {
 823       if (currentNode.className == 'clip') {
 824          var id = currentNode.getAttribute("id");
 825          var number = parseInt(id.substr(2));
 826          if (number > 0) {
 827             var cn = mailboxTree.aNodes[number];
 828             mailboxTree.nodeStatus(1, number, cn._ls);
 829          }
 830       }
 831       currentNode = currentNode.parentNode;
 832    }
 833 }
 834
 835 function onHeaderClick(event) {
 836    if (document.messageListAjaxRequest) {
 837       document.messageListAjaxRequest.aborted = true;
 838       document.messageListAjaxRequest.abort();
 839    }
 840    url = ApplicationBaseURL + currentMailbox + "/" + this.link;
 841    if (!this.link.match(/noframe=/))
 842       url += "&noframe=1";
 843    document.messageListAjaxRequest
 844       = triggerAjaxRequest(url, messageListCallback);
 845
 846    event.preventDefault();
 847 }
 848
 849 function onSearchFormSubmit() {
 850    log("search not implemented");
 851
 852    return false;
 853 }
 854
 855 function pouetpouet(event) {
 856    window.alert("pouet pouet");
 857 }
 858
 859 var mailboxSpanAcceptType = function(type) {
 860    return (type == "mailRow");
 861 }
 862
 863 var mailboxSpanEnter = function() {
 864    this.addClassName("_dragOver");
 865 }
 866
 867 var mailboxSpanExit = function() {
 868    this.removeClassName("_dragOver");
 869 }
 870
 871 var mailboxSpanDrop = function(data) {
 872    var success = false;
 873
 874    if (data) {
 875       var folder = this.parentNode.parentNode.getAttribute("dataname");
 876       if (folder != currentMailbox)
 877          success = (moveMessages(data, folder) == 0);
 878    }
 879    else
 880    success = false;
 881
 882    return success;
 883 }
 884
 885 var plusSignEnter = function() {
 886    var nodeNr = parseInt(this.id.substr(2));
 887    if (!mailboxTree.aNodes[nodeNr]._io)
 888      this.plusSignTimer = setTimeout("openPlusSign('" + nodeNr + "');", 1000);
 889 }
 890
 891 var plusSignExit = function() {
 892    if (this.plusSignTimer) {
 893       clearTimeout(this.plusSignTimer);
 894       this.plusSignTimer = null;
 895    }
 896 }
 897
 898 function openPlusSign(nodeNr) {
 899    mailboxTree.nodeStatus(1, nodeNr, mailboxTree.aNodes[nodeNr]._ls);
 900    mailboxTree.aNodes[nodeNr]._io = 1;
 901    this.plusSignTimer = null;
 902 }
 903
 904 var messageListGhost = function () {
 905    var newDiv = document.createElement("div");
 906    //   newDiv.style.width = "25px;";
 907    //   newDiv.style.height = "25px;";
 908    newDiv.style.backgroundColor = "#aae;";
 909    newDiv.style.border = "2px solid #a3a;";
 910    newDiv.style.padding = "5px;";
 911    newDiv.ghostOffsetX = 10;
 912    newDiv.ghostOffsetY = 5;
 913
 914    var newImg = document.createElement("img");
 915    newImg.src = ResourcesURL + "/message-mail.png";
 916
 917    var list = $("messageList");
 918    var count = list.getSelectedRows().length;
 919    newDiv.appendChild(newImg);
 920    newDiv.appendChild(document.createElement("br"));
 921    newDiv.appendChild(document.createTextNode(count + " messages..."));
 922
 923    return newDiv;
 924 }
 925
 926 var messageListData = function(type) {
 927    var rows = this.parentNode.parentNode.getSelectedRowsId();
 928    var msgIds = new Array();
 929    for (var i = 0; i < rows.length; i++)
 930    msgIds.push(rows[i].substr(4));
 931
 932    return msgIds;
 933 }
 934
 935 function configureMessageListEvents() {
 936    var messageList = $("messageList");
 937    if (messageList) {
 938       Event.observe(messageList, "selectionchange", onMessageSelectionChange);
 939       var rows = messageList.tBodies[0].rows;
 940       var start = 0;
 941       if (rows.length > 1) {
 942          if (rows[start].cells[0].hasClassName("tbtv_headercell"))
 943             start++;
 944          if (rows[start].cells[0].hasClassName("tbtv_navcell")) {
 945             log("start:" + start);
 946             var anchors = $(rows[start].cells[0]).childNodesWithTag("a");
 947             log("nr anchors: " + anchors.length);
 948             for (var i = 0; i < anchors.length; i++)
 949                Event.observe(anchors[i], "click", openMailboxAtIndex);
 950             start++;
 951          }
 952          for (var i = start; i < rows.length; i++) {
 953             Event.observe(rows[i], "mousedown", onRowClick);
 954             Event.observe(rows[i], "contextmenu", onMessageContextMenu);
 955
 956             rows[i].dndTypes = function() { return new Array("mailRow"); };
 957             rows[i].dndGhost = messageListGhost;
 958             rows[i].dndDataForType = messageListData;
 959             document.DNDManager.registerSource(rows[i]);
 960
 961             for (var j = 0; j < rows[i].cells.length; j++) {
 962                var cell = rows[i].cells[j];
 963                Event.observe(cell, "mousedown", listRowMouseDownHandler);
 964                if (j == 2 || j == 3 || j == 5)
 965                   Event.observe(cell, "dblclick", onMessageDoubleClick);
 966                else if (j == 4) {
 967                   var img = cell.childNodesWithTag("img")[0];
 968                   Event.observe(img, "click", mailListMarkMessage);
 969                }
 970             }
 971          }
 972       }
 973    }
 974 }
 975
 976 function configureDragHandles() {
 977    var handle = $("verticalDragHandle");
 978    if (handle) {
 979       handle.addInterface(SOGoDragHandlesInterface);
 980       handle.leftBlock=$("leftPanel");
 981       handle.rightBlock=$("rightPanel");
 982    }
 983
 984    handle = $("rightDragHandle");
 985    if (handle) {
 986       handle.addInterface(SOGoDragHandlesInterface);
 987       handle.upperBlock=$("mailboxContent");
 988       handle.lowerBlock=$("messageContent");
 989    }
 990 }
 991
 992 /* dnd */
 993 function initDnd() {
 994    //   log("MailerUI initDnd");
 995
 996    var tree = $("mailboxTree");
 997    if (tree) {
 998       var images = tree.getElementsByTagName("img");
 999       for (var i = 0; i < images.length; i++) {
1000          if (images[i].id[0] == 'j') {
1001             images[i].dndAcceptType = mailboxSpanAcceptType;
1002             images[i].dndEnter = plusSignEnter;
1003             images[i].dndExit = plusSignExit;
1004             document.DNDManager.registerDestination(images[i]);
1005          }
1006       }
1007       var nodes = document.getElementsByClassName("nodeName", tree);
1008       for (var i = 0; i < nodes.length; i++) {
1009          nodes[i].dndAcceptType = mailboxSpanAcceptType;
1010          nodes[i].dndEnter = mailboxSpanEnter;
1011          nodes[i].dndExit = mailboxSpanExit;
1012          nodes[i].dndDrop = mailboxSpanDrop;
1013          document.DNDManager.registerDestination(nodes[i]);
1014       }
1015    }
1016 }
1017
1018 /* stub */
1019
1020 function refreshContacts() {
1021 }
1022
1023 function openInbox(node) {
1024    var done = false;
1025    openMailbox(node.parentNode.getAttribute("dataname"));
1026    var tree = $("mailboxTree");
1027    tree.selectedEntry = node;
1028    node.select();
1029    mailboxTree.o(1);
1030 }
1031
1032 function configureSearchField() {
1033    var searchValue = $("searchValue");
1034
1035    Event.observe(searchValue, "mousedown", onSearchMouseDown);
1036    Event.observe(searchValue, "click", popupSearchMenu);
1037    Event.observe(searchValue, "blur", onSearchBlur);
1038    Event.observe(searchValue, "focus", onSearchFocus);
1039    Event.observe(searchValue, "keydown", onSearchKeyDown);
1040 }
1041
1042 function initMailer(event) {
1043    if (!document.body.hasClassName("popup")) {
1044       configureSearchField();
1045       configureMessageListEvents();
1046       initDnd();
1047       currentMailbox = "/" + accounts[0] + "/INBOX";
1048       initMailboxTree();
1049    }
1050 }
1051
1052 function initMailboxTree() {
1053    mailboxTree = new dTree("mailboxTree");
1054    mailboxTree.config.folderLinks = true;
1055    mailboxTree.config.hideRoot = true;
1056
1057    mailboxTree.icon.root = ResourcesURL + "/tbtv_account_17x17.gif";
1058    mailboxTree.icon.folder = ResourcesURL + "/tbtv_leaf_corner_17x17.gif";
1059    mailboxTree.icon.folderOpen  = ResourcesURL + "/tbtv_leaf_corner_17x17.gif";
1060    mailboxTree.icon.node = ResourcesURL + "/tbtv_leaf_corner_17x17.gif";
1061    mailboxTree.icon.line = ResourcesURL + "/tbtv_line_17x17.gif";
1062    mailboxTree.icon.join = ResourcesURL + "/tbtv_junction_17x17.gif";
1063    mailboxTree.icon.joinBottom  = ResourcesURL + "/tbtv_corner_17x17.gif";
1064    mailboxTree.icon.plus = ResourcesURL + "/tbtv_plus_17x17.gif";
1065    mailboxTree.icon.plusBottom  = ResourcesURL + "/tbtv_corner_plus_17x17.gif";
1066    mailboxTree.icon.minus = ResourcesURL + "/tbtv_minus_17x17.gif";
1067    mailboxTree.icon.minusBottom = ResourcesURL + "/tbtv_corner_minus_17x17.gif";
1068    mailboxTree.icon.nlPlus = ResourcesURL + "/tbtv_corner_plus_17x17.gif";
1069    mailboxTree.icon.nlMinus = ResourcesURL + "/tbtv_corner_minus_17x17.gif";
1070    mailboxTree.icon.empty = ResourcesURL + "/empty.gif";
1071
1072    mailboxTree.add(0, -1, '');
1073
1074    mailboxTree.pendingRequests = mailAccounts.length;
1075    for (var i = 0; i < mailAccounts.length; i++) {
1076       var url = ApplicationBaseURL + "/" + mailAccounts[i] + "/mailboxes";
1077       triggerAjaxRequest(url, onLoadMailboxesCallback, mailAccounts[i]);
1078    }
1079 }
1080
1081 function updateMailboxTreeInPage() {
1082    $("folderTreeContent").innerHTML = mailboxTree;
1083
1084    var inboxFound = false;
1085    var tree = $("mailboxTree");
1086    var nodes = document.getElementsByClassName("node", tree);
1087    for (i = 0; i < nodes.length; i++) {
1088       Event.observe(nodes[i], "click", onMailboxTreeItemClick.bindAsEventListener(nodes[i]));
1089       Event.observe(nodes[i], "contextmenu", onFolderMenuClick.bindAsEventListener(nodes[i]));
1090       if (!inboxFound
1091           && nodes[i].parentNode.getAttribute("datatype") == "inbox") {
1092          openInbox(nodes[i]);
1093          inboxFound = true;
1094       }
1095    }
1096 }
1097
1098 function mailboxMenuNode(type, name) {
1099    var newNode = document.createElement("li");
1100    var icon = MailerUIdTreeExtension.folderIcons[type];
1101    if (!icon)
1102       icon = "tbtv_leaf_corner_17x17.gif";
1103    var image = document.createElement("img");
1104    image.src = ResourcesURL + "/" + icon;
1105    newNode.appendChild(image);
1106    newNode.appendChild(document.createTextNode(" " + name));
1107
1108    return newNode;
1109 }
1110
1111 function generateMenuForMailbox(mailbox, prefix, callback) {
1112    var menuDIV = document.createElement("div");
1113    menuDIV.addClassName("menu");
1114    menuDIV.setAttribute("id", prefix + "Submenu");
1115    var menu = document.createElement("ul");
1116    menuDIV.appendChild(menu);
1117
1118    var callbacks = new Array();
1119    if (mailbox.type != "account") {
1120       var newNode = document.createElement("li");
1121       newNode.mailbox = mailbox;
1122       newNode.appendChild(document.createTextNode("coucou"));
1123       menu.appendChild(newNode);
1124       menu.appendChild(document.createElement("li"));
1125       callbacks.push(callback);
1126       callbacks.push("-");
1127    }
1128
1129    var submenuCount = 0;
1130    for (var i = 0; i < mailbox.children.length; i++) {
1131       var child = mailbox.children[i];
1132       var newNode = mailboxMenuNode(child.type, child.name);
1133       menu.appendChild(newNode);
1134       if (child.children.length > 0) {
1135          var newPrefix = prefix + submenuCount;
1136          var newSubmenu = generateMenuForMailbox(child,
1137                                                  newPrefix,
1138                                                  callback);
1139          document.body.appendChild(newSubmenu);
1140          callbacks.push(newPrefix + "Submenu");
1141          submenuCount++;
1142       }
1143       else {
1144          newNode.mailbox = child;
1145          callbacks.push(callback);
1146       }
1147    }
1148    initMenu(menuDIV, callbacks);
1149
1150    return menuDIV;
1151 }
1152
1153 function updateMailboxMenus() {
1154    var mailboxActions = { move: onMailboxMenuMove,
1155                           copy: onMailboxMenuCopy };
1156
1157    for (key in mailboxActions) {
1158       var menuId = key + "MailboxMenu";
1159       var menuDIV = $(menuId);
1160       if (menuDIV)
1161          menuDIV.parentNode.removeChild(menuDIV);
1162       menuDIV = document.createElement("div");
1163       menuDIV.addClassName("menu");
1164       menuDIV.setAttribute("id", menuId);
1165       var menu = document.createElement("ul");
1166       menuDIV.appendChild(menu);
1167
1168       var submenuIds = new Array();
1169       for (var i = 0; i < mailAccounts.length; i++) {
1170          var menuEntry = mailboxMenuNode("account", mailAccounts[i]);
1171          menu.appendChild(menuEntry);
1172          var mailbox = accounts[mailAccounts[i]];
1173          var newSubmenu = generateMenuForMailbox(mailbox,
1174                                                  key, mailboxActions[key]);
1175          document.body.appendChild(newSubmenu);
1176          submenuIds.push(newSubmenu.getAttribute("id"));
1177       }
1178       initMenu(menuDIV, submenuIds);
1179
1180       document.body.appendChild(menuDIV);
1181    }
1182 }
1183
1184 function onLoadMailboxesCallback(http) {
1185    if (http.readyState == 4
1186        && http.status == 200) {
1187       var newAccount = buildMailboxes(http.callbackData,
1188                                       http.responseText);
1189       accounts[http.callbackData] = newAccount;
1190       mailboxTree.addMailAccount(newAccount);
1191       mailboxTree.pendingRequests--;
1192       if (!mailboxTree.pendingRequests) {
1193          updateMailboxTreeInPage();
1194          updateMailboxMenus();
1195       }
1196   }
1197
1198 //       var tree = $("mailboxTree");
1199 //       var treeNodes = document.getElementsByClassName("dTreeNode", tree);
1200 //       var i = 0;
1201 //       while (i < treeNodes.length
1202 //           && treeNodes[i].getAttribute("dataname") != currentMailbox)
1203 //       i++;
1204 //       if (i < treeNodes.length) {
1205 //       //     log("found mailbox");
1206 //       var links = document.getElementsByClassName("node", treeNodes[i]);
1207 //       if (tree.selectedEntry)
1208 //          tree.selectedEntry.deselect();
1209 //       links[0].select();
1210 //       tree.selectedEntry = links[0];
1211 //       expandUpperTree(links[0]);
1212 //       }
1213 }
1214
1215 function buildMailboxes(accountName, encoded) {
1216    var account = new Mailbox("account", accountName);
1217    var data = encoded.evalJSON(true);
1218    for (var i = 0; i < data.length; i++) {
1219       var currentNode = account;
1220       var names = data[i].path.split("/");
1221       for (var j = 1; j < (names.length - 1); j++) {
1222          var node = currentNode.findMailboxByName(names[j]);
1223          if (!node) {
1224             node = new Mailbox("additional", names[j]);
1225             currentNode.addMailbox(node);
1226          }
1227          currentNode = node;
1228       }
1229       var basename = names[names.length-1];
1230       var leaf = currentNode.findMailboxByName(basename);
1231       if (leaf)
1232          leaf.type = data[i].type;
1233       else {
1234          leaf = new Mailbox(data[i].type, basename);
1235          currentNode.addMailbox(leaf);
1236       }
1237    }
1238
1239    return account;
1240 }
1241
1242 function onMenuCreateFolder(event) {
1243    var name = window.prompt(labels["Name :"].decodeEntities(), "");
1244    if (name && name.length > 0) {
1245       var folderID = document.menuTarget.getAttribute("dataname");
1246       var urlstr = URLForFolderID(folderID) + "/createFolder?name=" + name;
1247       triggerAjaxRequest(urlstr, folderOperationCallback);
1248    }
1249 }
1250
1251 function onMenuRenameFolder(event) {
1252    var name = window.prompt(labels["Enter the new name of your folder :"]
1253                             .decodeEntities(),
1254                             "");
1255    if (name && name.length > 0) {
1256       var folderID = document.menuTarget.getAttribute("dataname");
1257       var urlstr = URLForFolderID(folderID) + "/renameFolder?name=" + name;
1258       triggerAjaxRequest(urlstr, folderOperationCallback);
1259    }
1260 }
1261
1262 function onMenuDeleteFolder(event) {
1263    var answer = window.confirm(labels["Do you really want to move this folder into the trash ?"].decodeEntities());
1264    if (answer) {
1265       var folderID = document.menuTarget.getAttribute("dataname");
1266       var urlstr = URLForFolderID(folderID) + "/deleteFolder";
1267       triggerAjaxRequest(urlstr, folderOperationCallback);
1268    }
1269 }
1270
1271 function onMenuEmptyTrash(event) {
1272    var folderID = document.menuTarget.getAttribute("dataname");
1273    var urlstr = URLForFolderID(folderID) + "/emptyTrash";
1274    triggerAjaxRequest(urlstr, folderOperationCallback);
1275 }
1276
1277 function folderOperationCallback(http) {
1278    if (http.readyState == 4
1279        && http.status == 204)
1280       initMailboxTree();
1281    else
1282       window.alert(labels["Operation failed"].decodeEntities());
1283 }
1284
1285 function getMenus() {
1286    var menus = {}
1287    menus["accountIconMenu"] = new Array(null, null, onMenuCreateFolder, null,
1288                                         null, null);
1289    menus["inboxIconMenu"] = new Array(null, null, null, "-", null,
1290                                       onMenuCreateFolder, null, "-", null,
1291                                       onMenuSharing);
1292    menus["trashIconMenu"] = new Array(null, null, null, "-", null,
1293                                       onMenuCreateFolder, null,
1294                                       onMenuEmptyTrash, "-", null,
1295                                       onMenuSharing);
1296    menus["mailboxIconMenu"] = new Array(null, null, null, "-", null,
1297                                         onMenuCreateFolder,
1298                                         onMenuRenameFolder,
1299                                         null, onMenuDeleteFolder, "-", null,
1300                                         onMenuSharing);
1301    menus["addressMenu"] = new Array(newContactFromEmail, newEmailTo, null);
1302    menus["messageListMenu"] = new Array(onMenuOpenMessage, "-",
1303                                         onMenuReplyToSender,
1304                                         onMenuReplyToAll,
1305                                         onMenuForwardMessage, null,
1306                                         "-", "moveMailboxMenu",
1307                                         "copyMailboxMenu", "label-menu",
1308                                         "mark-menu", "-", null, null,
1309                                         null, onMenuDeleteMessage);
1310    menus["messageContentMenu"] = new Array(onMenuReplyToSender,
1311                                            onMenuReplyToAll,
1312                                            onMenuForwardMessage,
1313                                            null, "moveMailboxMenu",
1314                                            "copyMailboxMenu",
1315                                            "-", "label-menu", "mark-menu",
1316                                            "-",
1317                                            null, null, null,
1318                                            onMenuDeleteMessage);
1319    menus["label-menu"] = new Array(null, "-", null , null, null, null , null,
1320                                    null);
1321    menus["mark-menu"] = new Array(null, null, null, null, "-", null, "-",
1322                                   null, null, null);
1323
1324    return menus;
1325 }
1326
1327 Event.observe(window, "load", initMailer);
1328
1329 function Mailbox(type, name) {
1330    this.type = type;
1331    this.name = name;
1332    this.parentFolder = null;
1333    this.children = new Array();
1334    return this;
1335 }
1336
1337 Mailbox.prototype.dump = function(indent) {
1338    if (!indent)
1339      indent = 0;
1340    log(" ".repeat(indent) + this.name);
1341    for (var i = 0; i < this.children.length; i++) {
1342       this.children[i].dump(indent + 2);
1343    }
1344 }
1345
1346 Mailbox.prototype.findMailboxByName = function(name) {
1347    var mailbox = null;
1348
1349    var i = 0;
1350    while (!mailbox && i <this.children.length)
1351       if (this.children[i].name == name)
1352          mailbox = this.children[i];
1353       else
1354          i++;
1355
1356    return mailbox;
1357 }
1358
1359 Mailbox.prototype.addMailbox = function(mailbox) {
1360    mailbox.parentFolder = this;
1361    this.children.push(mailbox);
1362 }