/* 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=640,height=480,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 + "/view"); 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"; } function collectSelectedRows() { var rows = new Array(); var contactsList = document.getElementById('contactsList'); var tbody = (contactsList.getElementsByTagName('tbody'))[0]; var selectedRows = getSelectedNodes(tbody); for (var i = 0; i < selectedRows.length; i++) { var row = selectedRows[i]; var rowId = row.getAttribute('id'); 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 + '
'; } 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%"; } /* ajax contactsFolder 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) { if (!http.aborted) { 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(""); } return http; } 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 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) { if (contactsFolder != currentContactFolder) { currentContactFolder = contactsFolder; var url = ApplicationBaseURL + contactsFolder + "/view?noframe=1&desc=1"; var contactsFolderContent = document.getElementById("contactsFolderContent"); var contactsFolderDragHandle = document.getElementById("contactsFolderDragHandle"); var messageContent = document.getElementById("messageContent"); messageContent.innerHTML = ''; if (contactsFolder.lastIndexOf("/") == 0) { var url = (ApplicationBaseURL + currentContactFolder + "/" + "/view?noframe=1"); if (document.messageAjaxRequest) { document.messageAjaxRequest.aborted = true; document.messageAjaxRequest.abort(); } document.messageAjaxRequest = triggerAjaxRequest(url, messageCallback); contactsFolderContent.innerHTML = ''; contactsFolderContent.style.visibility = "hidden;"; contactsFolderDragHandle.style.visibility = "hidden;"; messageContent.style.top = "0px;"; } else { 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 (contactsFolderContent.style.visibility == "hidden") { contactsFolderContent.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('contactsFolderContent'); 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); } } 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 selectedNodeIds = collectSelectedRows(); topNode.menuSelectedRows = selectedNodeIds; for (var i = 0; i < selectedNodeIds.length; i++) { var selectedNode = document.getElementById(selectedNodeIds[i]); deselectNode (selectedNode); } 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 nodeIds = topNode.menuSelectedRows; for (var i = 0; i < nodeIds.length; i++) { var node = document.getElementById(nodeIds[i]); selectNode (node); } 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 onMessageSelectionChange() { var selection = collectSelectedRows(); if (selection.length == 1) { var idx = selection[0]; if (currentMessages[currentContactFolder] != idx) { currentMessages[currentContactFolder] = idx; loadMessage(idx); } } } function loadMessage(idx) { var cachedContact = getCachedMessage(idx); if (document.messageAjaxRequest) { document.messageAjaxRequest.aborted = true; document.messageAjaxRequest.abort(); } if (cachedContact == null) { var url = (ApplicationBaseURL + currentContactFolder + "/" + idx + "/view?noframe=1"); document.messageAjaxRequest = triggerAjaxRequest(url, messageCallback, idx); markMailInWindow(window, idx, true); } else { var div = document.getElementById('messageContent'); div.innerHTML = cachedContact['text']; cachedContact['time'] = (new Date()).getTime(); document.messageAjaxRequest = null; } } function messageCallback(http) { var div = document.getElementById('messageContent'); if (http.readyState == 4 && http.status == 200) { document.messageAjaxRequest = null; div.innerHTML = http.responseText; if (http.callbackData) { var cachedContact = new Array(); cachedContact['idx'] = currentContactFolder + '/' + http.callbackData; cachedContact['time'] = (new Date()).getTime(); cachedContact['text'] = http.responseText; if (cachedContact['text'].length < 30000) storeCachedMessage(cachedContact); } } 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); } 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"; } } /* contact menu entries */ 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 rows; rows = collectSelectedRows(); for (var i = 0; i < rows.length; i++) { openContactWindow(null, 'edit_' + rows[i], ApplicationBaseURL + currentContactFolder + "/" + rows[i] + "/edit"); } return false; } function onToolbarWriteToSelectedContacts(event) { var rows; rows = collectSelectedRows(); for (var i = 0; i < rows.length; i++) { openContactWindow(null, 'writeto_' + rows[i], ApplicationBaseURL + currentContactFolder + "/" + rows[i] + "/write"); } return false; } function uixDeleteSelectedContacts(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 = (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 initContactsFolderSelection(contactsFolderName) { currentContactFolder = contactsFolderName; var tree = document.getElementById("d"); var treeNodes = getElementsByClassName('DIV', 'dTreeNode', tree); var i = 0; while (i < treeNodes.length && treeNodes[i].getAttribute("dataname") != currentContactFolder) 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]; expandUpperTree(links[0]); } } 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 = "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 */ }