sogo/UI/WebServerResources/ContactsUI.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 cachedContacts = new Array();
var currentContactFolder = '';
/* mail list */

function openContactWindow(sender, contactuid, url) {
  log ("message window at url: " + url);
  var msgWin = window.open(url, "SOGo_msg_" + contactuid,
			   "width=546,height=490,resizable=1,scrollbars=1,toolbar=0," +
			   "location=0,directories=0,status=0,menubar=0,copyhistory=0");

  msgWin.focus();
}

function clickedUid(sender, contactuid) {
  resetSelection(window);
  openContactWindow(sender, contactuid,
                    ApplicationBaseURL + currentContactFolder
                    + "/" + contactuid + "/edit");
  return true;
}

function doubleClickedUid(sender, contactuid) {
  alert("DOUBLE Clicked " + contactuid);

  return false;
}

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

/* 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%";
}

function onContactsFolderTreeItemClick(element)
{
  var topNode = document.getElementById('d');
  var contactsFolder = element.parentNode.getAttribute("dataname");

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

  openContactsFolder(contactsFolder);
}

function openContactsFolder(contactsFolder, params)
{
  if (contactsFolder != currentContactFolder || params) {
    currentContactFolder = contactsFolder;
    var url = ApplicationBaseURL + contactsFolder + "/view?noframe=1&sort=cn&desc=0";
    if (params)
      url += '&' + params;

    var contactsListContent = document.getElementById("contactsListContent");
//     var contactsFolderDragHandle = document.getElementById("contactsFolderDragHandle");
//     var messageContent = document.getElementById("messageContent");
//     messageContent.innerHTML = '';
    if (document.contactsListAjaxRequest) {
      document.contactsListAjaxRequest.aborted = true;
      document.contactsListAjaxRequest.abort();
    }
//     if (currentMessages[contactsFolder]) {
//       loadMessage(currentMessages[contactsFolder]);
//       url += '&pageforuid=' + currentMessages[contactsFolder];
//     }
    document.contactsListAjaxRequest
      = triggerAjaxRequest(url, contactsListCallback,
                           currentMessages[contactsFolder]);
    if (contactsListContent.style.visibility == "hidden") {
      contactsListContent.style.visibility = "visible;";
//         contactsFolderDragHandle.style.visibility = "visible;";
//         messageContent.style.top = (contactsFolderDragHandle.offsetTop
//                                     + contactsFolderDragHandle.offsetHeight
//                                     + 'px;');
    }
  }
//   triggerAjaxRequest(contactsFolder, 'toolbar', toolbarCallback);
}

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

  if (document.contactsListAjaxRequest) {
    document.contactsListAjaxRequest.aborted = true;
    document.contactsListAjaxRequest.abort();
  }
  document.contactsListAjaxRequest
    = triggerAjaxRequest(url, contactsListCallback);
}

function contactsListCallback(http)
{
  var div = document.getElementById('contactsListContent');

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

function onContactContextMenu(event, element)
{
  var menu = document.getElementById('contactMenu');
  menu.addEventListener("hideMenu", onContactContextMenuHide, false);
  onMenuClick(event, 'contactMenu');

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

function onContactContextMenuHide(event)
{
  var topNode = document.getElementById('contactsList');

  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 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 < cachedContacts.length
         && message == null)
    if (cachedContacts[counter]
        && cachedContacts[counter]['idx'] == currentContactFolder + '/' + idx)
      message = cachedContacts[counter];
    else
      counter++;

  return message;
}

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

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

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

  cachedContacts[oldest] = cachedContact;
}

function loadContact(idx)
{
  if (document.contactAjaxRequest) {
    document.contactAjaxRequest.aborted = true;
    document.contactAjaxRequest.abort();
  }

  var url = (ApplicationBaseURL + currentContactFolder + "/"
             + idx + "/view?noframe=1");
  log ("url: " + url);
  document.contactAjaxRequest
    = triggerAjaxRequest(url, contactLoadCallback, idx);
}

function contactLoadCallback(http)
{
  var div = $('contactView');
  log ("div: " + div);
  log ("http: " + http.status);

  if (http.readyState == 4
      && http.status == 200) {
    document.contactAjaxRequest = null;
    div.innerHTML = http.responseText;
  }
  else
    log ("ajax fuckage");
}

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 = document.getElementById("moveto");
  this.enableElement(e, rowSelectionCount > 0);
}

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

/* contact menu entries */
function onContactRowClick(event, node)
{
  var contactId = node.getAttribute('id');

  loadContact(contactId);
  log ("clicked contact: " + contactId);
//   changeCalendarDisplay(day);
//   changeDateSelectorDisplay(day);

  return onRowClick(event);
}

function onContactRowDblClick(event, node)
{
  var contactId = node.getAttribute('id');

  openContactWindow(null, contactId,
                    ApplicationBaseURL + currentContactFolder
                    + "/" + contactId + "/edit");

  return false;
}

function onMenuEditContact(event, node)
{
  var node = getParentMenu(node).menuTarget.parentNode;
  var contactId = node.getAttribute('id');

  openContactWindow(null, contactId,
                    ApplicationBaseURL + currentContactFolder
                    + "/" + contactId + "/edit");

  return false;
}

function onMenuWriteToContact(event, node)
{
  var node = getParentMenu(node).menuTarget.parentNode;
  var contactId = node.getAttribute('id');

  openContactWindow(null, contactId,
                    ApplicationBaseURL + currentContactFolder
                    + "/" + contactId + "/write");

  return false;
}

function onMenuDeleteContact(event, node)
{
  uixDeleteSelectedContacts(node);

  return false;
}

function onToolbarEditSelectedContacts(event)
{
  var contactsList = document.getElementById('contactsList');
  var rows = contactsList.getSelectedRowsId();

  for (var i = 0; i < rows.length; i++) {
    openContactWindow(null, 'edit_' + rows[i],
                      ApplicationBaseURL + currentContactFolder
                      + "/" + rows[i] + "/edit");
  }

  return false;
}

function onToolbarWriteToSelectedContacts(event)
{
  var contactsList = document.getElementById('contactsList');
  var rows = contactsList.getSelectedRowsId();

  for (var i = 0; i < rows.length; i++) {
    openContactWindow(null, 'writeto_' + rows[i],
                      ApplicationBaseURL + currentContactFolder
                      + "/" + rows[i] + "/write");
  }

  return false;
}

function uixDeleteSelectedContacts(sender)
{
  var failCount = 0;
  var contactsList = document.getElementById('contactsList');
  var rows = contactsList.getSelectedRowsId();

  for (var i = 0; i < rows.length; i++) {
    var url, http, rowElem;
    
    /* send AJAX request (synchronously) */
    
    url = (ApplicationBaseURL + currentContactFolder + "/"
           + rows[i] + "/delete");
    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(rows[i]);
    rowElem.parentNode.removeChild(rowElem);
  }

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

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 onHeaderClick(node)
{
  var href = node.getAttribute("href");

  if (document.contactsListAjaxRequest) {
    document.contactsListAjaxRequest.aborted = true;
    document.contactsListAjaxRequest.abort();
  }
  url = ApplicationBaseURL + currentContactFolder + "/" + href;
  if (!href.match(/noframe=/))
    url += "&noframe=1";
  log ("url: " + url);
  document.contactsListAjaxRequest
    = triggerAjaxRequest(url, contactsListCallback);

  return false;
}

function registerDraggableMessageNodes()
{
  log ("can we drag...");
}

function newContact(sender) {
  var urlstr;

  urlstr = ApplicationBaseURL + currentContactFolder + "/new";
  newcwin = window.open(urlstr, "SOGo_new_contact",
			"width=680,height=520,resizable=1,scrollbars=1,toolbar=0," +
			"location=0,directories=0,status=0,menubar=0,copyhistory=0");
  newcwin.focus();

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

function onFolderSelectionChange()
{
  var folderList = document.getElementById("contactFolders");
  var nodes = folderList.getSelectedNodes();
  var newFolder = nodes[0].getAttribute("id");

  openContactsFolder(newFolder);
}

function onSearchFormSubmit()
{
  var searchValue = document.getElementById("searchValue");

  openContactsFolder(currentContactFolder, "search=" + searchValue.value);

  return false;
}

function onConfirmContactSelection()
{
  var folderLi = document.getElementById(currentContactFolder);
  var currentContactFolderName = folderLi.innerHTML;

  var contactsList = document.getElementById('contactsList');
  var rows = contactsList.getSelectedRows();
  for (i = 0; i < rows.length; i++)
    {
      var cid = rows[i].getAttribute("contactid");
      if (cid)
        {
          var cname = '' + rows[i].getAttribute("contactname");
          log('cid = ' + cid + '; cname = ' + cname );
          if (cid.length > 0)
            opener.window.addContact(contactSelectorId,
                                     cid,
                                     currentContactFolderName + '/' + cname);
        }
    }

  return false;
}

function onContactMailTo(node) {
  return openMailTo(node.innerHTML);
}