1 /* JavaScript for SOGoMail */
5 if (typeof textMailAccounts != 'undefined') {
6 if (textMailAccounts.length > 0)
7 mailAccounts = textMailAccounts.evalJSON(true);
9 mailAccounts = new Array();
12 var currentMessages = new Array();
13 var maxCachedMessages = 20;
14 var cachedMessages = new Array();
15 var currentMailbox = null;
16 var currentMailboxType = "";
18 var usersRightsWindowHeight = 320;
19 var usersRightsWindowWidth = 400;
23 var deleteMessageRequestCount = 0;
25 var messageCheckTimer;
29 function openMessageWindow(msguid, url) {
32 wId += "SOGo_msg_" + msguid;
33 markMailReadInWindow(window, msguid);
35 var msgWin = openMailComposeWindow(url, wId);
41 function onMessageDoubleClick(event) {
44 if (currentMailboxType == "draft")
49 return openMessageWindowsForSelection(action, true);
52 function toggleMailSelect(sender) {
55 row.className = sender.checked ? "tableview_selected" : "tableview";
58 function openAddressbook(sender) {
61 urlstr = ApplicationBaseURL + "/../Contacts/?popup=YES";
62 var w = window.open(urlstr, "Addressbook",
63 "width=640,height=400,resizable=1,scrollbars=1,toolbar=0,"
64 + "location=no,directories=0,status=0,menubar=0,copyhistory=0");
70 function onMenuSharing(event) {
71 var folderID = document.menuTarget.getAttribute("dataname");
72 var type = document.menuTarget.getAttribute("datatype");
74 if (type == "additional")
75 window.alert(clabels["The user rights cannot be"
76 + " edited for this object!"]);
78 var urlstr = URLForFolderID(folderID) + "/acls";
79 openAclWindow(urlstr);
83 /* mail list DOM changes */
85 function markMailInWindow(win, msguid, markread) {
88 msgDiv = win.$("div_" + msguid);
91 msgDiv.removeClassName("mailer_unreadmailsubject");
92 msgDiv.addClassName("mailer_readmailsubject");
93 msgDiv = win.$("unreaddiv_" + msguid);
96 msgDiv.setAttribute("class", "mailerUnreadIcon");
97 msgDiv.setAttribute("id", "readdiv_" + msguid);
98 msgDiv.setAttribute("src", ResourcesURL + "/icon_read.gif");
99 msgDiv.setAttribute("onclick", "mailListMarkMessage(this,"
100 + " 'markMessageUnread', " + msguid
103 var title = msgDiv.getAttribute("title-markunread");
105 msgDiv.setAttribute("title", title);
109 msgDiv.removeClassName('mailer_readmailsubject');
110 msgDiv.addClassName('mailer_unreadmailsubject');
111 msgDiv = win.$("readdiv_" + msguid);
114 msgDiv.setAttribute("class", "mailerReadIcon");
115 msgDiv.setAttribute("id", "unreaddiv_" + msguid);
116 msgDiv.setAttribute("src", ResourcesURL + "/icon_unread.gif");
117 msgDiv.setAttribute("onclick", "mailListMarkMessage(this,"
118 + " 'markMessageRead', " + msguid
121 var title = msgDiv.getAttribute("title-markread");
123 msgDiv.setAttribute("title", title);
132 function markMailReadInWindow(win, msguid) {
133 /* this is called by UIxMailView with window.opener */
134 return markMailInWindow(win, msguid, true);
137 /* mail list reply */
139 function openMessageWindowsForSelection(action, firstOnly) {
140 if (document.body.hasClassName("popup")) {
144 var messageList = $("messageList");
145 var rows = messageList.getSelectedRowsId();
146 if (rows.length > 0) {
147 for (var i = 0; i < rows.length; i++) {
148 openMessageWindow(rows[i].substr(4),
149 ApplicationBaseURL + currentMailbox
150 + "/" + rows[i].substr(4)
156 window.alert(labels["Please select a message."]);
163 function mailListMarkMessage(event) {
164 var http = createHTTPClient();
165 var url = ApplicationBaseURL + currentMailbox + "/" + msguid + "/" + action;
168 // TODO: add parameter to signal that we are only interested in OK
169 http.open("POST", url, false /* not async */);
171 if (http.status != 200) {
172 // TODO: refresh page?
173 alert("Message Mark Failed: " + http.statusText);
174 window.location.reload();
177 markMailInWindow(window, msguid, markread);
181 window.location.href = url;
185 /* maillist row highlight */
187 var oldMaillistHighlight = null; // to remember deleted/selected style
189 function ml_highlight(sender) {
190 oldMaillistHighlight = sender.className;
191 if (oldMaillistHighlight == "tableview_highlight")
192 oldMaillistHighlight = null;
193 sender.className = "tableview_highlight";
196 function ml_lowlight(sender) {
197 if (oldMaillistHighlight) {
198 sender.className = oldMaillistHighlight;
199 oldMaillistHighlight = null;
202 sender.className = "tableview";
206 /* bulk delete of messages */
208 function deleteSelectedMessages(sender) {
209 var messageList = $("messageList");
210 var rowIds = messageList.getSelectedRowsId();
212 for (var i = 0; i < rowIds.length; i++) {
214 var rowId = rowIds[i].substr(4);
215 var messageId = currentMailbox + "/" + rowId;
216 url = ApplicationBaseURL + messageId + "/trash";
217 deleteMessageRequestCount++;
218 var data = { "id": rowId, "mailbox": currentMailbox, "messageId": messageId };
219 triggerAjaxRequest(url, deleteSelectedMessagesCallback, data);
225 function deleteSelectedMessagesCallback(http) {
226 if (http.readyState == 4) {
227 if (isHttpStatus204(http.status)) {
228 var data = http.callbackData;
229 deleteCachedMessage(data["messageId"]);
230 if (currentMailbox == data["mailbox"]) {
232 var div = $('messageContent');
233 if (currentMessages[currentMailbox] == data["id"]) {
235 currentMessages[currentMailbox] = null;
238 var row = $("row_" + data["id"]);
239 row.parentNode.removeChild(row);
240 // row.addClassName("deleted"); // when we'll offer "mark as deleted"
242 deleteMessageRequestCount--;
247 log ("deleteSelectedMessagesCallback: problem during ajax request " + http.status);
250 function deleteDraft(url) {
251 /* this is called by UIxMailEditor with window.opener */
252 new Ajax.Request(url, {
254 onFailure: function(transport) {
255 if (!isHttpStatus204)
256 log("draftDeleteCallback: problem during ajax request: " + transport.status);
261 function moveMessages(rowIds, folder) {
264 for (var i = 0; i < rowIds.length; i++) {
267 /* send AJAX request (synchronously) */
269 var messageId = currentMailbox + "/" + rowIds[i];
270 url = (ApplicationBaseURL + messageId
271 + "/move?tofolder=" + folder);
272 http = createHTTPClient();
273 http.open("GET", url, false /* not async */);
275 if (http.status == 200) {
276 var row = $("row_" + rowIds[i]);
277 row.parentNode.removeChild(row);
278 deleteCachedMessage(messageId);
279 if (currentMessages[currentMailbox] == rowIds[i]) {
280 var div = $('messageContent');
282 currentMessages[currentMailbox] = null;
285 else /* request failed */
288 /* remove from page */
290 /* line-through would be nicer, but hiding is OK too */
294 alert("Could not move " + failCount + " messages!");
299 function onMenuDeleteMessage(event) {
300 deleteSelectedMessages();
301 preventDefault(event);
304 function onPrintCurrentMessage(event) {
305 var rowIds = $("messageList").getSelectedRowsId();
306 if (rowIds.length == 0) {
307 window.alert(labels["Please select a message to print."]);
309 else if (rowIds.length > 1) {
310 window.alert(labels["Please select only one message to print."]);
315 preventDefault(event);
318 function onMailboxTreeItemClick(event) {
319 var topNode = $("mailboxTree");
320 var mailbox = this.parentNode.getAttribute("dataname");
322 if (topNode.selectedEntry)
323 topNode.selectedEntry.deselect();
325 topNode.selectedEntry = this;
329 $("searchValue").value = "";
332 currentMailboxType = this.parentNode.getAttribute("datatype");
333 if (currentMailboxType == "account" || currentMailboxType == "additional") {
334 currentMailbox = mailbox;
335 $("messageContent").update();
336 var table = $("messageList");
337 var head = table.tHead;
338 var body = table.tBodies[0];
339 for (var i = body.rows.length; i > 0; i--)
342 head.rows[1].firstChild.update();
345 openMailbox(mailbox);
350 function _onMailboxMenuAction(menuEntry, error, actionName) {
351 var targetMailbox = menuEntry.mailbox.fullName();
353 if (targetMailbox == currentMailbox)
354 window.alert(labels[error]);
357 if (document.menuTarget.tagName == "DIV")
358 message = currentMessages[currentMailbox];
360 message = document.menuTarget.getAttribute("id").substr(4);
362 var urlstr = (URLForFolderID(currentMailbox) + "/" + message
363 + "/" + actionName + "?folder=" + targetMailbox);
364 triggerAjaxRequest(urlstr, folderRefreshCallback, currentMailbox);
368 function onMailboxMenuMove(event) {
369 _onMailboxMenuAction(this,
370 "Moving a message into its own folder is impossible!",
374 function onMailboxMenuCopy(event) {
375 _onMailboxMenuAction(this,
376 "Copying a message into its own folder is impossible!",
380 function refreshMailbox() {
381 var topWindow = getTopWindow();
383 topWindow.refreshCurrentFolder();
388 function onComposeMessage() {
389 var topWindow = getTopWindow();
391 topWindow.composeNewMessage();
396 function composeNewMessage() {
397 var account = currentMailbox.split("/")[1];
398 var url = ApplicationBaseURL + "/" + account + "/compose";
399 openMailComposeWindow(url);
402 function openMailbox(mailbox, reload, idx) {
403 if (mailbox != currentMailbox || reload) {
404 currentMailbox = mailbox;
405 var url = ApplicationBaseURL + encodeURI(mailbox) + "/view?noframe=1";
406 var messageContent = $("messageContent");
407 messageContent.update();
408 lastClickedRow = -1; // from generic.js
412 currentMessage = currentMessages[mailbox];
413 if (currentMessage) {
414 loadMessage(currentMessage);
415 url += '&pageforuid=' + currentMessage;
419 var searchValue = search["value"];
420 if (searchValue && searchValue.length > 0)
421 url += ("&search=" + search["criteria"]
422 + "&value=" + escape(searchValue));
423 var sortAttribute = sorting["attribute"];
424 if (sortAttribute && sortAttribute.length > 0)
425 url += ("&sort=" + sorting["attribute"]
426 + "&asc=" + sorting["ascending"]);
428 url += "&idx=" + idx;
430 if (document.messageListAjaxRequest) {
431 document.messageListAjaxRequest.aborted = true;
432 document.messageListAjaxRequest.abort();
435 var mailboxContent = $("mailboxContent");
436 if (mailboxContent.getStyle('visibility') == "hidden") {
437 mailboxContent.setStyle({ visibility: "visible" });
438 var rightDragHandle = $("rightDragHandle");
439 rightDragHandle.setStyle({ visibility: "visible" });
440 messageContent.setStyle({ top: (rightDragHandle.offsetTop
441 + rightDragHandle.offsetHeight
444 document.messageListAjaxRequest
445 = triggerAjaxRequest(url, messageListCallback,
448 var quotasUrl = ApplicationBaseURL + mailbox + "/quotas";
449 document.quotasAjaxRequest
450 = triggerAjaxRequest(quotasUrl, quotasCallback);
454 function openMailboxAtIndex(event) {
455 openMailbox(currentMailbox, true, this.getAttribute("idx"));
460 function messageListCallback(http) {
461 var div = $('mailboxContent');
462 var table = $('messageList');
464 if (http.readyState == 4
465 && http.status == 200) {
466 document.messageListAjaxRequest = null;
470 var thead = table.tHead;
471 var tbody = table.tBodies[0];
472 var tmp = document.createElement('div');
473 $(tmp).update(http.responseText);
474 thead.rows[1].parentNode.replaceChild(tmp.firstChild.tHead.rows[1], thead.rows[1]);
475 table.replaceChild(tmp.firstChild.tBodies[0], tbody);
479 div.update(http.responseText);
480 table = $('messageList');
481 configureMessageListEvents(table);
482 TableKit.Resizable.init(table, {'trueResize' : true, 'keepWidth' : true});
484 configureMessageListBodyEvents(table);
486 var selected = http.callbackData;
488 var row = $("row_" + selected);
491 lastClickedRow = row.rowIndex - $(row).up('table').down('thead').getElementsByTagName('tr').length;
492 div.scrollTop = row.rowIndex * row.getHeight(); // scroll to selected message
495 $("messageContent").update();
500 if (sorting["attribute"] && sorting["attribute"].length > 0) {
501 var sortHeader = $(sorting["attribute"] + "Header");
504 var sortImages = $(table.tHead).getElementsByClassName("sortImage");
505 $(sortImages).each(function(item) {
509 var sortImage = createElement("img", "messageSortImage", "sortImage");
510 sortHeader.insertBefore(sortImage, sortHeader.firstChild);
511 if (sorting["ascending"])
512 sortImage.src = ResourcesURL + "/title_sortdown_12x12.png";
514 sortImage.src = ResourcesURL + "/title_sortup_12x12.png";
519 var data = http.responseText;
520 var msg = data.replace(/^(.*\n)*.*<p>((.*\n)*.*)<\/p>(.*\n)*.*$/, "$2");
521 log("messageListCallback: problem during ajax request (readyState = " + http.readyState + ", status = " + http.status + ", response = " + msg + ")");
525 function quotasCallback(http) {
526 if (http.readyState == 4
527 && http.status == 200) {
528 var hasQuotas = false;
530 if (http.responseText.length > 0) {
531 var quotas = http.responseText.evalJSON(true);
532 for (var i in quotas) {
539 var treePath = currentMailbox.split("/");
540 var quotasMB = new Array();
541 for (var i = 2; i < treePath.length; i++)
542 quotasMB.push(treePath[i].substr(6));
543 var mbQuotas = quotas["/" + quotasMB.join("/")];
544 var used = mbQuotas["usedSpace"];
545 var max = mbQuotas["maxQuota"];
546 var percents = (Math.round(used * 10000 / max) / 100);
547 var format = labels["quotasFormat"];
548 var text = format.formatted(used, max, percents);
549 window.status = text;
554 function onMessageContextMenu(event) {
555 var menu = $('messageListMenu');
556 Event.observe(menu, "hideMenu", onMessageContextMenuHide);
557 popupMenu(event, "messageListMenu", this);
559 var topNode = $('messageList');
560 var selectedNodes = topNode.getSelectedRows();
561 for (var i = 0; i < selectedNodes.length; i++)
562 selectedNodes[i].deselect();
563 topNode.menuSelectedRows = selectedNodes;
564 topNode.menuSelectedEntry = this;
568 function onMessageContextMenuHide(event) {
569 var topNode = $('messageList');
571 if (topNode.menuSelectedEntry) {
572 topNode.menuSelectedEntry.deselect();
573 topNode.menuSelectedEntry = null;
575 if (topNode.menuSelectedRows) {
576 var nodes = topNode.menuSelectedRows;
577 for (var i = 0; i < nodes.length; i++)
579 topNode.menuSelectedRows = null;
583 function onFolderMenuClick(event) {
584 var onhide, menuName;
586 var menutype = this.parentNode.getAttribute("datatype");
588 if (menutype == "inbox") {
589 menuName = "inboxIconMenu";
590 } else if (menutype == "account") {
591 menuName = "accountIconMenu";
592 } else if (menutype == "trash") {
593 menuName = "trashIconMenu";
595 menuName = "mailboxIconMenu";
598 menuName = "mailboxIconMenu";
601 var menu = $(menuName);
602 Event.observe(menu, "hideMenu", onFolderMenuHide);
603 popupMenu(event, menuName, this.parentNode);
605 var topNode = $("mailboxTree");
606 if (topNode.selectedEntry)
607 topNode.selectedEntry.deselect();
608 if (topNode.menuSelectedEntry)
609 topNode.menuSelectedEntry.deselect();
610 topNode.menuSelectedEntry = this;
613 preventDefault(event);
616 function onFolderMenuHide(event) {
617 var topNode = $("mailboxTree");
619 if (topNode.menuSelectedEntry) {
620 topNode.menuSelectedEntry.deselect();
621 topNode.menuSelectedEntry = null;
623 if (topNode.selectedEntry)
624 topNode.selectedEntry.select();
627 function deleteCachedMessage(messageId) {
631 while (counter < cachedMessages.length
633 if (cachedMessages[counter]
634 && cachedMessages[counter]['idx'] == messageId) {
635 cachedMessages.splice(counter, 1);
642 function getCachedMessage(idx) {
646 while (counter < cachedMessages.length
648 if (cachedMessages[counter]
649 && cachedMessages[counter]['idx'] == currentMailbox + '/' + idx)
650 message = cachedMessages[counter];
657 function storeCachedMessage(cachedMessage) {
662 if (cachedMessages.length < maxCachedMessages)
663 oldest = cachedMessages.length;
665 while (cachedMessages[counter]) {
667 || cachedMessages[counter]['time'] < timeOldest) {
669 timeOldest = cachedMessages[counter]['time'];
678 cachedMessages[oldest] = cachedMessage;
681 function onMessageSelectionChange() {
682 var rows = this.getSelectedRowsId();
684 if (rows.length == 1) {
685 var idx = rows[0].substr(4);
687 if (currentMessages[currentMailbox] != idx) {
688 currentMessages[currentMailbox] = idx;
694 function loadMessage(idx) {
695 if (document.messageAjaxRequest) {
696 document.messageAjaxRequest.aborted = true;
697 document.messageAjaxRequest.abort();
700 var cachedMessage = getCachedMessage(idx);
702 if (cachedMessage == null) {
703 var url = (ApplicationBaseURL + currentMailbox + "/"
704 + idx + "/view?noframe=1");
705 document.messageAjaxRequest
706 = triggerAjaxRequest(url, messageCallback, idx);
707 markMailInWindow(window, idx, true);
709 var div = $('messageContent');
710 div.update(cachedMessage['text']);
711 cachedMessage['time'] = (new Date()).getTime();
712 document.messageAjaxRequest = null;
713 configureLinksInMessage();
718 function configureLinksInMessage() {
719 var messageDiv = $('messageContent');
720 var mailContentDiv = document.getElementsByClassName('mailer_mailcontent',
722 if (!document.body.hasClassName("popup"))
723 Event.observe(mailContentDiv, "contextmenu",
724 onMessageContentMenu.bindAsEventListener(mailContentDiv));
725 var anchors = messageDiv.getElementsByTagName('a');
726 for (var i = 0; i < anchors.length; i++)
727 if (anchors[i].href.substring(0,7) == "mailto:") {
728 Event.observe(anchors[i], "click",
729 onEmailAddressClick.bindAsEventListener(anchors[i]));
730 Event.observe(anchors[i], "contextmenu",
731 onEmailAddressClick.bindAsEventListener(anchors[i]));
734 Event.observe(anchors[i], "click",
735 onMessageAnchorClick.bindAsEventListener(anchors[i]));
737 var editDraftButton = $("editDraftButton");
739 Event.observe(editDraftButton, "click",
740 onMessageEditDraft.bindAsEventListener(editDraftButton));
743 function resizeMailContent() {
744 var headerTable = document.getElementsByClassName('mailer_fieldtable')[0];
745 var contentDiv = document.getElementsByClassName('mailer_mailcontent')[0];
747 contentDiv.setStyle({ 'top': (Element.getHeight(headerTable) + headerTable.offsetTop) + 'px' });
750 function onMessageContentMenu(event) {
751 popupMenu(event, 'messageContentMenu', this);
754 function onMessageEditDraft(event) {
755 return openMessageWindowsForSelection("edit", true);
758 function onEmailAddressClick(event) {
759 popupMenu(event, 'addressMenu', this);
762 function onMessageAnchorClick(event) {
763 window.open(this.href);
764 preventDefault(event);
767 function messageCallback(http) {
768 var div = $('messageContent');
770 if (http.readyState == 4
771 && http.status == 200) {
772 document.messageAjaxRequest = null;
773 div.update(http.responseText);
774 configureLinksInMessage();
777 if (http.callbackData) {
778 var cachedMessage = new Array();
779 cachedMessage['idx'] = currentMailbox + '/' + http.callbackData;
780 cachedMessage['time'] = (new Date()).getTime();
781 cachedMessage['text'] = http.responseText;
782 if (cachedMessage['text'].length < 30000)
783 storeCachedMessage(cachedMessage);
787 log("messageCallback: problem during ajax request: " + http.status);
790 function processMailboxMenuAction(mailbox) {
791 var currentNode, upperNode;
795 mailboxName = mailbox.getAttribute('mailboxname');
796 currentNode = mailbox;
800 && !currentNode.hasAttribute('mailboxaction'))
801 currentNode = currentNode.parentNode.parentNode.parentMenuItem;
805 action = currentNode.getAttribute('mailboxaction');
806 // var rows = collectSelectedRows();
807 // var rString = rows.join(', ');
808 // alert("performing '" + action + "' on " + rString
809 // + " to " + mailboxName);
813 var rowSelectionCount = 0;
817 function showElement(e, shouldShow) {
818 e.style.display = shouldShow ? "" : "none";
821 function enableElement(e, shouldEnable) {
825 if(e.hasAttribute("disabled"))
826 e.removeAttribute("disabled");
829 e.setAttribute("disabled", "1");
833 function validateControls() {
835 this.enableElement(e, rowSelectionCount > 0);
838 function moveTo(uri) {
839 alert("MoveTo: " + uri);
842 /* message menu entries */
843 function onMenuOpenMessage(event) {
844 return openMessageWindowsForSelection('popupview');
847 function onMenuReplyToSender(event) {
848 return openMessageWindowsForSelection('reply');
851 function onMenuReplyToAll(event) {
852 return openMessageWindowsForSelection('replyall');
855 function onMenuForwardMessage(event) {
856 return openMessageWindowsForSelection('forward');
859 function onMenuViewMessageSource(event) {
860 var messageList = $("messageList");
861 var rows = messageList.getSelectedRowsId();
863 if (rows.length > 0) {
864 var url = (ApplicationBaseURL + currentMailbox + "/"
865 + rows[0].substr(4) + "/viewsource");
866 openMailComposeWindow(url);
869 preventDefault(event);
873 function newContactFromEmail(event) {
874 var mailto = document.menuTarget.innerHTML;
876 var email = extractEmailAddress(mailto);
877 var c_name = extractEmailName(mailto);
878 if (email.length > 0)
880 var url = UserFolderURL + "Contacts/new?contactEmail=" + email;
882 url += "&contactFN=" + c_name;
883 openContactWindow(url);
886 return false; /* stop following the link */
889 function newEmailTo(sender) {
890 return openMailTo(document.menuTarget.innerHTML);
893 function expandUpperTree(node) {
894 var currentNode = node.parentNode;
896 while (currentNode.className != "dtree") {
897 if (currentNode.className == 'clip') {
898 var id = currentNode.getAttribute("id");
899 var number = parseInt(id.substr(2));
901 var cn = mailboxTree.aNodes[number];
902 mailboxTree.nodeStatus(1, number, cn._ls);
905 currentNode = currentNode.parentNode;
909 function onHeaderClick(event) {
910 var headerId = this.getAttribute("id");
911 var newSortAttribute;
912 if (headerId == "subjectHeader")
913 newSortAttribute = "subject";
914 else if (headerId == "fromHeader")
915 newSortAttribute = "from";
916 else if (headerId == "dateHeader")
917 newSortAttribute = "date";
919 newSortAttribute = "arrival";
921 if (sorting["attribute"] == newSortAttribute)
922 sorting["ascending"] = !sorting["ascending"];
924 sorting["attribute"] = newSortAttribute;
925 sorting["ascending"] = true;
927 refreshCurrentFolder();
932 function refreshCurrentFolder() {
933 openMailbox(currentMailbox, true);
936 function refreshFolderByType(type) {
937 if (currentMailboxType == type)
938 refreshCurrentFolder();
941 var mailboxSpanAcceptType = function(type) {
942 return (type == "mailRow");
945 var mailboxSpanEnter = function() {
946 this.addClassName("_dragOver");
949 var mailboxSpanExit = function() {
950 this.removeClassName("_dragOver");
953 var mailboxSpanDrop = function(data) {
957 var folder = this.parentNode.parentNode.getAttribute("dataname");
958 if (folder != currentMailbox)
959 success = (moveMessages(data, folder) == 0);
967 var plusSignEnter = function() {
968 var nodeNr = parseInt(this.id.substr(2));
969 if (!mailboxTree.aNodes[nodeNr]._io)
970 this.plusSignTimer = setTimeout("openPlusSign('" + nodeNr + "');", 1000);
973 var plusSignExit = function() {
974 if (this.plusSignTimer) {
975 clearTimeout(this.plusSignTimer);
976 this.plusSignTimer = null;
980 function openPlusSign(nodeNr) {
981 mailboxTree.nodeStatus(1, nodeNr, mailboxTree.aNodes[nodeNr]._ls);
982 mailboxTree.aNodes[nodeNr]._io = 1;
983 this.plusSignTimer = null;
986 var messageListGhost = function () {
987 var newDiv = document.createElement("div");
988 // newDiv.style.width = "25px;";
989 // newDiv.style.height = "25px;";
990 newDiv.style.backgroundColor = "#aae;";
991 newDiv.style.border = "2px solid #a3a;";
992 newDiv.style.padding = "5px;";
993 newDiv.ghostOffsetX = 10;
994 newDiv.ghostOffsetY = 5;
996 var newImg = document.createElement("img");
997 newImg.src = ResourcesURL + "/message-mail.png";
999 var list = $("messageList");
1000 var count = list.getSelectedRows().length;
1001 newDiv.appendChild(newImg);
1002 newDiv.appendChild(document.createElement("br"));
1003 newDiv.appendChild(document.createTextNode(count + " messages..."));
1008 var messageListData = function(type) {
1009 var rows = this.parentNode.parentNode.getSelectedRowsId();
1010 var msgIds = new Array();
1011 for (var i = 0; i < rows.length; i++)
1012 msgIds.push(rows[i].substr(4));
1017 /* a model for a futur refactoring of the sortable table headers mechanism */
1018 function configureMessageListEvents(table) {
1020 table.multiselect = true;
1021 // Each body row can load a message
1022 Event.observe(table, "mousedown",
1023 onMessageSelectionChange.bindAsEventListener(table));
1025 configureSortableTableHeaders(table);
1029 function configureMessageListBodyEvents(table) {
1032 var cell = table.tHead.rows[1].cells[0];
1033 if ($(cell).hasClassName("tbtv_navcell")) {
1034 var anchors = $(cell).childNodesWithTag("a");
1035 for (var i = 0; i < anchors.length; i++)
1036 Event.observe(anchors[i], "click", openMailboxAtIndex.bindAsEventListener(anchors[i]));
1039 rows = table.tBodies[0].rows;
1040 for (var i = 0; i < rows.length; i++) {
1041 Event.observe(rows[i], "mousedown", onRowClick);
1042 Event.observe(rows[i], "selectstart", listRowMouseDownHandler);
1043 Event.observe(rows[i], "contextmenu", onMessageContextMenu.bindAsEventListener(rows[i]));
1045 rows[i].dndTypes = function() { return new Array("mailRow"); };
1046 rows[i].dndGhost = messageListGhost;
1047 rows[i].dndDataForType = messageListData;
1048 // document.DNDManager.registerSource(rows[i]);
1050 for (var j = 0; j < rows[i].cells.length; j++) {
1051 var cell = rows[i].cells[j];
1052 Event.observe(cell, "mousedown", listRowMouseDownHandler);
1053 if (j == 2 || j == 3 || j == 5)
1054 Event.observe(cell, "dblclick", onMessageDoubleClick.bindAsEventListener(cell));
1056 var img = cell.childNodesWithTag("img")[0];
1057 Event.observe(img, "click", mailListMarkMessage);
1064 function configureDragHandles() {
1065 var handle = $("verticalDragHandle");
1067 handle.addInterface(SOGoDragHandlesInterface);
1068 handle.leftMargin = 1;
1069 handle.leftBlock=$("leftPanel");
1070 handle.rightBlock=$("rightPanel");
1073 handle = $("rightDragHandle");
1075 handle.addInterface(SOGoDragHandlesInterface);
1076 handle.upperBlock=$("mailboxContent");
1077 handle.lowerBlock=$("messageContent");
1082 function initDnd() {
1083 // log("MailerUI initDnd");
1085 var tree = $("mailboxTree");
1087 var images = tree.getElementsByTagName("img");
1088 for (var i = 0; i < images.length; i++) {
1089 if (images[i].id[0] == 'j') {
1090 images[i].dndAcceptType = mailboxSpanAcceptType;
1091 images[i].dndEnter = plusSignEnter;
1092 images[i].dndExit = plusSignExit;
1093 document.DNDManager.registerDestination(images[i]);
1096 var nodes = document.getElementsByClassName("nodeName", tree);
1097 for (var i = 0; i < nodes.length; i++) {
1098 nodes[i].dndAcceptType = mailboxSpanAcceptType;
1099 nodes[i].dndEnter = mailboxSpanEnter;
1100 nodes[i].dndExit = mailboxSpanExit;
1101 nodes[i].dndDrop = mailboxSpanDrop;
1102 document.DNDManager.registerDestination(nodes[i]);
1109 function refreshContacts() {
1112 function openInbox(node) {
1114 openMailbox(node.parentNode.getAttribute("dataname"));
1115 var tree = $("mailboxTree");
1116 tree.selectedEntry = node;
1121 function initMailer(event) {
1122 if (!document.body.hasClassName("popup")) {
1125 initMessageCheckTimer();
1129 function initMessageCheckTimer() {
1130 var messageCheck = userDefaults["MessageCheck"];
1131 if (messageCheck && messageCheck != "manually") {
1133 if (messageCheck == "once_per_hour")
1135 else if (messageCheck == "every_minute")
1138 interval = parseInt(messageCheck.substr(6)) * 60;
1140 messageCheckTimer = window.setInterval(onMessageCheckCallback,
1145 function onMessageCheckCallback(event) {
1149 function initMailboxTree() {
1150 mailboxTree = new dTree("mailboxTree");
1151 mailboxTree.config.folderLinks = true;
1152 mailboxTree.config.hideRoot = true;
1154 mailboxTree.icon.root = ResourcesURL + "/tbtv_account_17x17.gif";
1155 mailboxTree.icon.folder = ResourcesURL + "/tbtv_leaf_corner_17x17.gif";
1156 mailboxTree.icon.folderOpen = ResourcesURL + "/tbtv_leaf_corner_17x17.gif";
1157 mailboxTree.icon.node = ResourcesURL + "/tbtv_leaf_corner_17x17.gif";
1158 mailboxTree.icon.line = ResourcesURL + "/tbtv_line_17x17.gif";
1159 mailboxTree.icon.join = ResourcesURL + "/tbtv_junction_17x17.gif";
1160 mailboxTree.icon.joinBottom = ResourcesURL + "/tbtv_corner_17x17.gif";
1161 mailboxTree.icon.plus = ResourcesURL + "/tbtv_plus_17x17.gif";
1162 mailboxTree.icon.plusBottom = ResourcesURL + "/tbtv_corner_plus_17x17.gif";
1163 mailboxTree.icon.minus = ResourcesURL + "/tbtv_minus_17x17.gif";
1164 mailboxTree.icon.minusBottom = ResourcesURL + "/tbtv_corner_minus_17x17.gif";
1165 mailboxTree.icon.nlPlus = ResourcesURL + "/tbtv_corner_plus_17x17.gif";
1166 mailboxTree.icon.nlMinus = ResourcesURL + "/tbtv_corner_minus_17x17.gif";
1167 mailboxTree.icon.empty = ResourcesURL + "/empty.gif";
1169 mailboxTree.add(0, -1, '');
1171 mailboxTree.pendingRequests = mailAccounts.length;
1172 activeAjaxRequests += mailAccounts.length;
1173 for (var i = 0; i < mailAccounts.length; i++) {
1174 var url = ApplicationBaseURL + "/" + mailAccounts[i] + "/mailboxes";
1175 triggerAjaxRequest(url, onLoadMailboxesCallback, mailAccounts[i]);
1179 function updateMailboxTreeInPage() {
1180 $("folderTreeContent").update(mailboxTree);
1182 var inboxFound = false;
1183 var tree = $("mailboxTree");
1184 var nodes = document.getElementsByClassName("node", tree);
1185 for (i = 0; i < nodes.length; i++) {
1186 Event.observe(nodes[i], "click",
1187 onMailboxTreeItemClick.bindAsEventListener(nodes[i]));
1188 Event.observe(nodes[i], "contextmenu",
1189 onFolderMenuClick.bindAsEventListener(nodes[i]));
1191 && nodes[i].parentNode.getAttribute("datatype") == "inbox") {
1192 openInbox(nodes[i]);
1198 function mailboxMenuNode(type, name) {
1199 var newNode = document.createElement("li");
1200 var icon = MailerUIdTreeExtension.folderIcons[type];
1202 icon = "tbtv_leaf_corner_17x17.gif";
1203 var image = document.createElement("img");
1204 image.src = ResourcesURL + "/" + icon;
1205 newNode.appendChild(image);
1206 var displayName = MailerUIdTreeExtension.folderNames[type];
1209 newNode.appendChild(document.createTextNode(" " + displayName));
1214 function generateMenuForMailbox(mailbox, prefix, callback) {
1215 var menuDIV = document.createElement("div");
1216 $(menuDIV).addClassName("menu");
1217 menuDIV.setAttribute("id", prefix + "Submenu");
1218 var menu = document.createElement("ul");
1219 menuDIV.appendChild(menu);
1220 pageContent.appendChild(menuDIV);
1222 var callbacks = new Array();
1223 if (mailbox.type != "account") {
1224 var newNode = document.createElement("li");
1225 newNode.mailbox = mailbox;
1226 newNode.appendChild(document.createTextNode(labels["This Folder"]));
1227 menu.appendChild(newNode);
1228 menu.appendChild(document.createElement("li"));
1229 callbacks.push(callback);
1230 callbacks.push("-");
1233 var submenuCount = 0;
1234 for (var i = 0; i < mailbox.children.length; i++) {
1235 var child = mailbox.children[i];
1236 var newNode = mailboxMenuNode(child.type, child.name);
1237 menu.appendChild(newNode);
1238 if (child.children.length > 0) {
1239 var newPrefix = prefix + submenuCount;
1240 var newSubmenuId = generateMenuForMailbox(child, newPrefix, callback);
1241 callbacks.push(newSubmenuId);
1245 newNode.mailbox = child;
1246 callbacks.push(callback);
1249 initMenu(menuDIV, callbacks);
1251 return menuDIV.getAttribute("id");
1254 function updateMailboxMenus() {
1255 var mailboxActions = { move: onMailboxMenuMove,
1256 copy: onMailboxMenuCopy };
1258 for (key in mailboxActions) {
1259 var menuId = key + "MailboxMenu";
1260 var menuDIV = $(menuId);
1262 menuDIV.parentNode.removeChild(menuDIV);
1264 menuDIV = document.createElement("div");
1265 pageContent = $("pageContent");
1266 pageContent.appendChild(menuDIV);
1268 var menu = document.createElement("ul");
1269 menuDIV.appendChild(menu);
1271 $(menuDIV).addClassName("menu");
1272 menuDIV.setAttribute("id", menuId);
1274 var submenuIds = new Array();
1275 for (var i = 0; i < mailAccounts.length; i++) {
1276 var menuEntry = mailboxMenuNode("account", mailAccounts[i]);
1277 menu.appendChild(menuEntry);
1278 var mailbox = accounts[mailAccounts[i]];
1279 var newSubmenuId = generateMenuForMailbox(mailbox,
1280 key, mailboxActions[key]);
1281 submenuIds.push(newSubmenuId);
1283 initMenu(menuDIV, submenuIds);
1287 function onLoadMailboxesCallback(http) {
1288 if (http.readyState == 4
1289 && http.status == 200) {
1290 checkAjaxRequestsState();
1291 if (http.responseText.length > 0) {
1292 var newAccount = buildMailboxes(http.callbackData,
1294 accounts[http.callbackData] = newAccount;
1295 mailboxTree.addMailAccount(newAccount);
1296 mailboxTree.pendingRequests--;
1297 activeAjaxRequests--;
1298 if (!mailboxTree.pendingRequests) {
1299 updateMailboxTreeInPage();
1300 updateMailboxMenus();
1301 checkAjaxRequestsState();
1306 // var tree = $("mailboxTree");
1307 // var treeNodes = document.getElementsByClassName("dTreeNode", tree);
1309 // while (i < treeNodes.length
1310 // && treeNodes[i].getAttribute("dataname") != currentMailbox)
1312 // if (i < treeNodes.length) {
1313 // // log("found mailbox");
1314 // var links = document.getElementsByClassName("node", treeNodes[i]);
1315 // if (tree.selectedEntry)
1316 // tree.selectedEntry.deselect();
1317 // links[0].select();
1318 // tree.selectedEntry = links[0];
1319 // expandUpperTree(links[0]);
1323 function buildMailboxes(accountName, encoded) {
1324 var account = new Mailbox("account", accountName);
1325 var data = encoded.evalJSON(true);
1326 for (var i = 0; i < data.length; i++) {
1327 var currentNode = account;
1328 var names = data[i].path.split("/");
1329 for (var j = 1; j < (names.length - 1); j++) {
1330 var node = currentNode.findMailboxByName(names[j]);
1332 node = new Mailbox("additional", names[j]);
1333 currentNode.addMailbox(node);
1337 var basename = names[names.length-1];
1338 var leaf = currentNode.findMailboxByName(basename);
1340 leaf.type = data[i].type;
1342 leaf = new Mailbox(data[i].type, basename);
1343 currentNode.addMailbox(leaf);
1350 function onMenuCreateFolder(event) {
1351 var name = window.prompt(labels["Name :"], "");
1352 if (name && name.length > 0) {
1353 var folderID = document.menuTarget.getAttribute("dataname");
1354 var urlstr = URLForFolderID(folderID) + "/createFolder?name=" + name; log ("create " + urlstr);
1355 triggerAjaxRequest(urlstr, folderOperationCallback);
1359 function onMenuRenameFolder(event) {
1360 var name = window.prompt(labels["Enter the new name of your folder :"]
1363 if (name && name.length > 0) {
1364 var folderID = document.menuTarget.getAttribute("dataname");
1365 var urlstr = URLForFolderID(folderID) + "/renameFolder?name=" + name;
1366 triggerAjaxRequest(urlstr, folderOperationCallback);
1370 function onMenuDeleteFolder(event) {
1371 var answer = window.confirm(labels["Do you really want to move this folder into the trash ?"]);
1373 var folderID = document.menuTarget.getAttribute("dataname");
1374 var urlstr = URLForFolderID(folderID) + "/deleteFolder";
1375 triggerAjaxRequest(urlstr, folderOperationCallback);
1379 function onMenuExpungeFolder(event) {
1380 var folderID = document.menuTarget.getAttribute("dataname");
1381 var urlstr = URLForFolderID(folderID) + "/expunge";
1382 triggerAjaxRequest(urlstr, folderRefreshCallback, folderID);
1385 function onMenuEmptyTrash(event) {
1386 var folderID = document.menuTarget.getAttribute("dataname");
1387 var urlstr = URLForFolderID(folderID) + "/emptyTrash";
1388 triggerAjaxRequest(urlstr, folderOperationCallback, folderID);
1390 if (folderID == currentMailbox) {
1391 var div = $('messageContent');
1392 for (var i = div.childNodes.length - 1; i > -1; i--)
1393 div.removeChild(div.childNodes[i]);
1394 refreshCurrentFolder();
1396 var msgID = currentMessages[folderID];
1398 deleteCachedMessage(folderID + "/" + msgID);
1401 function _onMenuChangeToXXXFolder(event, folder) {
1402 var type = document.menuTarget.getAttribute("datatype");
1403 if (type == "additional")
1404 window.alert(labels["You need to choose a non-virtual folder!"]);
1406 var folderID = document.menuTarget.getAttribute("dataname");
1407 var urlstr = URLForFolderID(folderID) + "/setAs" + folder + "Folder";
1408 triggerAjaxRequest(urlstr, folderOperationCallback);
1412 function onMenuChangeToDraftsFolder(event) {
1413 return _onMenuChangeToXXXFolder(event, "Drafts");
1416 function onMenuChangeToSentFolder(event) {
1417 return _onMenuChangeToXXXFolder(event, "Sent");
1420 function onMenuChangeToTrashFolder(event) {
1421 return _onMenuChangeToXXXFolder(event, "Trash");
1424 function onMenuLabelNone() {
1425 var rowId = document.menuTarget.getAttribute("id").substr(4);
1426 var messageId = currentMailbox + "/" + rowId;
1427 var urlstr = ApplicationBaseURL + messageId + "/removeAllLabels";
1428 triggerAjaxRequest(urlstr, messageFlagCallback,
1429 { mailbox: currentMailbox, msg: rowId, label: null } );
1432 function _onMenuLabelFlagX(flag) {
1433 var flags = document.menuTarget.getAttribute("labels").split(" ");
1435 var rowId = document.menuTarget.getAttribute("id").substr(4);
1436 var messageId = currentMailbox + "/" + rowId;
1438 var operation = "add";
1439 if (flags.indexOf("label" + flag) > -1)
1440 operation = "remove";
1441 var urlstr = (ApplicationBaseURL + messageId
1442 + "/" + operation + "Label" + flag);
1443 triggerAjaxRequest(urlstr, messageFlagCallback,
1444 { mailbox: currentMailbox, msg: rowId,
1445 label: operation + flag } );
1448 function onMenuLabelFlag1() {
1449 _onMenuLabelFlagX(1);
1452 function onMenuLabelFlag2() {
1453 _onMenuLabelFlagX(2);
1456 function onMenuLabelFlag3() {
1457 _onMenuLabelFlagX(3);
1460 function onMenuLabelFlag4() {
1461 _onMenuLabelFlagX(4);
1464 function onMenuLabelFlag5() {
1465 _onMenuLabelFlagX(5);
1468 function folderOperationCallback(http) {
1469 if (http.readyState == 4
1470 && isHttpStatus204(http.status))
1473 window.alert(labels["Operation failed"]);
1476 function folderRefreshCallback(http) {
1477 if (http.readyState == 4
1478 && isHttpStatus204(http.status)) {
1479 var oldMailbox = http.callbackData;
1480 if (oldMailbox == currentMailbox)
1481 refreshCurrentFolder();
1484 window.alert(labels["Operation failed"]);
1487 function messageFlagCallback(http) {
1488 if (http.readyState == 4
1489 && isHttpStatus204(http.status)) {
1490 var data = http.callbackData;
1491 if (data["mailbox"] == currentMailbox) {
1492 var row = $("row_" + data["msg"]);
1493 var operation = data["label"];
1495 var labels = row.getAttribute("labels");
1497 if (labels.length > 0)
1498 flags = labels.split(" ");
1500 flags = new Array();
1501 if (operation.substr(0, 3) == "add")
1502 flags.push("label" + operation.substr(3));
1504 var flag = "label" + operation.substr(6);
1505 var idx = flags.indexOf(flag);
1506 flags.splice(idx, 1);
1508 row.setAttribute("labels", flags.join(" "));
1511 row.setAttribute("labels", "");
1516 function onLabelMenuPrepareVisibility() {
1517 var messageList = $("messageList");
1521 var rows = messageList.getSelectedRows();
1522 for (var i = 0; i < rows.length; i++) {
1523 $w(rows[i].getAttribute("labels")).each(function(flag) {
1529 var lis = this.childNodesWithTag("ul")[0].childNodesWithTag("li")
1530 var isFlagged = false;
1531 for (var i = 1; i < 6; i++) {
1532 if (flags["label" + i]) {
1534 lis[1 + i].addClassName("_chosen");
1537 lis[1 + i].removeClassName("_chosen");
1540 lis[0].removeClassName("_chosen");
1542 lis[0].addClassName("_chosen");
1545 function getMenus() {
1547 menus["accountIconMenu"] = new Array(null, null, onMenuCreateFolder, null,
1549 menus["inboxIconMenu"] = new Array(null, null, null, "-", null,
1550 onMenuCreateFolder, onMenuExpungeFolder,
1553 menus["trashIconMenu"] = new Array(null, null, null, "-", null,
1554 onMenuCreateFolder, onMenuExpungeFolder,
1555 onMenuEmptyTrash, "-", null,
1557 menus["mailboxIconMenu"] = new Array(null, null, null, "-", null,
1560 onMenuExpungeFolder,
1565 menus["addressMenu"] = new Array(newContactFromEmail, newEmailTo, null);
1566 menus["messageListMenu"] = new Array(onMenuOpenMessage, "-",
1567 onMenuReplyToSender,
1569 onMenuForwardMessage, null,
1570 "-", "moveMailboxMenu",
1571 "copyMailboxMenu", "label-menu",
1572 "mark-menu", "-", null,
1573 onMenuViewMessageSource, null,
1574 null, onMenuDeleteMessage);
1575 menus["messageContentMenu"] = new Array(onMenuReplyToSender,
1577 onMenuForwardMessage,
1578 null, "moveMailboxMenu",
1580 "-", "label-menu", "mark-menu",
1582 null, onMenuViewMessageSource,
1583 null, onPrintCurrentMessage,
1584 onMenuDeleteMessage);
1585 menus["folderTypeMenu"] = new Array(onMenuChangeToSentFolder,
1586 onMenuChangeToDraftsFolder,
1587 onMenuChangeToTrashFolder);
1589 menus["label-menu"] = new Array(onMenuLabelNone, "-", onMenuLabelFlag1,
1590 onMenuLabelFlag2, onMenuLabelFlag3,
1591 onMenuLabelFlag4, onMenuLabelFlag5);
1592 menus["mark-menu"] = new Array(null, null, null, null, "-", null, "-",
1594 menus["searchMenu"] = new Array(setSearchCriteria, setSearchCriteria,
1595 setSearchCriteria, setSearchCriteria,
1597 var labelMenu = $("label-menu");
1599 labelMenu.prepareVisibility = onLabelMenuPrepareVisibility;
1604 addEvent(window, 'load', initMailer);
1606 function Mailbox(type, name) {
1609 this.parentFolder = null;
1610 this.children = new Array();
1614 Mailbox.prototype.dump = function(indent) {
1617 log(" ".repeat(indent) + this.name);
1618 for (var i = 0; i < this.children.length; i++) {
1619 this.children[i].dump(indent + 2);
1623 Mailbox.prototype.fullName = function() {
1626 var currentFolder = this;
1627 while (currentFolder.parentFolder) {
1628 fullName = "/folder" + currentFolder.name + fullName;
1629 currentFolder = currentFolder.parentFolder;
1632 return "/" + currentFolder.name + fullName;
1635 Mailbox.prototype.findMailboxByName = function(name) {
1639 while (!mailbox && i < this.children.length)
1640 if (this.children[i].name == name)
1641 mailbox = this.children[i];
1648 Mailbox.prototype.addMailbox = function(mailbox) {
1649 mailbox.parentFolder = this;
1650 this.children.push(mailbox);