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(element) {
 467    var idx = element.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    return false;
 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          while (rows[start].cells[0].hasClassName("tbtv_headercell")
 943                 || rows[start].cells[0].hasClassName("tbtv_navcell"))
 944             start++;
 945          for (var i = start; i < rows.length; i++) {
 946             Event.observe(rows[i], "mousedown", onRowClick);
 947             Event.observe(rows[i], "contextmenu", onMessageContextMenu);
 948
 949             rows[i].dndTypes = function() { return new Array("mailRow"); };
 950             rows[i].dndGhost = messageListGhost;
 951             rows[i].dndDataForType = messageListData;
 952             document.DNDManager.registerSource(rows[i]);
 953
 954             for (var j = 0; j < rows[i].cells.length; j++) {
 955                var cell = rows[i].cells[j];
 956                Event.observe(cell, "mousedown", listRowMouseDownHandler);
 957                if (j == 2 || j == 3 || j == 5)
 958                   Event.observe(cell, "dblclick", onMessageDoubleClick);
 959                else if (j == 4) {
 960                   var img = cell.childNodesWithTag("img")[0];
 961                   Event.observe(img, "click", mailListMarkMessage);
 962                }
 963             }
 964          }
 965       }
 966    }
 967 }
 968
 969 function configureDragHandles() {
 970    var handle = $("verticalDragHandle");
 971    if (handle) {
 972       handle.addInterface(SOGoDragHandlesInterface);
 973       handle.leftBlock=$("leftPanel");
 974       handle.rightBlock=$("rightPanel");
 975    }
 976
 977    handle = $("rightDragHandle");
 978    if (handle) {
 979       handle.addInterface(SOGoDragHandlesInterface);
 980       handle.upperBlock=$("mailboxContent");
 981       handle.lowerBlock=$("messageContent");
 982    }
 983 }
 984
 985 /* dnd */
 986 function initDnd() {
 987    //   log("MailerUI initDnd");
 988
 989    var tree = $("mailboxTree");
 990    if (tree) {
 991       var images = tree.getElementsByTagName("img");
 992       for (var i = 0; i < images.length; i++) {
 993          if (images[i].id[0] == 'j') {
 994             images[i].dndAcceptType = mailboxSpanAcceptType;
 995             images[i].dndEnter = plusSignEnter;
 996             images[i].dndExit = plusSignExit;
 997             document.DNDManager.registerDestination(images[i]);
 998          }
 999       }
1000       var nodes = document.getElementsByClassName("nodeName", tree);
1001       for (var i = 0; i < nodes.length; i++) {
1002          nodes[i].dndAcceptType = mailboxSpanAcceptType;
1003          nodes[i].dndEnter = mailboxSpanEnter;
1004          nodes[i].dndExit = mailboxSpanExit;
1005          nodes[i].dndDrop = mailboxSpanDrop;
1006          document.DNDManager.registerDestination(nodes[i]);
1007       }
1008    }
1009 }
1010
1011 /* stub */
1012
1013 function refreshContacts() {
1014 }
1015
1016 function openInbox(node) {
1017    var done = false;
1018    openMailbox(node.parentNode.getAttribute("dataname"));
1019    var tree = $("mailboxTree");
1020    tree.selectedEntry = node;
1021    node.select();
1022    mailboxTree.o(1);
1023 }
1024
1025 function configureSearchField() {
1026    var searchValue = $("searchValue");
1027
1028    Event.observe(searchValue, "mousedown", onSearchMouseDown);
1029    Event.observe(searchValue, "click", popupSearchMenu);
1030    Event.observe(searchValue, "blur", onSearchBlur);
1031    Event.observe(searchValue, "focus", onSearchFocus);
1032    Event.observe(searchValue, "keydown", onSearchKeyDown);
1033 }
1034
1035 function initMailer(event) {
1036    if (!document.body.hasClassName("popup")) {
1037       configureSearchField();
1038       configureMessageListEvents();
1039       initDnd();
1040       currentMailbox = "/" + accounts[0] + "/INBOX";
1041       initMailboxTree();
1042    }
1043 }
1044
1045 function initMailboxTree() {
1046    mailboxTree = new dTree("mailboxTree");
1047    mailboxTree.config.folderLinks = true;
1048    mailboxTree.config.hideRoot = true;
1049
1050    mailboxTree.icon.root = ResourcesURL + "/tbtv_account_17x17.gif";
1051    mailboxTree.icon.folder = ResourcesURL + "/tbtv_leaf_corner_17x17.gif";
1052    mailboxTree.icon.folderOpen  = ResourcesURL + "/tbtv_leaf_corner_17x17.gif";
1053    mailboxTree.icon.node = ResourcesURL + "/tbtv_leaf_corner_17x17.gif";
1054    mailboxTree.icon.line = ResourcesURL + "/tbtv_line_17x17.gif";
1055    mailboxTree.icon.join = ResourcesURL + "/tbtv_junction_17x17.gif";
1056    mailboxTree.icon.joinBottom  = ResourcesURL + "/tbtv_corner_17x17.gif";
1057    mailboxTree.icon.plus = ResourcesURL + "/tbtv_plus_17x17.gif";
1058    mailboxTree.icon.plusBottom  = ResourcesURL + "/tbtv_corner_plus_17x17.gif";
1059    mailboxTree.icon.minus = ResourcesURL + "/tbtv_minus_17x17.gif";
1060    mailboxTree.icon.minusBottom = ResourcesURL + "/tbtv_corner_minus_17x17.gif";
1061    mailboxTree.icon.nlPlus = ResourcesURL + "/tbtv_corner_plus_17x17.gif";
1062    mailboxTree.icon.nlMinus = ResourcesURL + "/tbtv_corner_minus_17x17.gif";
1063    mailboxTree.icon.empty = ResourcesURL + "/empty.gif";
1064
1065    mailboxTree.add(0, -1, '');
1066
1067    mailboxTree.pendingRequests = mailAccounts.length;
1068    for (var i = 0; i < mailAccounts.length; i++) {
1069       var url = ApplicationBaseURL + "/" + mailAccounts[i] + "/mailboxes";
1070       triggerAjaxRequest(url, onLoadMailboxesCallback, mailAccounts[i]);
1071    }
1072 }
1073
1074 function updateMailboxTreeInPage() {
1075    $("folderTreeContent").innerHTML = mailboxTree;
1076
1077    var inboxFound = false;
1078    var tree = $("mailboxTree");
1079    var nodes = document.getElementsByClassName("node", tree);
1080    for (i = 0; i < nodes.length; i++) {
1081       Event.observe(nodes[i], "click", onMailboxTreeItemClick.bindAsEventListener(nodes[i]));
1082       Event.observe(nodes[i], "contextmenu", onFolderMenuClick.bindAsEventListener(nodes[i]));
1083       if (!inboxFound
1084           && nodes[i].parentNode.getAttribute("datatype") == "inbox") {
1085          openInbox(nodes[i]);
1086          inboxFound = true;
1087       }
1088    }
1089 }
1090
1091 function mailboxMenuNode(type, name) {
1092    var newNode = document.createElement("li");
1093    var icon = MailerUIdTreeExtension.folderIcons[type];
1094    if (!icon)
1095       icon = "tbtv_leaf_corner_17x17.gif";
1096    var image = document.createElement("img");
1097    image.src = ResourcesURL + "/" + icon;
1098    newNode.appendChild(image);
1099    newNode.appendChild(document.createTextNode(" " + name));
1100
1101    return newNode;
1102 }
1103
1104 function generateMenuForMailbox(mailbox, prefix, callback) {
1105    var menuDIV = document.createElement("div");
1106    menuDIV.addClassName("menu");
1107    menuDIV.setAttribute("id", prefix + "Submenu");
1108    var menu = document.createElement("ul");
1109    menuDIV.appendChild(menu);
1110
1111    var callbacks = new Array();
1112    if (mailbox.type != "account") {
1113       var newNode = document.createElement("li");
1114       newNode.mailbox = mailbox;
1115       newNode.appendChild(document.createTextNode("coucou"));
1116       menu.appendChild(newNode);
1117       menu.appendChild(document.createElement("li"));
1118       callbacks.push(callback);
1119       callbacks.push("-");
1120    }
1121
1122    var submenuCount = 0;
1123    for (var i = 0; i < mailbox.children.length; i++) {
1124       var child = mailbox.children[i];
1125       var newNode = mailboxMenuNode(child.type, child.name);
1126       menu.appendChild(newNode);
1127       if (child.children.length > 0) {
1128          var newPrefix = prefix + submenuCount;
1129          var newSubmenu = generateMenuForMailbox(child,
1130                                                  newPrefix,
1131                                                  callback);
1132          document.body.appendChild(newSubmenu);
1133          callbacks.push(newPrefix + "Submenu");
1134          submenuCount++;
1135       }
1136       else {
1137          newNode.mailbox = child;
1138          callbacks.push(callback);
1139       }
1140    }
1141    initMenu(menuDIV, callbacks);
1142
1143    return menuDIV;
1144 }
1145
1146 function updateMailboxMenus() {
1147    var mailboxActions = { move: onMailboxMenuMove,
1148                           copy: onMailboxMenuCopy };
1149
1150    for (key in mailboxActions) {
1151       var menuId = key + "MailboxMenu";
1152       var menuDIV = $(menuId);
1153       if (menuDIV)
1154          menuDIV.parentNode.removeChild(menuDIV);
1155       menuDIV = document.createElement("div");
1156       menuDIV.addClassName("menu");
1157       menuDIV.setAttribute("id", menuId);
1158       var menu = document.createElement("ul");
1159       menuDIV.appendChild(menu);
1160
1161       var submenuIds = new Array();
1162       for (var i = 0; i < mailAccounts.length; i++) {
1163          var menuEntry = mailboxMenuNode("account", mailAccounts[i]);
1164          menu.appendChild(menuEntry);
1165          var mailbox = accounts[mailAccounts[i]];
1166          var newSubmenu = generateMenuForMailbox(mailbox,
1167                                                  key, mailboxActions[key]);
1168          document.body.appendChild(newSubmenu);
1169          submenuIds.push(newSubmenu.getAttribute("id"));
1170       }
1171       initMenu(menuDIV, submenuIds);
1172
1173       document.body.appendChild(menuDIV);
1174    }
1175 }
1176
1177 function onLoadMailboxesCallback(http) {
1178    if (http.readyState == 4
1179        && http.status == 200) {
1180       var newAccount = buildMailboxes(http.callbackData,
1181                                       http.responseText);
1182       accounts[http.callbackData] = newAccount;
1183       mailboxTree.addMailAccount(newAccount);
1184       mailboxTree.pendingRequests--;
1185       if (!mailboxTree.pendingRequests) {
1186          updateMailboxTreeInPage();
1187          updateMailboxMenus();
1188       }
1189   }
1190
1191 //       var tree = $("mailboxTree");
1192 //       var treeNodes = document.getElementsByClassName("dTreeNode", tree);
1193 //       var i = 0;
1194 //       while (i < treeNodes.length
1195 //           && treeNodes[i].getAttribute("dataname") != currentMailbox)
1196 //       i++;
1197 //       if (i < treeNodes.length) {
1198 //       //     log("found mailbox");
1199 //       var links = document.getElementsByClassName("node", treeNodes[i]);
1200 //       if (tree.selectedEntry)
1201 //          tree.selectedEntry.deselect();
1202 //       links[0].select();
1203 //       tree.selectedEntry = links[0];
1204 //       expandUpperTree(links[0]);
1205 //       }
1206 }
1207
1208 function buildMailboxes(accountName, encoded) {
1209    var account = new Mailbox("account", accountName);
1210    var data = encoded.evalJSON(true);
1211    for (var i = 0; i < data.length; i++) {
1212       var currentNode = account;
1213       var names = data[i].path.split("/");
1214       for (var j = 1; j < (names.length - 1); j++) {
1215          var node = currentNode.findMailboxByName(names[j]);
1216          if (!node) {
1217             node = new Mailbox("additional", names[j]);
1218             currentNode.addMailbox(node);
1219          }
1220          currentNode = node;
1221       }
1222       var basename = names[names.length-1];
1223       var leaf = currentNode.findMailboxByName(basename);
1224       if (leaf)
1225          leaf.type = data[i].type;
1226       else {
1227          leaf = new Mailbox(data[i].type, basename);
1228          currentNode.addMailbox(leaf);
1229       }
1230    }
1231
1232    return account;
1233 }
1234
1235 function onMenuCreateFolder(event) {
1236    var name = window.prompt(labels["Name :"].decodeEntities(), "");
1237    if (name && name.length > 0) {
1238       var folderID = document.menuTarget.getAttribute("dataname");
1239       var urlstr = URLForFolderID(folderID) + "/createFolder?name=" + name;
1240       triggerAjaxRequest(urlstr, folderOperationCallback);
1241    }
1242 }
1243
1244 function onMenuRenameFolder(event) {
1245    var name = window.prompt(labels["Enter the new name of your folder :"]
1246                             .decodeEntities(),
1247                             "");
1248    if (name && name.length > 0) {
1249       var folderID = document.menuTarget.getAttribute("dataname");
1250       var urlstr = URLForFolderID(folderID) + "/renameFolder?name=" + name;
1251       triggerAjaxRequest(urlstr, folderOperationCallback);
1252    }
1253 }
1254
1255 function onMenuDeleteFolder(event) {
1256    var answer = window.confirm(labels["Do you really want to move this folder into the trash ?"].decodeEntities());
1257    if (answer) {
1258       var folderID = document.menuTarget.getAttribute("dataname");
1259       var urlstr = URLForFolderID(folderID) + "/deleteFolder";
1260       triggerAjaxRequest(urlstr, folderOperationCallback);
1261    }
1262 }
1263
1264 function onMenuEmptyTrash(event) {
1265    var folderID = document.menuTarget.getAttribute("dataname");
1266    var urlstr = URLForFolderID(folderID) + "/emptyTrash";
1267    triggerAjaxRequest(urlstr, folderOperationCallback);
1268 }
1269
1270 function folderOperationCallback(http) {
1271    if (http.readyState == 4
1272        && http.status == 204)
1273       initMailboxTree();
1274    else
1275       window.alert(labels["Operation failed"].decodeEntities());
1276 }
1277
1278 function getMenus() {
1279    var menus = {}
1280    menus["accountIconMenu"] = new Array(null, null, onMenuCreateFolder, null,
1281                                         null, null);
1282    menus["inboxIconMenu"] = new Array(null, null, null, "-", null,
1283                                       onMenuCreateFolder, null, "-", null,
1284                                       onMenuSharing);
1285    menus["trashIconMenu"] = new Array(null, null, null, "-", null,
1286                                       onMenuCreateFolder, null,
1287                                       onMenuEmptyTrash, "-", null,
1288                                       onMenuSharing);
1289    menus["mailboxIconMenu"] = new Array(null, null, null, "-", null,
1290                                         onMenuCreateFolder,
1291                                         onMenuRenameFolder,
1292                                         null, onMenuDeleteFolder, "-", null,
1293                                         onMenuSharing);
1294    menus["addressMenu"] = new Array(newContactFromEmail, newEmailTo, null);
1295    menus["messageListMenu"] = new Array(onMenuOpenMessage, "-",
1296                                         onMenuReplyToSender,
1297                                         onMenuReplyToAll,
1298                                         onMenuForwardMessage, null,
1299                                         "-", "moveMailboxMenu",
1300                                         "copyMailboxMenu", "label-menu",
1301                                         "mark-menu", "-", null, null,
1302                                         null, onMenuDeleteMessage);
1303    menus["messageContentMenu"] = new Array(onMenuReplyToSender,
1304                                            onMenuReplyToAll,
1305                                            onMenuForwardMessage,
1306                                            null, "moveMailboxMenu",
1307                                            "copyMailboxMenu",
1308                                            "-", "label-menu", "mark-menu",
1309                                            "-",
1310                                            null, null, null,
1311                                            onMenuDeleteMessage);
1312    menus["label-menu"] = new Array(null, "-", null , null, null, null , null,
1313                                    null);
1314    menus["mark-menu"] = new Array(null, null, null, null, "-", null, "-",
1315                                   null, null, null);
1316
1317    return menus;
1318 }
1319
1320 Event.observe(window, "load", initMailer);
1321
1322 function Mailbox(type, name) {
1323    this.type = type;
1324    this.name = name;
1325    this.parentFolder = null;
1326    this.children = new Array();
1327    return this;
1328 }
1329
1330 Mailbox.prototype.dump = function(indent) {
1331    if (!indent)
1332      indent = 0;
1333    log(" ".repeat(indent) + this.name);
1334    for (var i = 0; i < this.children.length; i++) {
1335       this.children[i].dump(indent + 2);
1336    }
1337 }
1338
1339 Mailbox.prototype.findMailboxByName = function(name) {
1340    var mailbox = null;
1341
1342    var i = 0;
1343    while (!mailbox && i <this.children.length)
1344       if (this.children[i].name == name)
1345          mailbox = this.children[i];
1346       else
1347          i++;
1348
1349    return mailbox;
1350 }
1351
1352 Mailbox.prototype.addMailbox = function(mailbox) {
1353    mailbox.parentFolder = this;
1354    this.children.push(mailbox);
1355 }