sogo/UI/WebServerResources/MailerUI.js

/*
  Copyright (C) 2005 SKYRIX Software AG

  This file is part of OpenGroupware.org.

  OGo is free software; you can redistribute it and/or modify it under
  the terms of the GNU Lesser General Public License as published by the
  Free Software Foundation; either version 2, or (at your option) any
  later version.

  OGo is distributed in the hope that it will be useful, but WITHOUT ANY
  WARRANTY; without even the implied warranty of MERCHANTABILITY or
  FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public
  License for more details.

  You should have received a copy of the GNU Lesser General Public
  License along with OGo; see the file COPYING.  If not, write to the
  Free Software Foundation, 59 Temple Place - Suite 330, Boston, MA
  02111-1307, USA.
*/
/* JavaScript for SOGo Mailer */

/*
  DOM ids available in mail list view:
    row_$msgid
    div_$msgid
    readdiv_$msgid
    unreaddiv_$msgid

  Window Properties:
    width, height
    bool: resizable, scrollbars, toolbar, location, directories, status,
          menubar, copyhistory
*/

var currentMessages = new Array();
var maxCachedMessages = 20;
var cachedMessages = new Array();
var currentMailbox = '';
/* mail list */

function openMessageWindow(msguid, url) {
  log ("message window at url: " + url);
  var wId = '';
  if (msguid)
    wId += "SOGo_msg_" + msguid;
  var msgWin = window.open(url, wId,
			   "width=680,height=520,resizable=1,scrollbars=1,toolbar=0,"
                           + "location=0,directories=0,status=0,menubar=0,copyhistory=0");

  msgWin.focus();

  return false;
}

function onMessageDoubleClick(event) {
  resetSelection(window);
  var msguid = this.parentNode.id.substr(4);
  return openMessageWindow(msguid,
                           ApplicationBaseURL + currentMailbox + "/"
                           + msguid + "/view");
}

function toggleMailSelect(sender) {
  var row;
  row = $(sender.name);
  row.className = sender.checked ? "tableview_selected" : "tableview";
}

function clearSearch(sender) {
  var searchField = window.$("search");
  if (searchField) searchField.value="";
  return true;
}

/* mail editor */

function validateEditorInput(sender) {
  var errortext = "";
  var field;
  
  field = document.pageform.subject;
  if (field.value == "")
    errortext = errortext + labels.error_missingsubject + "\n";

  if (!UIxRecipientSelectorHasRecipients())
    errortext = errortext + labels.error_missingrecipients + "\n";
  
  if (errortext.length > 0) {
    alert(labels.error_validationfailed.decodeEntities() + ":\n"
          + errortext.decodeEntities());
    return false;
  }
  return true;
}

function clickedEditorSend(sender) {
  if (!validateEditorInput(sender))
    return false;

  document.pageform.action="send";
  document.pageform.submit();
  // if everything is ok, close the window
  return true;
}

function clickedEditorAttach(sender) {
  var urlstr;
  
  urlstr = "viewAttachments";
  window.open(urlstr, "SOGo_attach",
	      "width=320,height=320,resizable=1,scrollbars=1,toolbar=0," +
	      "location=0,directories=0,status=0,menubar=0,copyhistory=0");
  return false; /* stop following the link */
}

function clickedEditorSave(sender) {
  document.pageform.action="save";
  document.pageform.submit();
  refreshOpener();
  return true;
}

function clickedEditorDelete(sender) {
  document.pageform.action="delete";
  document.pageform.submit();
  refreshOpener();
  window.close();
  return true;
}

function openAddressbook(sender) {
  var urlstr;
  
  urlstr = ApplicationBaseURL + "/../Contacts/?popup=YES";
  var w = window.open(urlstr, "Addressbook",
                      "width=640,height=400,resizable=1,scrollbars=1,toolbar=0,"
                      + "location=0,directories=0,status=0,menubar=0,copyhistory=0");
  w.focus();

  return false;
}

/* mail list DOM changes */

function markMailInWindow(win, msguid, markread) {
  var msgDiv;

  msgDiv = win.$("div_" + msguid);
  if (msgDiv) {
    if (markread) {
      msgDiv.removeClassName("mailer_unreadmailsubject");
      msgDiv.addClassName("mailer_readmailsubject");
      msgDiv = win.$("unreaddiv_" + msguid);
      if (msgDiv)
        {
          msgDiv.setAttribute("class", "mailerUnreadIcon");
          msgDiv.setAttribute("id", "readdiv_" + msguid);
          msgDiv.setAttribute("src", ResourcesURL + "/icon_read.gif");
          msgDiv.setAttribute("onclick", "mailListMarkMessage(this,"
                              + " 'markMessageUnread', " + msguid
                              + ", false);"
                              +" return false;");
          var title = msgDiv.getAttribute("title-markunread");
          if (title)
            msgDiv.setAttribute("title", title);
        }
    }
    else {
      msgDiv.removeClassName('mailer_readmailsubject');
      msgDiv.addClassName('mailer_unreadmailsubject');
      msgDiv = win.$("readdiv_" + msguid);
      if (msgDiv)
        {
          msgDiv.setAttribute("class", "mailerReadIcon");
          msgDiv.setAttribute("id", "unreaddiv_" + msguid);
          msgDiv.setAttribute("src", ResourcesURL + "/icon_unread.gif");
          msgDiv.setAttribute("onclick", "mailListMarkMessage(this,"
                              + " 'markMessageRead', " + msguid
                              + ", true);"
                              +" return false;");
          var title = msgDiv.getAttribute("title-markread");
          if (title)
            msgDiv.setAttribute("title", title);
        }
    }
    return true;
  }
  else
    return false;
}

function markMailReadInWindow(win, msguid) {
  /* this is called by UIxMailView with window.opener */
  return markMailInWindow(win, msguid, true);
}

/* main window */

function reopenToRemoveLocationBar() {
  // we cannot really use this, see below at the close comment
  if (window.locationbar && window.locationbar.visible) {
    newwin = window.open(window.location.href, "SOGo",
			 "width=800,height=600,resizable=1,scrollbars=1," +
			 "toolbar=0,location=0,directories=0,status=0," + 
			 "menubar=0,copyhistory=0");
    if (newwin) {
      window.close(); // this does only work for windows opened by scripts!
      newwin.focus();
      return true;
    }
    return false;
  }
  return true;
}

/* mail list reply */

function openMessageWindowsForSelection(action)
{
  var messageList = $("messageList");
  var rows  = messageList.getSelectedRowsId();
  var idset = "";

  for (var i = 0; i < rows.length; i++)
    win = openMessageWindow(rows[i].substr(4)        /* msguid */,
			    ApplicationBaseURL + currentMailbox
                            + "/" + rows[i].substr(4)
                            + "/" + action /* url */);

  return false;
}

function mailListMarkMessage(event) {
  var http = createHTTPClient();
  var url = ApplicationBaseURL + currentMailbox + "/" + action + "?uid=" + msguid;

  if (http) {
    // TODO: add parameter to signal that we are only interested in OK
    http.open("POST", url + "&jsonly=1", false /* not async */);
    http.send("");
    if (http.status != 200) {
      // TODO: refresh page?
      alert("Message Mark Failed: " + http.statusText);
      window.location.reload();
    }
    else {
      markMailInWindow(window, msguid, markread);
    }
  }
  else {
    window.location.href = url;
  }
}

/* maillist row highlight */

var oldMaillistHighlight = null; // to remember deleted/selected style

function ml_highlight(sender)
{
  oldMaillistHighlight = sender.className;
  if (oldMaillistHighlight == "tableview_highlight")
    oldMaillistHighlight = null;
  sender.className = "tableview_highlight";
}

function ml_lowlight(sender)
{
  if (oldMaillistHighlight) {
    sender.className = oldMaillistHighlight;
    oldMaillistHighlight = null;
  }
  else
    sender.className = "tableview";
}


/* folder operations */

function ctxFolderAdd(sender) {
  var folderName;
  
  folderName = prompt("Foldername: ");
  if (folderName == undefined)
    return false;
  if (folderName == "")
    return false;
  
  // TODO: should use a form-POST or AJAX
  window.location.href = "createFolder?name=" + escape(folderName);
  return false;
}

function ctxFolderDelete(sender) {
  if (!confirm("Delete current folder?").decodeEntities())
    return false;
  
  // TODO: should use a form-POST or AJAX
  window.location.href = "deleteFolder";
  return false;
}

/* bulk delete of messages */

function uixDeleteSelectedMessages(sender) {
  var failCount = 0;
  
  var messageList = $("messageList");
  var rows = messageList.getSelectedRows();

  for (var i = 0; i < rows.length; i++) {
    var url, http;
    
    /* send AJAX request (synchronously) */
    
    url = (ApplicationBaseURL + currentMailbox + "/"
           + rows[i].getAttribute("id").substr(4)
           + "/trash?jsonly=1");
    http = createHTTPClient();
    http.open("POST", url, false /* not async */);
    http.send("");
    if (http.status != 200) { /* request failed */
      failCount++;
      http = null;
      continue;
    }
    http = null;

    /* remove from page */

    /* line-through would be nicer, but hiding is OK too */
    rows[i].parentNode.removeChild(rows[i]);
  }

  if (failCount > 0)
    alert("Could not delete " + failCount + " messages!");
  
  return false;
}

function onMenuDeleteMessage(event) {
  uixDeleteSelectedMessages();
  event.preventDefault();
}

function onMailboxTreeItemClick(element)
{
  var topNode = $('d');
  var mailbox = element.parentNode.getAttribute("dataname");

  if (topNode.selectedEntry)
    deselectNode(topNode.selectedEntry);
  selectNode(element);
  topNode.selectedEntry = element;

  openMailbox(mailbox);
}

function openMailbox(mailbox)
{
  if (mailbox != currentMailbox) {
    currentMailbox = mailbox;
    var url = ApplicationBaseURL + mailbox + "/view?noframe=1&desc=1";
    var mailboxContent = $("mailboxContent");
    var mailboxDragHandle = $("mailboxDragHandle");
    var messageContent = $("messageContent");
    messageContent.innerHTML = '';
    if (mailbox.lastIndexOf("/") == 0) {
      var url = (ApplicationBaseURL + currentMailbox + "/"
                 + "/view?noframe=1");
      if (document.messageAjaxRequest) {
        document.messageAjaxRequest.aborted = true;
        document.messageAjaxRequest.abort();
      }
      document.messageAjaxRequest
        = triggerAjaxRequest(url, messageCallback);
      mailboxContent.innerHTML = '';
      mailboxContent.style.visibility = "hidden;";
      mailboxDragHandle.style.visibility = "hidden;";
      messageContent.style.top = "0px;";
    } else {
      if (document.messageListAjaxRequest) {
        document.messageListAjaxRequest.aborted = true;
        document.messageListAjaxRequest.abort();
      }
      if (currentMessages[mailbox]) {
        loadMessage(currentMessages[mailbox]);
        url += '&pageforuid=' + currentMessages[mailbox];
      }
      document.messageListAjaxRequest
        = triggerAjaxRequest(url, messageListCallback,
                             currentMessages[mailbox]);
      if (mailboxContent.style.visibility == "hidden") {
        mailboxContent.style.visibility = "visible;";
        mailboxDragHandle.style.visibility = "visible;";
        messageContent.style.top = (mailboxDragHandle.offsetTop
                                    + mailboxDragHandle.offsetHeight
                                    + 'px;');
      }
    }
  }
//   triggerAjaxRequest(mailbox, 'toolbar', toolbarCallback);
}

function openMailboxAtIndex(element) {
  var idx = element.getAttribute("idx");
  var url = ApplicationBaseURL + currentMailbox + "/view?noframe=1&idx=" + idx;

  if (document.messageListAjaxRequest) {
    document.messageListAjaxRequest.aborted = true;
    document.messageListAjaxRequest.abort();
  }
  document.messageListAjaxRequest
    = triggerAjaxRequest(url, messageListCallback);

  return false;
}

function messageListCallback(http)
{
  var div = $('mailboxContent');

  if (http.readyState == 4
      && http.status == 200) {
    document.messageListAjaxRequest = null;
    div.innerHTML = http.responseText;
    var selected = http.callbackData;
    if (selected) {
      var row = $('row_' + selected);
      selectNode(row);
    }
    configureMessageListEvents();
    configureSortableTableHeaders();
  }
  else
    log ("ajax fuckage");
}

function onMessageContextMenu(event, element)
{
  var menu = $('messageListMenu');
  menu.addEventListener("hideMenu", onMessageContextMenuHide, false);
  onMenuClick(event, 'messageListMenu');

  var topNode = $('messageList');
  var selectedNodes = topNode.getSelectedRows();
  for (var i = 0; i < selectedNodes.length; i++)
    deselectNode (selectedNodes[i]);
  topNode.menuSelectedRows = selectedNodes;
  topNode.menuSelectedEntry = element;
  selectNode(element);
}

function onMessageContextMenuHide(event)
{
  var topNode = $('messageList');

  if (topNode.menuSelectedEntry) {
    deselectNode(topNode.menuSelectedEntry);
    topNode.menuSelectedEntry = null;
  }
  if (topNode.menuSelectedRows) {
    var nodes = topNode.menuSelectedRows;
    for (var i = 0; i < nodes.length; i++)
      selectNode(nodes[i]);
    topNode.menuSelectedRows = null;
  }
}

function onFolderMenuClick(event, element, menutype)
{
  var onhide, menuName;

  if (menutype == "inbox") {
    menuName = "inboxIconMenu";
  } else if (menutype == "account") {
    menuName = "accountIconMenu";
  } else if (menutype == "trash") {
    menuName = "trashIconMenu";
  } else {
    menuName = "mailboxIconMenu";
  }

  var menu = $(menuName);
  menu.addEventListener("hideMenu", onFolderMenuHide, false);
  onMenuClick(event, menuName);

  var topNode = $('d');
  if (topNode.selectedEntry)
    deselectNode(topNode.selectedEntry);
  if (topNode.menuSelectedEntry)
    deselectNode(topNode.menuSelectedEntry);
  topNode.menuSelectedEntry = element;
  selectNode(element);
}

function onFolderMenuHide(event)
{
  var topNode = $('d');

  if (topNode.menuSelectedEntry) {
    deselectNode(topNode.menuSelectedEntry);
    topNode.menuSelectedEntry = null;
  }
  if (topNode.selectedEntry)
    selectNode(topNode.selectedEntry);
}

function getCachedMessage(idx)
{
  var message = null;
  var counter = 0;

  while (counter < cachedMessages.length
         && message == null)
    if (cachedMessages[counter]
        && cachedMessages[counter]['idx'] == currentMailbox + '/' + idx)
      message = cachedMessages[counter];
    else
      counter++;

  return message;
}

function storeCachedMessage(cachedMessage)
{
  var oldest = -1;
  var timeOldest = -1;
  var counter = 0;

  if (cachedMessages.length < maxCachedMessages)
    oldest = cachedMessages.length;
  else {
    while (cachedMessages[counter]) {
      if (oldest == -1
          || cachedMessages[counter]['time'] < timeOldest) {
        oldest = counter;
        timeOldest = cachedMessages[counter]['time'];
      }
      counter++;
    }

    if (oldest == -1)
      oldest = 0;
  }

  cachedMessages[oldest] = cachedMessage;
}

function onMessageSelectionChange()
{
  var rows = this.getSelectedRowsId();
  if (rows.length == 1) {
    var idx = rows[0].substr(4);

    if (currentMessages[currentMailbox] != idx) {
      currentMessages[currentMailbox] = idx;
      loadMessage(idx);
    }
  }
}

function loadMessage(idx)
{
  var cachedMessage = getCachedMessage(idx);

  if (document.messageAjaxRequest) {
    document.messageAjaxRequest.aborted = true;
    document.messageAjaxRequest.abort();
  }

  if (cachedMessage == null) {
    var url = (ApplicationBaseURL + currentMailbox + "/"
               + idx + "/view?noframe=1");
    document.messageAjaxRequest
      = triggerAjaxRequest(url, messageCallback, idx);
    markMailInWindow(window, idx, true);
  } else {
    var div = $('messageContent');
    div.innerHTML = cachedMessage['text'];
    cachedMessage['time'] = (new Date()).getTime();
    document.messageAjaxRequest = null;
  }
}

function messageCallback(http)
{
  var div = $('messageContent');

  if (http.readyState == 4
      && http.status == 200) {
    document.messageAjaxRequest = null;
    div.innerHTML = http.responseText;
    
    if (http.callbackData) {
      var cachedMessage = new Array();
      cachedMessage['idx'] = currentMailbox + '/' + http.callbackData;
      cachedMessage['time'] = (new Date()).getTime();
      cachedMessage['text'] = http.responseText;
      if (cachedMessage['text'].length < 30000)
        storeCachedMessage(cachedMessage);
    }
  }
  else
    log ("ajax fuckage");
}

function processMailboxMenuAction(mailbox)
{
  var currentNode, upperNode;
  var mailboxName;
  var action;

  mailboxName = mailbox.getAttribute('mailboxname');
  currentNode = mailbox;
  upperNode = null;

  while (currentNode
         && !currentNode.hasAttribute('mailboxaction'))
    currentNode = currentNode.parentNode.parentNode.parentMenuItem;

  if (currentNode)
    {
      action = currentNode.getAttribute('mailboxaction');
//       var rows  = collectSelectedRows();
//       var rString = rows.join(', ');
//       alert("performing '" + action + "' on " + rString
//             + " to " + mailboxName);
    }
}

var rowSelectionCount = 0;

validateControls();

function showElement(e, shouldShow) {
  e.style.display = shouldShow ? "" : "none";
}

function enableElement(e, shouldEnable) {
  if(!e)
    return;
  if(shouldEnable) {
    if(e.hasAttribute("disabled"))
      e.removeAttribute("disabled");
  }
  else {
    e.setAttribute("disabled", "1");
  }
}

function validateControls() {
  var e = $("moveto");
  this.enableElement(e, rowSelectionCount > 0);
}

function moveTo(uri) {
  alert("MoveTo: " + uri);
}

function deleteSelectedMails()
{
}

/* message menu entries */
function onMenuOpenMessage(event)
{
  var node = getParentMenu(event.target).menuTarget.parentNode;
  var msgId = node.getAttribute('id').substr(4);

  return openMessageWindow(msgId,
                           ApplicationBaseURL + currentMailbox
                           + "/" + msgId + "/view");
}

/* contacts */
function newContactFromEmail(sender) {
  var mailto = sender.parentNode.parentNode.menuTarget.innerHTML;

  var emailre
    = /([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;
  emailre.exec(mailto);
  email = RegExp.$1;

  var namere = /(\w[\w\ _-]+)\ (&lt;|<)/;
  var c_name = '';
  if (namere.test(mailto)) {
    namere.exec(mailto);
    c_name += RegExp.$1;
  }

  if (email.length > 0)
    {
      emailre.exec("");
      var url = UserFolderURL + "Contacts/new?contactEmail=" + email;
      if (c_name)
        url += "&contactFN=" + c_name;
      w = window.open(url, null,
                      "width=546,height=490,resizable=1,scrollbars=1,toolbar=0,"
                      + "location=0,directories=0,status=0,menubar=0,copyhistory=0");
      w.focus();
    }

  return false; /* stop following the link */
}

function newEmailTo(sender) {
  return openMailTo(sender.parentNode.parentNode.menuTarget.innerHTML);
}

function expandUpperTree(node)
{
  var currentNode = node.parentNode;

  while (currentNode.className != "dtree")
    {
      if (currentNode.className == 'clip')
        {
          var id = currentNode.getAttribute("id");
          var number = parseInt(id.substr(2));
          if (number > 0)
            {
              var cn = d.aNodes[number];
              d.nodeStatus(1, number, cn._ls);
            }
        }
      currentNode = currentNode.parentNode;
    }
}

function initMailboxSelection(mailboxName)
{
  currentMailbox = mailboxName;

  var tree = $("d");
  var treeNodes = document.getElementsByClassName("dTreeNode", tree);
  var i = 0;
  while (i < treeNodes.length
         && treeNodes[i].getAttribute("dataname") != currentMailbox)
    i++;
  if (i < treeNodes.length) {
    var links = document.getElementsByClassName("node", treeNodes[i]);
    if (tree.selectedEntry)
      deselectNode(tree.selectedEntry);
    selectNode(links[0]);
    tree.selectedEntry = links[0];
    expandUpperTree(links[0]);
  }
}

function onHeaderClick(event)
{
  if (document.messageListAjaxRequest) {
    document.messageListAjaxRequest.aborted = true;
    document.messageListAjaxRequest.abort();
  }
  url = ApplicationBaseURL + currentMailbox + "/" + this.link;
  if (!this.link.match(/noframe=/))
    url += "&noframe=1";
  document.messageListAjaxRequest
    = triggerAjaxRequest(url, messageListCallback);

  event.preventDefault();
}

function onSearchFormSubmit()
{
  log ("search not implemented");

  return false;
}

function pouetpouet(event) {
  window.alert("pouet pouet");
}

var mailboxSpanAcceptType = function(type) {
  return (type == "mailRow");
}

var mailboxSpanEnter = function() {
  this.addClassName("_dragOver");
}

var mailboxSpanExit = function() {
  this.removeClassName("_dragOver");
}

var messageListGhost = function () {
  var newDiv = document.createElement("div");
//   newDiv.style.width = "25px;";
//   newDiv.style.height = "25px;";
  newDiv.style.backgroundColor = "#aae;";
  newDiv.style.border = "2px solid #a3a;";
  newDiv.style.padding = "5px;";
  newDiv.ghostOffsetX = 10;
  newDiv.ghostOffsetY = 5;

  var imgCode = '<img src="' + ResourcesURL + '/message-mail.png" />';
  var count = this.getSelectedRows().length;
  var text = imgCode + '<br />' + count + ' messages...';
  newDiv.innerHTML = text;

  return newDiv;
}

function configureMessageListEvents() {
  var messageList = $("messageList");
  if (messageList) {
    messageList.addEventListener("selectionchange",
                                 onMessageSelectionChange, false);
    var rows = messageList.tBodies[0].rows;
    var start = 0;
    while (rows[start].cells[0].hasClassName("tbtv_headercell")
           || rows[start].cells[0].hasClassName("tbtv_navcell"))
      start++;
    for (var i = start; i < rows.length; i++) {
      rows[i].addEventListener("click", onRowClick, false);
      rows[i].addEventListener("contextmenu", onMessageContextMenu, false);
      for (var j = 0; j < rows[i].cells.length; j++) {
        var cell = rows[i].cells[j];
        cell.addEventListener("mousedown", listRowMouseDownHandler, true);
        if (j == 2 || j == 3 || j == 5)
          cell.addEventListener("dblclick", onMessageDoubleClick, false);
        else if (j == 4) {
          var img = cell.childNodesWithTag("img")[0];
          img.addEventListener("click", mailListMarkMessage, false);
        }
      }
    }
  }
}

function configureDragHandles() {
  var handle = $("dragHandle");
  if (handle) {
    handle.addInterface(SOGoDragHandlesInterface);
    handle.leftBlock=$("mailerFolderTree");
    handle.rightBlock=$("mailerPageContent");
  }

  handle = $("mailboxDragHandle");
  if (handle) {
    handle.addInterface(SOGoDragHandlesInterface);
    handle.upperBlock=$("mailboxContent");
    handle.lowerBlock=$("messageContent");
  }
}

/* dnd */
function initDnd() {
  log ("MailerUI initDnd");
  var msgList = $("messageList");
  if (msgList) {
    msgList.workAroundDragGesture();
    msgList.dndTypes = function() { return new Array("mailRow"); };
    msgList.dndGhost = messageListGhost;
    document.DNDManager.registerSource(msgList);

    var nodes = document.getElementsByClassName("leaf", $("d"));
    for (var i = 0; i < nodes.length; i++) {
      nodes[i].dndAcceptType = this.mailboxSpanAcceptType;
      nodes[i].dndEnter = this.mailboxSpanEnter;
      nodes[i].dndExit = this.mailboxSpanExit;
      document.DNDManager.registerDestination(nodes[i]);
    }
  }
}

/* stub */

function refreshContacts() {
}

var initMailer = {
  handleEvent: function (event) {
    configureMessageListEvents();
    initDnd();
  }
}

window.addEventListener("load", initMailer, false);