Monotone-Parent: 8566d6fbfa896a774b9907c3125e7b3de87296cd

Monotone-Revision: 2ad8b0c019808014c990f51cc69c4457fdb537c6

Monotone-Author: wsourdeau@inverse.ca
Monotone-Date: 2006-07-28T22:59:11
Monotone-Branch: ca.inverse.sogo

UI/WebServerResources/MailerUI.js

@@ -0,0 +1,997 @@
+/*
+  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 = 10;
+var cachedMessages = new Array();
+var currentMailbox = '';
+/* mail list */
+
+function openMessageWindow(sender, msguid, url) {
+  var msgWin = window.open(url, "SOGo_msg_" + msguid,
+			   "width=640,height=480,resizable=1,scrollbars=1,toolbar=0," +
+			   "location=0,directories=0,status=0,menubar=0,copyhistory=0");
+
+  msgWin.focus();
+}
+
+function clickedUid(sender, msguid) {
+  resetSelection(window);
+  openMessageWindow(sender, msguid,
+                    ApplicationBaseURL + currentMailbox + "/" + msguid + "/view");
+  return true;
+}
+
+function doubleClickedUid(sender, msguid) {
+  alert("DOUBLE Clicked " + msguid);
+
+  return false;
+}
+
+function toggleMailSelect(sender) {
+  var row;
+  row = document.getElementById(sender.name);
+  row.className = sender.checked ? "tableview_selected" : "tableview";
+}
+
+function collectSelectedRows() {
+  var rows = new Array();
+  var messageList = document.getElementById('messageList');
+  var tbody = (messageList.getElementsByTagName('tbody'))[0];
+  var selectedRows = getSelectedNodes(tbody);
+
+  for (var i = 0; i < selectedRows.length; i++) {
+    var row = selectedRows[i];
+    var rowId = row.getAttribute('id').substring(4);
+    rows[rows.length] = rowId;
+  }
+
+  return rows;
+}
+
+function clearSearch(sender) {
+  var searchField = window.document.getElementById("search");
+  if (searchField) searchField.value="";
+  return true;
+}
+
+/* compose support */
+
+function clickedCompose(sender) {
+  var urlstr;
+  
+  urlstr = "compose";
+  window.open(urlstr, "SOGo_compose",
+	      "width=680,height=520,resizable=1,scrollbars=1,toolbar=0," +
+	      "location=0,directories=0,status=0,menubar=0,copyhistory=0");
+  return false; /* stop following the link */
+}
+
+/* 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 + ":\n" + errortext);
+    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 showInlineAttachmentList(sender) {
+  var r, l;
+  
+  r = document.getElementById('compose_rightside');
+  r.style.display = 'block';
+  l = document.getElementById('compose_leftside');
+  l.style.width = "67%";
+  this.adjustInlineAttachmentListHeight(sender);
+}
+
+function updateInlineAttachmentList(sender, attachments) {
+  if (!attachments || (attachments.length == 0)) {
+    this.hideInlineAttachmentList(sender);
+    return;
+  }
+  var e, i, count, text;
+  
+  count = attachments.length;
+  text  = "";
+  for (i = 0; i < count; i++) {
+    text = text + attachments[i];
+    text = text + '<br />';
+  }
+
+  e = document.getElementById('compose_attachments_list');
+  e.innerHTML = text;
+  this.showInlineAttachmentList(sender);
+}
+
+function adjustInlineAttachmentListHeight(sender) {
+  var e;
+  
+  e = document.getElementById('compose_rightside');
+  if (e.style.display == 'none') return;
+
+  /* need to lower left size first, because left auto-adjusts to right! */
+  xHeight('compose_attachments_list', 10);
+
+  var leftHeight, rightHeaderHeight;
+  leftHeight        = xHeight('compose_leftside');
+  rightHeaderHeight = xHeight('compose_attachments_header');
+  xHeight('compose_attachments_list', (leftHeight - rightHeaderHeight) - 16);
+}
+
+function hideInlineAttachmentList(sender) {
+  var e;
+  
+//  xVisibility('compose_rightside', false);
+  e = document.getElementById('compose_rightside');
+  e.style.display = 'none';
+  e = document.getElementById('compose_leftside');
+  e.style.width = "100%";
+}
+
+/* addressbook helpers */
+
+function openAnais(sender) {
+  var urlstr;
+
+  urlstr = "anais";
+  var w = window.open(urlstr, "Anais",
+                      "width=350,height=600,left=10,top=10,toolbar=no," +
+                      "dependent=yes,menubar=no,location=no,resizable=yes," +
+                      "scrollbars=yes,directories=no,status=no");
+  w.focus();
+}
+
+function openAddressbook(sender) {
+  var urlstr;
+  
+  urlstr = "addressbook";
+  var w = window.open(urlstr, "Addressbook",
+                      "width=600,height=400,left=10,top=10,toolbar=no," +
+                      "dependent=yes,menubar=no,location=no,resizable=yes," +
+                      "scrollbars=yes,directories=no,status=no");
+  w.focus();
+}
+
+/* filters */
+
+function clickedFilter(sender, scriptname) {
+  var urlstr;
+  
+  urlstr = scriptname + "/edit";
+  window.open(urlstr, "SOGo_filter_" + scriptname,
+	      "width=640,height=480,resizable=1,scrollbars=1,toolbar=0," +
+	      "location=0,directories=0,status=0,menubar=0,copyhistory=0")
+  return true;
+}
+
+function clickedNewFilter(sender) {
+  var urlstr;
+  
+  urlstr = "create";
+  window.open(urlstr, "SOGo_filter",
+	      "width=680,height=480,resizable=1,scrollbars=1,toolbar=0," +
+	      "location=0,directories=0,status=0,menubar=0,copyhistory=0");
+  return false; /* stop following the link */
+}
+
+/* mail list DOM changes */
+
+function markMailInWindow(win, msguid, markread) {
+  var msgDiv;
+
+  msgDiv = win.document.getElementById("div_" + msguid);
+  if (msgDiv) {
+    if (markread) {
+      msgDiv.className = "mailer_readmailsubject";
+    
+      msgDiv = win.document.getElementById("unreaddiv_" + msguid);
+      if (msgDiv) msgDiv.style.display = "none";
+      msgDiv = win.document.getElementById("readdiv_" + msguid);
+      if (msgDiv) msgDiv.style.display = "block";
+    }
+    else {
+      msgDiv.className = "mailer_unreadmailsubject";
+    
+      msgDiv = win.document.getElementById("readdiv_" + msguid);
+      if (msgDiv) msgDiv.style.display = "none";
+      msgDiv = win.document.getElementById("unreaddiv_" + msguid);
+      if (msgDiv) msgDiv.style.display = "block";
+    }
+    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(sender, action) {
+  var rows  = collectSelectedRows();
+  var idset = "";
+  
+  for (var i = 0; i < rows.length; i++) {
+    win = openMessageWindow(sender,
+			    rows[i]                /* msguid */,
+			    rows[i] + "/" + action /* url */);
+  }
+}
+
+function mailListMarkMessage(sender, action, msguid, markread) {
+  var url;
+  var http = createHTTPClient();
+
+  url = 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?"))
+    return false;
+  
+  // TODO: should use a form-POST or AJAX
+  window.location.href = "deleteFolder";
+  return false;
+}
+
+/* bulk delete of messages */
+
+function uixDeleteSelectedMessages(sender) {
+  var rows;
+  var failCount = 0;
+  
+  rows = collectSelectedRows();
+  for (var i = 0; i < rows.length; i++) {
+    var url, http, rowElem;
+    
+    /* send AJAX request (synchronously) */
+    
+    url = "" + rows[i] + "/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 */
+    rowElem = document.getElementById("row_" + rows[i]);
+
+    rowElem.parentNode.removeChild(rowElem);
+  }
+
+  if (failCount > 0)
+    alert("Could not delete " + failCount + " messages!");
+  
+  return false;
+}
+
+/* ajax mailbox handling */
+
+var activeAjaxRequests = 0;
+
+function triggerAjaxRequest(url, callback, userdata) {
+  var http = createHTTPClient();
+
+  activeAjaxRequests += 1;
+  document.animTimer = setTimeout("checkAjaxRequestsState();", 200);
+
+  if (http) {
+    http.onreadystatechange
+      = function() {
+        try {
+          if (http.readyState == 4
+              && activeAjaxRequests > 0) {
+                http.callbackData = userdata;
+                callback(http);
+                activeAjaxRequests -= 1;
+                checkAjaxRequestsState();
+              }
+        }
+        catch( e ) {
+          activeAjaxRequests -= 1;
+          checkAjaxRequestsState();
+          alert('AJAX Request, Caught Exception: ' + e.description);
+        }
+      };
+    http.url = url;
+    http.open("GET", url, true);
+    http.send("");
+  }
+
+//     window.alert('should open ' + mailbox);
+  return false;
+}
+
+function checkAjaxRequestsState()
+{
+  if (activeAjaxRequests > 0
+      && !document.busyAnim) {
+    var anim = document.createElement("img");
+    document.busyAnim = anim;
+    anim.setAttribute("src", ResourcesURL + '/busy.gif');
+    anim.style.position = "absolute;";
+    anim.style.top = "2.5em;";
+    anim.style.right = "1em;";
+    anim.style.visibility = "hidden;";
+    anim.style.zindex = "1;";
+    var folderTree = document.getElementById("toolbar");
+    folderTree.appendChild(anim);
+    anim.style.visibility = "visible;";
+  } else if (activeAjaxRequests == 0
+	     && document.busyAnim) {
+    document.busyAnim.parentNode.removeChild(document.busyAnim);
+    document.busyAnim = null;
+  }
+}
+
+function onMailboxTreeItemClick(element)
+{
+  var topNode = document.getElementById('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";
+    var mailboxContent = document.getElementById("mailboxContent");
+    var mailboxDragHandle = document.getElementById("mailboxDragHandle");
+    var messageContent = document.getElementById("messageContent");
+    if (mailbox.lastIndexOf("/") == 0) {
+      mailboxContent.style.visibility = "hidden;";
+      mailboxDragHandle.style.visibility = "hidden;";
+      messageContent.style.top = "0px;";
+      var url = (ApplicationBaseURL + currentMailbox + "/"
+                 + "/view?noframe=1");
+      triggerAjaxRequest(url, messageCallback);
+    } else {
+      if (mailboxContent.style.visibility == "hidden") {
+        mailboxContent.style.visibility = "visible;";
+        mailboxDragHandle.style.visibility = "visible;";
+        messageContent.style.top = (mailboxDragHandle.offsetTop
+                                    + mailboxDragHandle.offsetHeight
+                                    + 'px;');
+      }
+      triggerAjaxRequest(url, messageListCallback);
+      if (currentMessages[mailbox]) {
+        loadMessage(currentMessages[mailbox]);
+      } else {
+        messageContent.innerHTML = '';
+      }
+    }
+  }
+//   triggerAjaxRequest(mailbox, 'toolbar', toolbarCallback);
+}
+
+function openMailboxAtIndex(element) {
+  var idx = element.getAttribute("idx");
+  var url = ApplicationBaseURL + currentMailbox + "/view?noframe=1&idx=" + idx;
+  log ("url: " + url);
+  triggerAjaxRequest(url, messageListCallback);
+}
+
+function messageListCallback(http)
+{
+  log ('messageListCallback');
+  var div = document.getElementById('mailboxContent');
+  if (http.readyState == 4
+      && http.status == 200)
+    {
+      log ('displaying result');
+      div.innerHTML = http.responseText;
+    }
+  else
+    log ("ajax fuckage");
+}
+
+var onHideMenuEventHandler = {
+  handleEvent: function(event) {
+    onFolderMenuHide(event);
+  }
+}
+
+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 = document.getElementById(menuName);
+  menu.addEventListener("hideMenu", onHideMenuEventHandler, false);
+  onMenuClick(event, menuName);
+
+  var topNode = document.getElementById('d');
+  if (topNode.selectedEntry)
+    deselectNode(topNode.selectedEntry);
+  if (topNode.menuSelectedEntry)
+    deselectNode(topNode.menuSelectedEntry);
+  topNode.menuSelectedEntry = element;
+  selectNode(element);
+}
+
+function onFolderMenuHide(event)
+{
+  var topNode = document.getElementById('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 selection = collectSelectedRows();
+  if (selection.length == 1)
+    {
+      var idx = selection[0];
+
+      if (currentMessages[currentMailbox] != idx) {
+        currentMessages[currentMailbox] = idx;
+        loadMessage(idx);
+      }
+    }
+}
+
+function loadMessage(idx)
+{
+  var cachedMessage = getCachedMessage(idx);
+
+  if (cachedMessage == null) {
+    var url = (ApplicationBaseURL + currentMailbox + "/"
+               + idx + "/view?noframe=1");
+    triggerAjaxRequest(url, messageCallback, idx);
+    markMailInWindow(window, idx, true);
+  } else {
+    var div = document.getElementById('messageContent');
+    div.innerHTML = cachedMessage['text'];
+    cachedMessage['time'] = (new Date()).getTime();
+  }
+}
+
+function messageCallback(http)
+{
+  var div = document.getElementById('messageContent');
+  if (http.readyState == 4
+      && http.status == 200)
+    {
+      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;
+          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 toggleRowSelectionStatus(sender) {
+  rowID = sender.value;
+  tr = document.getElementById(rowID);
+  if(sender.checked) {
+    tr.className = "tableview_selected";
+    rowSelectionCount += 1;
+  }
+  else {
+    tr.className = "tableview";
+    rowSelectionCount -= 1;
+  }
+  this.validateControls();
+}
+
+function validateControls() {
+  var e = document.getElementById("moveto");
+  this.enableElement(e, rowSelectionCount > 0);
+}
+
+function moveTo(uri) {
+  alert("MoveTo: " + uri);
+}
+
+function popupSearchMenu(event, menuId)
+{
+  var node = event.target;
+
+  superNode = node.parentNode.parentNode.parentNode;
+  relX = (event.pageX - superNode.offsetLeft - node.offsetLeft);
+  relY = (event.pageY - superNode.offsetTop - node.offsetTop);
+
+  if (event.button == 0
+      && relX < 24) {
+    event.cancelBubble = true;
+    event.returnValue = false;
+
+    var popup = document.getElementById(menuId);
+    hideMenu(event, popup);
+
+    var menuTop = superNode.offsetTop + node.offsetTop + node.offsetHeight;
+    var menuLeft = superNode.offsetLeft + node.offsetLeft;
+    var heightDiff = (window.innerHeight
+		      - (menuTop + popup.offsetHeight));
+    if (heightDiff < 0)
+      menuTop += heightDiff;
+
+    var leftDiff = (window.innerWidth
+		    - (menuLeft + popup.offsetWidth));
+    if (leftDiff < 0)
+      menuLeft -= popup.offsetWidth;
+
+    popup.style.top = menuTop + "px";
+    popup.style.left = menuLeft + "px";
+    popup.style.visibility = "visible";
+  
+    bodyOnClick = "" + document.body.getAttribute("onclick");
+    document.body.setAttribute("onclick", "onBodyClick('" + menuId + "');");
+    document.currentPopupMenu = popup;
+  }
+}
+
+function setSearchCriteria(event)
+{
+  searchField = document.getElementById('searchValue');
+  searchCriteria = document.getElementById('searchCriteria');
+  
+  var node = event.target;
+  searchField.setAttribute("ghost-phrase", node.innerHTML);
+  searchCriteria = node.getAttribute('id');
+}
+
+function checkSearchValue(event)
+{
+  var form = event.target;
+  var searchField = document.getElementById('searchValue');
+  var ghostPhrase = searchField.getAttribute('ghost-phrase');
+
+  if (searchField.value == ghostPhrase)
+    searchField.value = "";
+}
+
+function onSearchChange()
+{
+}
+
+function onSearchMouseDown(event)
+{
+  searchField = document.getElementById('searchValue');
+  superNode = searchField.parentNode.parentNode.parentNode;
+  relX = (event.pageX - superNode.offsetLeft - searchField.offsetLeft);
+  relY = (event.pageY - superNode.offsetTop - searchField.offsetTop);
+
+  if (relY < 24) {
+    event.cancelBubble = true;
+    event.returnValue = false;
+  }
+}
+
+function onSearchFocus(event)
+{
+  searchField = document.getElementById('searchValue');
+  ghostPhrase = searchField.getAttribute("ghost-phrase");
+  if (searchField.value == ghostPhrase) {
+    searchField.value = "";
+    searchField.setAttribute("modified", "");
+  } else {
+    searchField.select();
+  }
+
+  searchField.style.color = "#000";
+}
+
+function onSearchBlur()
+{
+  var searchField = document.getElementById('searchValue');
+  var ghostPhrase = searchField.getAttribute("ghost-phrase");
+
+  if (searchField.value == "") {
+    searchField.setAttribute("modified", "");
+    searchField.style.color = "#aaa";
+    searchField.value = ghostPhrase;
+  } else if (searchField.value == ghostPhrase) {
+    searchField.setAttribute("modified", "");
+    searchField.style.color = "#aaa";
+  } else {
+    searchField.setAttribute("modified", "yes");
+    searchField.style.color = "#000";
+  }
+}
+
+function initCriteria()
+{
+  var searchCriteria = document.getElementById('searchCriteria');
+  var searchField = document.getElementById('searchValue');
+  var firstOption;
+ 
+  if (searchCriteria.value == ''
+      || searchField.value == '') {
+    firstOption = document.getElementById('searchOptions').childNodes[1];
+    searchCriteria.value = firstOption.getAttribute('id');
+    searchField.value = firstOption.innerHTML;
+    searchField.setAttribute('ghost-phrase', firstOption.innerHTML);
+    searchField.setAttribute("modified", "");
+    searchField.style.color = "#aaa";
+  }
+}
+
+function deleteSelectedMails()
+{
+}
+
+
+/* message menu entries */
+function onMenuOpenMessage(event)
+{
+  var node = getParentMenu(event.target).menuTarget.parentNode;
+  var msgId = node.getAttribute('id').substr(4);
+
+  openMessageWindow(null, msgId,
+                    ApplicationBaseURL + currentMailbox + "/" + msgId + "/view");
+
+  return false;
+}
+
+function onMenuReplyToSender(event)
+{
+  openMessageWindowsForSelection(null, 'reply');
+}
+
+function onMenuReplyToAll(event)
+{
+  openMessageWindowsForSelection(null, 'replyall');
+
+}
+
+function onMenuForwardMessage(event)
+{
+  openMessageWindowsForSelection(null, 'forward');
+
+}
+
+function onMenuDeleteMessage(event)
+{
+  uixDeleteSelectedMessages(null);
+
+  return false;
+}
+
+/* contacts */
+function newContactFromEmail(sender) {
+  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(sender.parentNode.parentNode.menuTarget.innerHTML);
+  email = RegExp.$1;
+
+  if (email.length > 0)
+    {
+      emailre.exec("");
+      w = window.open(UserFolderURL + "/Contacts/new?contactEmail=" + email,
+		      "SOGo_new_contact",
+		      "width=680,height=520,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) {
+  var mailto = sanitizeMailTo(sender.parentNode.parentNode.menuTarget.innerHTML);
+
+  if (mailto.length > 0)
+    {
+      w = window.open("compose?mailto=" + mailto,
+		      "SOGo_compose",
+		      "width=680,height=520,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 initMailboxSelection(mailboxName)
+{
+  currentMailbox = mailboxName;
+
+  var tree = document.getElementById("d");
+  var treeNodes = getElementsByClassName('DIV', 'dTreeNode', tree);
+  var i = 0;
+  while (i < treeNodes.length
+         && treeNodes[i].getAttribute("dataname") != currentMailbox)
+    i++;
+  if (i < treeNodes.length) {
+    var links = getElementsByClassName('A', 'node', treeNodes[i]);
+    if (tree.selectedEntry)
+      deselectNode(tree.selectedEntry);
+    selectNode(links[0]);
+    tree.selectedEntry = links[0];
+  }
+}
+
+function initMailboxAppearance()
+{
+  var mailboxContent = document.getElementById('mailboxContent');
+  var messageContent = document.getElementById('messageContent');
+  var mailboxDragHandle = document.getElementById('mailboxDragHandle');
+
+  mailboxContent.style.height = (mailboxDragHandle.offsetTop
+                                 - mailboxContent.offsetTop + 'px;');
+  messageContent.style.top = (mailboxDragHandle.offsetTop
+                              + mailboxDragHandle.offsetHeight
+                              + 'px;');
+}
+
+function registerDraggableMessageNodes()
+{
+  log ("can we drag...");
+}

UI/WebServerResources/UIxMailListView.js

@@ -3,7 +3,7 @@ var rowSelectionCount = 0;
 validateControls();
 
 function showElement(e, shouldShow) {
-	e.style.display = shouldShow ? "" : "none";
+  e.style.display = shouldShow ? "" : "none";
 }
 
 function enableElement(e, shouldEnable) {
@@ -51,7 +51,6 @@ function popupSearchMenu(event, menuId)
 
   if (event.button == 0
       && relX < 24) {
-    log('popup');
     event.cancelBubble = true;
     event.returnValue = false;
 
@@ -85,27 +84,33 @@ function setSearchCriteria(event)
   searchField = document.getElementById('searchValue');
   searchCriteria = document.getElementById('searchCriteria');
   
-  node = event.target;
+  var node = event.target;
   searchField.setAttribute("ghost-phrase", node.innerHTML);
   searchCriteria = node.getAttribute('id');
 }
 
+function checkSearchValue(event)
+{
+  var form = event.target;
+  var searchField = document.getElementById('searchValue');
+  var ghostPhrase = searchField.getAttribute('ghost-phrase');
+
+  if (searchField.value == ghostPhrase)
+    searchField.value = "";
+}
+
 function onSearchChange()
 {
-  log('onSearchChange');
 }
 
 function onSearchMouseDown(event)
 {
-  log('onSearchMouseDown');
-
   searchField = document.getElementById('searchValue');
   superNode = searchField.parentNode.parentNode.parentNode;
   relX = (event.pageX - superNode.offsetLeft - searchField.offsetLeft);
   relY = (event.pageY - superNode.offsetTop - searchField.offsetTop);
 
   if (relY < 24) {
-    log('menu');
     event.cancelBubble = true;
     event.returnValue = false;
   }
@@ -113,7 +118,6 @@ function onSearchMouseDown(event)
 
 function onSearchFocus(event)
 {
-  log('onSearchFocus');
   searchField = document.getElementById('searchValue');
   ghostPhrase = searchField.getAttribute("ghost-phrase");
   if (searchField.value == ghostPhrase) {
@@ -128,7 +132,6 @@ function onSearchFocus(event)
 
 function onSearchBlur()
 {
-  log('onSearchBlur');
   var searchField = document.getElementById('searchValue');
   var ghostPhrase = searchField.getAttribute("ghost-phrase");
 
@@ -159,7 +162,45 @@ function initCriteria()
     searchField.setAttribute('ghost-phrase', firstOption.innerHTML);
     searchField.setAttribute("modified", "");
     searchField.style.color = "#aaa";
-
-    log(searchField.value);
   }
 }
+
+function deleteSelectedMails()
+{
+}
+
+
+/* message menu entries */
+function onMenuOpenMessage(event)
+{
+  var node = getParentMenu(event.target).menuTarget.parentNode;
+  var msgId = node.getAttribute('id').substr(4);
+
+  openMessageWindow(null, msgId, msgId + "/view");
+
+  return false;
+}
+
+function onMenuReplyToSender(event)
+{
+  openMessageWindowsForSelection(null, 'reply');
+}
+
+function onMenuReplyToAll(event)
+{
+  openMessageWindowsForSelection(null, 'replyall');
+
+}
+
+function onMenuForwardMessage(event)
+{
+  openMessageWindowsForSelection(null, 'forward');
+
+}
+
+function onMenuDeleteMessage(event)
+{
+  uixDeleteSelectedMessages(null);
+
+  return false;
+}

UI/WebServerResources/generic.js

@@ -24,16 +24,76 @@
 
 /* generic stuff */
 
-logWindow = window.open('', 'logWindow');
-logWindow.document.write('<html><head><title>JavaScript log</title></head>'
-			 + '<body style="font-family: monospace;'
-			 + 'font-size: 10pt; overflow: scroll;">'
-			 + '<div class="log" id="logArea"'
-			 + ' onclick="this.innerHTML=\'\';"></div></body>'
-			 + '</html>');
-logWindow.resizeTo(640,480);
-logArea = logWindow.document.getElementById('logArea');
-logArea.innerHTML = '';
+var logConsole;
+
+// logArea = null;
+var allDocumentElements = null;
+
+/* a W3C compliant document.all */
+function getAllScopeElements(scope)
+{
+  var elements = new Array();
+
+  for (var i = 0; i < scope.childNodes.length; i++)
+    if (typeof(scope.childNodes[i]) == "object"
+	&& scope.childNodes[i].tagName
+	&& scope.childNodes[i].tagName != '')
+      {
+	elements.push(scope.childNodes[i]);
+	var childElements = getAllElements(scope.childNodes[i]);
+	if (childElements.length > 0)
+	  elements.push(childElements);
+      }
+
+  return elements;
+}
+
+function getAllElements(scope)
+{
+  var elements;
+
+  if (scope == null)
+    scope = document;
+
+  if (scope == document
+      && allDocumentElements != null)
+    elements = allDocumentElements;
+  else
+    {
+      elements = getAllScopeElements(scope);
+      if (scope == document)
+	allDocumentElements = elements;
+    }
+
+  return elements;
+}
+
+/* from
+   http://www.robertnyman.com/2005/11/07/the-ultimate-getelementsbyclassname/ */
+function getElementsByClassName(_tag, _class, _scope) {
+  var regexp, classes, elements, element, returnElements;
+
+  _scope = _scope || document;
+
+  elements = (!_tag || _tag == "*"
+	      ? getAllElements(null)
+	      : _scope.getElementsByTagName(_tag));
+  returnElements = [];
+
+  classes = _class.split(/\s+/);
+  regexp = new RegExp("(^|\s+)("+ classes.join("|") +")(\s+|$)","i");
+
+  if (_class) {
+    for(var i = 0; element = elements[i]; i++) {
+      if (regexp.test(element.className)) {
+	returnElements.push(element);
+      }
+    }
+    return returnElements;
+  } else {
+    return elements;
+  }
+}
 
 function ml_stripActionInURL(url) {
   if (url[url.length - 1] != '/') {
@@ -204,37 +264,45 @@ function triggerOpenerCallback() {
   }
 }
 
-/* selection mechanism */
+function addClassName(node, className) {
+  var classStr = '' + node.getAttribute("class");
 
-function selectNode(node) {
-  var classStr = '' + node.getAttribute('class');
-
-  position = classStr.indexOf('_selected', 0);
+  position = classStr.indexOf(className, 0);
   if (position < 0) {
-    classStr = classStr + ' _selected';
+    classStr = classStr + ' ' + className;
     node.setAttribute('class', classStr);
   }
 }
 
-function deselectNode(node) {
+function removeClassName(node, className) {
   var classStr = '' + node.getAttribute('class');
 
-  position = classStr.indexOf('_selected', 0);
+  position = classStr.indexOf(className, 0);
   while (position > -1) {
     classStr1 = classStr.substring(0, position); 
     classStr2 = classStr.substring(position + 10, classStr.length);
     classStr = classStr1 + classStr2;
-    position = classStr.indexOf('_selected', 0);
+    position = classStr.indexOf(className, 0);
   }
 
   node.setAttribute('class', classStr);
 }
 
+/* selection mechanism */
+
+function selectNode(node) {
+  addClassName(node, '_selected');
+}
+
+function deselectNode(node) {
+  removeClassName(node, '_selected');
+}
+
 function deselectAll(parent) {
   for (var i = 0; i < parent.childNodes.length; i++) {
     var node = parent.childNodes.item(i);
     if (node.nodeType == 1) {
-      deselectNode(node);
+      removeClassName(node, '_selected');
     }
   }
 }
@@ -258,18 +326,17 @@ function getSelectedNodes(parentNode) {
   for (var i = 0; i < parentNode.childNodes.length; i++) {
     node = parentNode.childNodes.item(i);
     if (node.nodeType == 1
-	&& isNodeSelected(node)) {
-      selArray.push(i);
-    }
+	&& isNodeSelected(node))
+      selArray.push(node);
   }
 
-  return selArray.join('|');
+  return selArray;
 }
 
 function onRowClick(event) {
   var node = event.target;
-//   var text = document.getElementById('list');
-//   text.innerHTML = '';
+  if (node.tagName == 'TD')
+    node = node.parentNode;
 
   var startSelection = getSelectedNodes(node.parentNode);
   if (event.shiftKey == 1
@@ -285,7 +352,10 @@ function onRowClick(event) {
     selectNode(node);
   }
   if (startSelection != getSelectedNodes(node.parentNode)) {
-    var code = '' + node.parentNode.getAttribute('onselectionchange');
+    var parentNode = node.parentNode;
+    if (parentNode.tagName == 'TBODY')
+      parentNode = parentNode.parentNode;
+    var code = '' + parentNode.getAttribute('onselectionchange');
     if (code.length > 0) {
       node.eval(code);
     }
@@ -296,8 +366,6 @@ function onRowClick(event) {
 
 var bodyOnClick = "";
 // var acceptClick = false;
-var menuClickNode = null;
-var currentSubmenu = null;
 
 function onMenuClick(event, menuId)
 {
@@ -306,8 +374,10 @@ function onMenuClick(event, menuId)
   event.cancelBubble = true;
   event.returnValue = false;
 
+  if (document.currentPopupMenu)
+    hideMenu(event, document.currentPopupMenu);
+
   var popup = document.getElementById(menuId);
-  hideMenu(popup);
 
   var menuTop = event.pageY;
   var menuLeft = event.pageX;
@@ -321,86 +391,172 @@ function onMenuClick(event, menuId)
   if (leftDiff < 0)
     menuLeft -= popup.offsetWidth;
 
-  popup.style.top = menuTop + "px";
-  popup.style.left = menuLeft + "px";
-  popup.style.visibility = "visible";
-  menuClickNode = node;
+  popup.style.top = menuTop + "px;";
+  popup.style.left = menuLeft + "px;";
+  popup.style.visibility = "visible;";
+  setupMenuTarget(popup, node);
 
   bodyOnClick = "" + document.body.getAttribute("onclick");
-  document.body.setAttribute("onclick", "onBodyClick('" + menuId + "');");
-}
-
-function onBodyClick(menuId)
-{
-//   if (!acceptClick)
-//     acceptClick = true;
-//   else
-//     {
-      popup = document.getElementById(menuId);
-      hideMenu(popup);
-      document.body.setAttribute("onclick", bodyOnClick);
-      menuClickNode = null;
-//     }
+  document.body.setAttribute("onclick", "onBodyClick(event);");
+  document.currentPopupMenu = popup;
 
   return false;
 }
 
-function hideMenu(menuNode)
+function setupMenuTarget(menu, target)
 {
+  menu.menuTarget = target;
+  var menus = getElementsByClassName("*", "menu", menu);
+  for (var i = 0; i < menus.length; i++) {
+    menus[i].menuTarget = target;
+  }
+}
+
+function getParentMenu(node)
+{
+  var currentNode, menuNode;
+
+  menuNode = null;
+  currentNode = node;
+  var menure = new RegExp("(^|\s+)menu(\s+|$)", "i");
+
+  while (menuNode == null
+	 && currentNode)
+    if (menure.test(currentNode.className))
+      menuNode = currentNode;
+    else
+      currentNode = currentNode.parentNode;
+
+  return menuNode;
+}
+
+function onBodyClick(event)
+{
+  document.currentPopupMenu.menuTarget = null;
+  hideMenu(event, document.currentPopupMenu);
+  document.body.setAttribute("onclick", bodyOnClick);
+
+  return false;
+}
+
+function hideMenu(event, menuNode)
+{
+  var onHide;
+
 //   log('hiding menu "' + menuNode.getAttribute('id') + '"');
   if (menuNode.submenu)
     {
-      hideMenu(menuNode.submenu);
+      hideMenu(event, menuNode.submenu);
       menuNode.submenu = null;
     }
 
   menuNode.style.visibility = "hidden";
+  if (menuNode.parentMenuItem)
+    {
+      menuNode.parentMenuItem.setAttribute('class', 'submenu');
+      menuNode.parentMenuItem = null;
+      menuNode.parentMenu.setAttribute('onmousemove', null);
+      menuNode.parentMenu.submenuItem = null;
+      menuNode.parentMenu.submenu = null;
+      menuNode.parentMenu = null;
+    }
+
+  var onhideEvent = document.createEvent("Event");
+  onhideEvent.initEvent("hideMenu", true, true);
+  menuNode.dispatchEvent(onhideEvent);
 }
 
-function onMenuEntryClick(node, event, menuId)
+function onMenuEntryClick(event, menuId)
 {
-  id = node.getAttribute("id");
-  window.alert("clicked " + menuClickNode.tagName);
+  var node = event.target;
+
+  id = getParentMenu(node).menuTarget;
+//   log("clicked " + id + "/" + id.tagName);
+
+  return false;
+}
+
+function initLogConsole() {
+  logConsole = document.getElementById('logConsole');
+  logConsole.innerHTML = '';
+}
+
+function toggleLogConsole() {
+  var visibility = '' + logConsole.style.visibility;
+  if (visibility.length == 0) {
+    logConsole.style.visibility = 'visible;';
+  } else {
+    logConsole.style.visibility = '';
+  }
 
   return false;
 }
 
 function log(message) {
-  if (logArea)
-    logArea.innerHTML = logArea.innerHTML + message + '<br />' + "\n";
+  logConsole.innerHTML += message + '<br />' + "\n";
 }
 
 function dropDownSubmenu(event)
 {
   var node = event.target;
   var submenu = node.getAttribute("submenu");
-  if (submenu && submenu != "") {
-    if (node.parentNode.parentNode.submenu)
-      hideMenu(node.parentNode.parentNode.submenu);
- 
-    var submenuNode = document.getElementById(submenu);
-    node.parentNode.parentNode.submenu = submenuNode;
-    var menuTop = (node.parentNode.parentNode.offsetTop
-		   + node.offsetTop - 1);
+  if (submenu && submenu != "")
+    {
+      var submenuNode = document.getElementById(submenu);
+      var parentNode = getParentMenu(node);
+      if (parentNode.submenu)
+	hideMenu(event, parentNode.submenu);
+      var menuTop = (node.parentNode.parentNode.offsetTop
+		     + node.offsetTop - 1);
+      
+      var heightDiff = (window.innerHeight
+			- (menuTop + submenuNode.offsetHeight));
+      if (heightDiff < 0)
+	menuTop += heightDiff;
+      var menuLeft = (node.parentNode.parentNode.offsetLeft
+		      + node.parentNode.parentNode.offsetWidth
+		      - 2);
+      var leftDiff = (window.innerWidth
+		      - (menuLeft + submenuNode.offsetWidth));
+      if (leftDiff < 0)
+	menuLeft -= (node.parentNode.parentNode.offsetWidth
+		     + submenuNode.offsetWidth
+		     - 4);
 
-    var heightDiff = (window.innerHeight
-		      - (menuTop + submenuNode.offsetHeight));
-    if (heightDiff < 0)
-      menuTop += heightDiff;
-    var menuLeft = (node.parentNode.parentNode.offsetLeft
-		    + node.parentNode.parentNode.offsetWidth
-		    - 2);
-    var leftDiff = (window.innerWidth
-		    - (menuLeft + submenuNode.offsetWidth));
-    if (leftDiff < 0)
-      menuLeft -= (node.parentNode.parentNode.offsetWidth
-		   + submenuNode.offsetWidth
-		   - 4);
+      submenuNode.parentMenuItem = node;
+      submenuNode.parentMenu = parentNode;
+      parentNode.submenuItem = node;
+      parentNode.submenu = submenuNode;
+      parentNode.setAttribute('onmousemove', 'checkDropDown(event);');
+      node.setAttribute('class', 'submenu-selected');
+      submenuNode.style.top = menuTop + "px;";
+      submenuNode.style.left = menuLeft + "px;";
+      submenuNode.style.visibility = "visible;";
+    }
+}
 
-    submenuNode.style.top = menuTop + "px";
-    submenuNode.style.left = menuLeft + "px";
-    submenuNode.style.visibility = "visible";
-  }
+function checkDropDown(event)
+{
+  var parentNode = getParentMenu(event.target);
+  var submenuNode = parentNode.submenu;
+  if (submenuNode)
+    {
+      var submenuItem = parentNode.submenuItem;
+      var itemX = submenuItem.offsetLeft + parentNode.offsetLeft;
+      var itemY = submenuItem.offsetTop + parentNode.offsetTop;
+
+      if (event.clientX >= itemX
+	  && event.clientX < submenuNode.offsetLeft
+	  && (event.clientY < itemY
+	      || event.clientY > (itemY
+				  + submenuItem.offsetHeight)))
+	{
+	  hideMenu(event, submenuNode);
+	  parentNode.submenu = null;
+	  parentNode.submenuItem = null;
+	  parentNode.setAttribute('onmousemove', null);
+	}
+    }
 }
 
 /* drag handle */
@@ -409,26 +565,41 @@ var dragHandle;
 var dragHandleOrigX;
 var dragHandleOrigLeft;
 var dragHandleOrigRight;
+var dragHandleOrigY;
+var dragHandleOrigUpper;
+var dragHandleOrigLower;
+var dragHandleDiff;
 
 function startHandleDragging(event) {
   if (event.button == 0) {
     var leftBlock = event.target.getAttribute('leftblock');
     var rightBlock = event.target.getAttribute('rightblock');
+    var upperBlock = event.target.getAttribute('upperblock');
+    var lowerBlock = event.target.getAttribute('lowerblock');
 
     dragHandle = event.target;
-    dragHandleOrigX = dragHandle.offsetLeft;
-    dragHandleOrigLeft = document.getElementById(leftBlock).offsetWidth;
-    dragHandleOrigRight = document.getElementById(rightBlock).offsetLeft;
+    if (leftBlock && rightBlock) {
+      dragHandle.dhType = 'horizontal';
+      dragHandleOrigX = dragHandle.offsetLeft;
+      dragHandleOrigLeft = document.getElementById(leftBlock).offsetWidth;
+      dragHandleDiff = 0;
+      dragHandleOrigRight = document.getElementById(rightBlock).offsetLeft;
+      document.body.style.cursor = "e-resize";
+    } else if (upperBlock && lowerBlock) {
+      dragHandle.dhType = 'vertical';
+      var uBlock = document.getElementById(upperBlock);
+      var lBlock = document.getElementById(lowerBlock);
+      dragHandleOrigY = dragHandle.offsetTop;
+      dragHandleOrigUpper = uBlock.offsetHeight;
+      dragHandleDiff = event.clientY - dragHandle.offsetTop;
+      dragHandleOrigLower = lBlock.offsetTop;
+      document.body.style.cursor = "n-resize";
+    }
 
-    document.body.setAttribute('onmouseup', 'stopHandleDragging(event);');
-    document.body.setAttribute('onmousemove', 'dragHandleMove(event, "'
-			       + leftBlock
-			       + '", "'
-			       + rightBlock
-			       + '");');
-    document.body.style.cursor = "e-resize";
+    document.addEventListener('mouseup', stopHandleDragging, true);
+    document.addEventListener('mousemove', dragHandleMove, true);
 
-    dragHandleMove(event, leftBlock, rightBlock);
+    dragHandleMove(event);
     event.cancelBubble = true;
   }
 
@@ -436,38 +607,58 @@ function startHandleDragging(event) {
 }
 
 function stopHandleDragging(event) {
-  var diffX = (event.clientX - dragHandleOrigX
-	       - (dragHandle.offsetWidth / 2));
-  var lBlock
-    = document.getElementById(dragHandle.getAttribute('leftblock'));
-  var rBlock
-    = document.getElementById(dragHandle.getAttribute('rightblock'));
+  if (dragHandle.dhType == 'horizontal') {
+    var diffX = Math.floor(event.clientX - dragHandleOrigX
+                           - (dragHandle.offsetWidth / 2));
+    var lBlock
+      = document.getElementById(dragHandle.getAttribute('leftblock'));
+    var rBlock
+      = document.getElementById(dragHandle.getAttribute('rightblock'));
+    
+    rBlock.style.left = (dragHandleOrigRight + diffX) + 'px;';
+    lBlock.style.width = (dragHandleOrigLeft + diffX) + 'px;';
+  } else if (dragHandle.dhType == 'vertical') {
+    var diffY = Math.floor(event.clientY - dragHandleOrigY
+                           - (dragHandle.offsetHeight / 2));
+    var uBlock
+      = document.getElementById(dragHandle.getAttribute('upperblock'));
+    var lBlock
+      = document.getElementById(dragHandle.getAttribute('lowerblock'));
 
-  lBlock.style.width = (dragHandleOrigLeft + diffX) + 'px';
-  rBlock.style.left = (dragHandleOrigRight + diffX) + 'px';
-
-  document.body.setAttribute('onmousemove', '');
-  document.body.setAttribute('onmouseup', '');
+    lBlock.style.top = (dragHandleOrigLower + diffY
+                        - dragHandleDiff) + 'px;';
+    uBlock.style.height = (dragHandleOrigUpper + diffY - dragHandleDiff) + 'px;';
+  }
+ 
+  document.removeEventListener('mouseup', stopHandleDragging, true);
+  document.removeEventListener('mousemove', dragHandleMove, true);
   document.body.setAttribute('style', '');
   event.cancelBubble = true;
 
+  dragHandleMove(event);
+
   return false;
 }
 
-function dragHandleMove(event, leftBlock, rightBlock) {
-  if (typeof(dragHandle) == undefined
-      || !dragHandle)
-    stopHandling(event);
-  else {
+function dragHandleMove(event) {
+  if (dragHandle.dhType == 'horizontal') {
     var width = dragHandle.offsetWidth;
-
     var hX = event.clientX;
     if (hX > -1) {
-      var newLeft = hX - (width / 2);
-      
-      dragHandle.style.left = newLeft + 'px';
+      var newLeft = Math.floor(hX - (width / 2));
+      dragHandle.style.left = newLeft + 'px;';
       event.cancelBubble = true;
       
+      return false;
+    }
+  } else if (dragHandle.dhType == 'vertical') {
+    var height = dragHandle.offsetHeight;
+    var hY = event.clientY;
+    if (hY > -1) {
+      var newTop = Math.floor(hY - (height / 2))  - dragHandleDiff;
+      dragHandle.style.top = newTop + 'px;';
+      event.cancelBubble = true;
+
       return false;
     }
   }
@@ -475,18 +666,34 @@ function dragHandleMove(event, leftBlock, rightBlock) {
 
 function dragHandleDoubleClick(event) {
   dragHandle = event.target;
-  var lBlock
-    = document.getElementById(dragHandle.getAttribute('leftblock'));
-  var lLeft = lBlock.offsetLeft;
 
-  if (dragHandle.offsetLeft > lLeft) {
-    var rBlock
-      = document.getElementById(dragHandle.getAttribute('rightblock'));
-    var leftDiff = rBlock.offsetLeft - dragHandle.offsetLeft;
+  if (dragHandle.dhType == 'horizontal') {
+    var lBlock
+      = document.getElementById(dragHandle.getAttribute('leftblock'));
+    var lLeft = lBlock.offsetLeft;
     
-    dragHandle.style.left = lLeft + 'px';
-    lBlock.style.width = '0px';
-    rBlock.style.left = (lLeft + leftDiff) + 'px';
+    if (dragHandle.offsetLeft > lLeft) {
+      var rBlock
+        = document.getElementById(dragHandle.getAttribute('rightblock'));
+      var leftDiff = rBlock.offsetLeft - dragHandle.offsetLeft;
+
+      dragHandle.style.left = lLeft + 'px;';
+      lBlock.style.width = '0px';
+      rBlock.style.left = (lLeft + leftDiff) + 'px;';
+    }
+  } else if (dragHandle.dhType == 'vertical') {
+    var uBlock
+      = document.getElementById(dragHandle.getAttribute('upperblock'));
+    var uTop = uBlock.offsetTop;
+
+    if (dragHandle.offsetTop > uTop) {
+      var lBlock
+        = document.getElementById(dragHandle.getAttribute('lowerblock'));
+      var topDiff = lBlock.offsetTop - dragHandle.offsetTop;
+      
+      dragHandle.style.top = uTop + 'px;';
+      uBlock.style.width = '0px';
+      lBlock.style.top = (uTop + topDiff) + 'px;';
+    }
   }
 }
-

UI/WebServerResources/mailer.js

@@ -60,19 +60,19 @@ function toggleMailSelect(sender) {
   row = document.getElementById(sender.name);
   row.className = sender.checked ? "tableview_selected" : "tableview";
 }
+
 function collectSelectedRows() {
-  var pageform = document.forms['pageform'];
   var rows = new Array();
+  var messageList = document.getElementById('messageList');
+  var tbody = (messageList.getElementsByTagName('tbody'))[0];
+  var selectedRows = getSelectedNodes(tbody);
 
-  for (key in pageform) {
-    if (key.indexOf("row_") != 0)
-      continue;
-
-    if (!pageform[key].checked)
-      continue;
-    
-    rows[rows.length] = key.substring(4, key.length);
+  for (var i = 0; i < selectedRows.length; i++) {
+    var row = selectedRows[i];
+    var rowId = row.getAttribute('id').substring(4);
+    rows[rows.length] = rowId;
   }
+
   return rows;
 }
 
@@ -308,7 +308,7 @@ function openMessageWindowsForSelection(sender, action) {
   var idset = "";
   
   for (var i = 0; i < rows.length; i++) {
-    win = openMessageWindow(sender, 
+    win = openMessageWindow(sender,
 			    rows[i]                /* msguid */,
 			    rows[i] + "/" + action /* url */);
   }