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 = {};
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) {
86 var row = win.$("row_" + msguid);
87 var subjectCell = win.$("div_" + msguid);
88 if (row && subjectCell) {
90 row.removeClassName("mailer_unreadmail");
91 subjectCell.addClassName("mailer_readmailsubject");
92 var img = win.$("unreaddiv_" + msguid);
94 img.removeClassName("mailerUnreadIcon");
95 img.addClassName("mailerReadIcon");
96 img.setAttribute("id", "readdiv_" + msguid);
97 img.setAttribute("src", ResourcesURL + "/icon_read.gif");
98 var title = img.getAttribute("title-markunread");
100 img.setAttribute("title", title);
104 row.addClassName("mailer_unreadmail");
105 subjectCell.removeClassName('mailer_readmailsubject');
106 var img = win.$("readdiv_" + msguid);
108 img.removeClassName("mailerReadIcon");
109 img.addClassName("mailerUnreadIcon");
110 img.setAttribute("id", "unreaddiv_" + msguid);
111 img.setAttribute("src", ResourcesURL + "/icon_unread.gif");
112 var title = img.getAttribute("title-markread");
114 img.setAttribute("title", title);
123 function markMailReadInWindow(win, msguid) {
124 /* this is called by UIxMailView with window.opener */
125 return markMailInWindow(win, msguid, true);
128 /* mail list reply */
130 function openMessageWindowsForSelection(action, firstOnly) {
131 if (document.body.hasClassName("popup")) {
135 var messageList = $("messageList");
136 var rows = messageList.getSelectedRowsId();
137 if (rows.length > 0) {
138 for (var i = 0; i < rows.length; i++) {
139 openMessageWindow(rows[i].substr(4),
140 ApplicationBaseURL + currentMailbox
141 + "/" + rows[i].substr(4)
147 window.alert(labels["Please select a message."]);
154 function mailListMarkMessage(event) {
155 var msguid = this.id.split('_')[1];
158 if ($(this).hasClassName('mailerUnreadIcon')) {
159 action = 'markMessageRead';
163 action = 'markMessageUnread';
166 var url = ApplicationBaseURL + currentMailbox + "/" + msguid + "/" + action;
168 var data = { "window": window, "msguid": msguid, "markread": markread };
169 triggerAjaxRequest(url, mailListMarkMessageCallback, data);
171 preventDefault(event);
175 function mailListMarkMessageCallback(http) {
176 if (http.readyState == 4)
177 if (isHttpStatus204(http.status)) {
178 var data = http.callbackData;
179 markMailInWindow(data["window"], data["msguid"], data["markread"]);
182 alert("Message Mark Failed (" + http.status + "): " + http.statusText);
183 window.location.reload();
187 /* maillist row highlight */
189 var oldMaillistHighlight = null; // to remember deleted/selected style
191 function ml_highlight(sender) {
192 oldMaillistHighlight = sender.className;
193 if (oldMaillistHighlight == "tableview_highlight")
194 oldMaillistHighlight = null;
195 sender.className = "tableview_highlight";
198 function ml_lowlight(sender) {
199 if (oldMaillistHighlight) {
200 sender.className = oldMaillistHighlight;
201 oldMaillistHighlight = null;
204 sender.className = "tableview";
208 /* bulk delete of messages */
210 function deleteSelectedMessages(sender) {
211 var messageList = $("messageList");
212 var rowIds = messageList.getSelectedRowsId();
214 if (rowIds.length > 0) {
215 for (var i = 0; i < rowIds.length; i++) {
217 var rowId = rowIds[i].substr(4);
218 var messageId = currentMailbox + "/" + rowId;
219 url = ApplicationBaseURL + messageId + "/trash";
220 deleteMessageRequestCount++;
221 var data = { "id": rowId, "mailbox": currentMailbox, "messageId": messageId };
222 triggerAjaxRequest(url, deleteSelectedMessagesCallback, data);
225 window.alert(labels["Please select a message."]);
231 function deleteSelectedMessagesCallback(http) {
232 if (http.readyState == 4) {
233 if (isHttpStatus204(http.status)) {
234 var data = http.callbackData;
235 deleteCachedMessage(data["messageId"]);
236 if (currentMailbox == data["mailbox"]) {
238 var div = $('messageContent');
239 if (currentMessages[currentMailbox] == data["id"]) {
241 currentMessages[currentMailbox] = null;
244 var row = $("row_" + data["id"]);
245 row.parentNode.removeChild(row);
246 // row.addClassName("deleted"); // when we'll offer "mark as deleted"
248 deleteMessageRequestCount--;
253 log ("deleteSelectedMessagesCallback: problem during ajax request " + http.status);
256 function deleteDraft(url) {
257 /* this is called by UIxMailEditor with window.opener */
258 new Ajax.Request(url, {
260 onFailure: function(transport) {
261 if (!isHttpStatus204)
262 log("draftDeleteCallback: problem during ajax request: " + transport.status);
267 function moveMessages(rowIds, folder) {
270 for (var i = 0; i < rowIds.length; i++) {
273 /* send AJAX request (synchronously) */
275 var messageId = currentMailbox + "/" + rowIds[i];
276 url = (ApplicationBaseURL + messageId
277 + "/move?tofolder=" + folder);
278 http = createHTTPClient();
279 http.open("GET", url, false /* not async */);
281 if (http.status == 200) {
282 var row = $("row_" + rowIds[i]);
283 row.parentNode.removeChild(row);
284 deleteCachedMessage(messageId);
285 if (currentMessages[currentMailbox] == rowIds[i]) {
286 var div = $('messageContent');
288 currentMessages[currentMailbox] = null;
291 else /* request failed */
294 /* remove from page */
296 /* line-through would be nicer, but hiding is OK too */
300 alert("Could not move " + failCount + " messages!");
305 function onMenuDeleteMessage(event) {
306 deleteSelectedMessages();
307 preventDefault(event);
310 function onPrintCurrentMessage(event) {
311 var rowIds = $("messageList").getSelectedRowsId();
312 if (rowIds.length == 0) {
313 window.alert(labels["Please select a message to print."]);
315 else if (rowIds.length > 1) {
316 window.alert(labels["Please select only one message to print."]);
321 preventDefault(event);
324 function onMailboxTreeItemClick(event) {
325 var topNode = $("mailboxTree");
326 var mailbox = this.parentNode.getAttribute("dataname");
328 if (topNode.selectedEntry)
329 topNode.selectedEntry.deselect();
331 topNode.selectedEntry = this;
335 $("searchValue").value = "";
338 currentMailboxType = this.parentNode.getAttribute("datatype");
339 if (currentMailboxType == "account" || currentMailboxType == "additional") {
340 currentMailbox = mailbox;
341 $("messageContent").update();
342 var table = $("messageList");
343 var head = table.tHead;
344 var body = table.tBodies[0];
345 for (var i = body.rows.length; i > 0; i--)
348 head.rows[1].firstChild.update();
351 openMailbox(mailbox);
356 function _onMailboxMenuAction(menuEntry, error, actionName) {
357 var targetMailbox = menuEntry.mailbox.fullName();
359 if (targetMailbox == currentMailbox)
360 window.alert(labels[error]);
363 if (document.menuTarget.tagName == "DIV")
364 message = currentMessages[currentMailbox];
366 message = document.menuTarget.getAttribute("id").substr(4);
368 var urlstr = (URLForFolderID(currentMailbox) + "/" + message
369 + "/" + actionName + "?folder=" + targetMailbox);
370 triggerAjaxRequest(urlstr, folderRefreshCallback, currentMailbox);
374 function onMailboxMenuMove(event) {
375 _onMailboxMenuAction(this,
376 "Moving a message into its own folder is impossible!",
380 function onMailboxMenuCopy(event) {
381 _onMailboxMenuAction(this,
382 "Copying a message into its own folder is impossible!",
386 function refreshMailbox() {
387 var topWindow = getTopWindow();
389 topWindow.refreshCurrentFolder();
394 function onComposeMessage() {
395 var topWindow = getTopWindow();
397 topWindow.composeNewMessage();
402 function composeNewMessage() {
403 var account = currentMailbox.split("/")[1];
404 var url = ApplicationBaseURL + "/" + account + "/compose";
405 openMailComposeWindow(url);
408 function openMailbox(mailbox, reload, idx) {
409 if (mailbox != currentMailbox || reload) {
410 currentMailbox = mailbox;
411 var url = ApplicationBaseURL + encodeURI(mailbox) + "/view?noframe=1";
412 var messageContent = $("messageContent");
413 messageContent.update();
414 lastClickedRow = -1; // from generic.js
418 currentMessage = currentMessages[mailbox];
419 if (currentMessage) {
420 loadMessage(currentMessage);
421 url += '&pageforuid=' + currentMessage;
425 var searchValue = search["value"];
426 if (searchValue && searchValue.length > 0)
427 url += ("&search=" + search["criteria"]
428 + "&value=" + escape(searchValue));
429 var sortAttribute = sorting["attribute"];
430 if (sortAttribute && sortAttribute.length > 0)
431 url += ("&sort=" + sorting["attribute"]
432 + "&asc=" + sorting["ascending"]);
434 url += "&idx=" + idx;
436 if (document.messageListAjaxRequest) {
437 document.messageListAjaxRequest.aborted = true;
438 document.messageListAjaxRequest.abort();
441 var mailboxContent = $("mailboxContent");
442 if (mailboxContent.getStyle('visibility') == "hidden") {
443 mailboxContent.setStyle({ visibility: "visible" });
444 var rightDragHandle = $("rightDragHandle");
445 rightDragHandle.setStyle({ visibility: "visible" });
446 messageContent.setStyle({ top: (rightDragHandle.offsetTop
447 + rightDragHandle.offsetHeight
450 document.messageListAjaxRequest
451 = triggerAjaxRequest(url, messageListCallback,
454 var quotasUrl = ApplicationBaseURL + mailbox + "/quotas";
455 document.quotasAjaxRequest
456 = triggerAjaxRequest(quotasUrl, quotasCallback);
460 function openMailboxAtIndex(event) {
461 openMailbox(currentMailbox, true, this.getAttribute("idx"));
466 function messageListCallback(http) {
467 var div = $('mailboxContent');
468 var table = $('messageList');
470 if (http.readyState == 4
471 && http.status == 200) {
472 document.messageListAjaxRequest = null;
476 var thead = table.tHead;
477 var addressHeaderCell = thead.rows[0].cells[3];
478 var tbody = table.tBodies[0];
479 var tmp = document.createElement('div');
480 $(tmp).update(http.responseText);
481 thead.rows[1].parentNode.replaceChild(tmp.firstChild.tHead.rows[1], thead.rows[1]);
482 addressHeaderCell.replaceChild(tmp.firstChild.tHead.rows[0].cells[3].lastChild,
483 addressHeaderCell.lastChild);
484 table.replaceChild(tmp.firstChild.tBodies[0], tbody);
488 div.update(http.responseText);
489 table = $('messageList');
490 configureMessageListEvents(table);
491 TableKit.Resizable.init(table, {'trueResize' : true, 'keepWidth' : true});
493 configureMessageListBodyEvents(table);
495 var selected = http.callbackData;
497 var row = $("row_" + selected);
500 lastClickedRow = row.rowIndex - $(row).up('table').down('thead').getElementsByTagName('tr').length;
501 div.scrollTop = row.rowIndex * row.getHeight(); // scroll to selected message
504 $("messageContent").update();
509 if (sorting["attribute"] && sorting["attribute"].length > 0) {
510 var sortHeader = $(sorting["attribute"] + "Header");
513 var sortImages = $(table.tHead).getElementsByClassName("sortImage");
514 $(sortImages).each(function(item) {
518 var sortImage = createElement("img", "messageSortImage", "sortImage");
519 sortHeader.insertBefore(sortImage, sortHeader.firstChild);
520 if (sorting["ascending"])
521 sortImage.src = ResourcesURL + "/title_sortdown_12x12.png";
523 sortImage.src = ResourcesURL + "/title_sortup_12x12.png";
528 var data = http.responseText;
529 var msg = data.replace(/^(.*\n)*.*<p>((.*\n)*.*)<\/p>(.*\n)*.*$/, "$2");
530 log("messageListCallback: problem during ajax request (readyState = " + http.readyState + ", status = " + http.status + ", response = " + msg + ")");
534 function quotasCallback(http) {
535 if (http.readyState == 4
536 && http.status == 200) {
537 var hasQuotas = false;
539 if (http.responseText.length > 0) {
540 var quotas = http.responseText.evalJSON(true);
541 for (var i in quotas) {
548 var treePath = currentMailbox.split("/");
549 var quotasMB = new Array();
550 for (var i = 2; i < treePath.length; i++)
551 quotasMB.push(treePath[i].substr(6));
552 var mbQuotas = quotas["/" + quotasMB.join("/")];
553 var used = mbQuotas["usedSpace"];
554 var max = mbQuotas["maxQuota"];
555 var percents = (Math.round(used * 10000 / max) / 100);
556 var format = labels["quotasFormat"];
557 var text = format.formatted(used, max, percents);
558 window.status = text;
563 function onMessageContextMenu(event) {
564 var menu = $('messageListMenu');
565 Event.observe(menu, "hideMenu", onMessageContextMenuHide);
566 popupMenu(event, "messageListMenu", this);
568 var topNode = $('messageList');
569 var selectedNodes = topNode.getSelectedRows();
570 for (var i = 0; i < selectedNodes.length; i++)
571 selectedNodes[i].deselect();
572 topNode.menuSelectedRows = selectedNodes;
573 topNode.menuSelectedEntry = this;
577 function onMessageContextMenuHide(event) {
578 var topNode = $('messageList');
580 if (topNode.menuSelectedEntry) {
581 topNode.menuSelectedEntry.deselect();
582 topNode.menuSelectedEntry = null;
584 if (topNode.menuSelectedRows) {
585 var nodes = topNode.menuSelectedRows;
586 for (var i = 0; i < nodes.length; i++)
588 topNode.menuSelectedRows = null;
592 function onFolderMenuClick(event) {
593 var onhide, menuName;
595 var menutype = this.parentNode.getAttribute("datatype");
597 if (menutype == "inbox") {
598 menuName = "inboxIconMenu";
599 } else if (menutype == "account") {
600 menuName = "accountIconMenu";
601 } else if (menutype == "trash") {
602 menuName = "trashIconMenu";
604 menuName = "mailboxIconMenu";
607 menuName = "mailboxIconMenu";
610 var menu = $(menuName);
611 Event.observe(menu, "hideMenu", onFolderMenuHide);
612 popupMenu(event, menuName, this.parentNode);
614 var topNode = $("mailboxTree");
615 if (topNode.selectedEntry)
616 topNode.selectedEntry.deselect();
617 if (topNode.menuSelectedEntry)
618 topNode.menuSelectedEntry.deselect();
619 topNode.menuSelectedEntry = this;
622 preventDefault(event);
625 function onFolderMenuHide(event) {
626 var topNode = $("mailboxTree");
628 if (topNode.menuSelectedEntry) {
629 topNode.menuSelectedEntry.deselect();
630 topNode.menuSelectedEntry = null;
632 if (topNode.selectedEntry)
633 topNode.selectedEntry.select();
636 function deleteCachedMessage(messageId) {
640 while (counter < cachedMessages.length
642 if (cachedMessages[counter]
643 && cachedMessages[counter]['idx'] == messageId) {
644 cachedMessages.splice(counter, 1);
651 function getCachedMessage(idx) {
655 while (counter < cachedMessages.length
657 if (cachedMessages[counter]
658 && cachedMessages[counter]['idx'] == currentMailbox + '/' + idx)
659 message = cachedMessages[counter];
666 function storeCachedMessage(cachedMessage) {
671 if (cachedMessages.length < maxCachedMessages)
672 oldest = cachedMessages.length;
674 while (cachedMessages[counter]) {
676 || cachedMessages[counter]['time'] < timeOldest) {
678 timeOldest = cachedMessages[counter]['time'];
687 cachedMessages[oldest] = cachedMessage;
690 function onMessageSelectionChange() {
691 var rows = this.getSelectedRowsId();
693 if (rows.length == 1) {
694 var idx = rows[0].substr(4);
696 if (currentMessages[currentMailbox] != idx) {
697 currentMessages[currentMailbox] = idx;
703 function loadMessage(idx) {
704 if (document.messageAjaxRequest) {
705 document.messageAjaxRequest.aborted = true;
706 document.messageAjaxRequest.abort();
709 var cachedMessage = getCachedMessage(idx);
711 markMailInWindow(window, idx, true);
712 if (cachedMessage == null) {
713 var url = (ApplicationBaseURL + currentMailbox + "/"
714 + idx + "/view?noframe=1");
715 document.messageAjaxRequest
716 = triggerAjaxRequest(url, messageCallback, idx);
718 var div = $('messageContent');
719 div.update(cachedMessage['text']);
720 cachedMessage['time'] = (new Date()).getTime();
721 document.messageAjaxRequest = null;
722 configureLinksInMessage();
727 function configureLinksInMessage() {
728 var messageDiv = $('messageContent');
729 var mailContentDiv = document.getElementsByClassName('mailer_mailcontent',
731 if (!document.body.hasClassName("popup"))
732 Event.observe(mailContentDiv, "contextmenu",
733 onMessageContentMenu.bindAsEventListener(mailContentDiv));
734 var anchors = messageDiv.getElementsByTagName('a');
735 for (var i = 0; i < anchors.length; i++)
736 if (anchors[i].href.substring(0,7) == "mailto:") {
737 $(anchors[i]).observe("click", onEmailTo);
738 $(anchors[i]).observe("contextmenu", onEmailAddressClick);
741 $(anchors[i]).observe("click", onMessageAnchorClick);
743 var editDraftButton = $("editDraftButton");
745 Event.observe(editDraftButton, "click",
746 onMessageEditDraft.bindAsEventListener(editDraftButton));
748 configureiCalLinksInMessage();
751 function configureiCalLinksInMessage() {
752 var buttons = { "iCalendarAccept": "accept",
753 "iCalendarDecline": "decline",
754 "iCalendarTentative": "tentative",
755 "iCalendarUpdateUserStatus": "updateUserStatus",
756 "iCalendarAddToCalendar": "addToCalendar",
757 "iCalendarDeleteFromCalendar": "deleteFromCalendar" };
759 for (var key in buttons) {
762 button.action = buttons[key];
763 Event.observe(button, "click",
764 onICalendarButtonClick.bindAsEventListener(button));
769 function onICalendarButtonClick(event) {
770 var link = $("iCalendarAttachment").value;
772 var urlstr = link + "/" + this.action;
773 triggerAjaxRequest(urlstr, ICalendarButtonCallback,
775 + currentMessages[currentMailbox]);
781 function ICalendarButtonCallback(http) {
782 if (http.readyState == 4)
783 if (isHttpStatus204(http.status)) {
784 var oldMsg = http.callbackData;
785 var msg = currentMailbox + "/" + currentMessages[currentMailbox];
787 deleteCachedMessage(oldMsg);
788 loadMessage(currentMessages[currentMailbox]);
792 window.alert("received code: " + http.status);
796 function resizeMailContent() {
797 var headerTable = document.getElementsByClassName('mailer_fieldtable')[0];
798 var contentDiv = document.getElementsByClassName('mailer_mailcontent')[0];
800 contentDiv.setStyle({ 'top':
801 (Element.getHeight(headerTable) + headerTable.offsetTop) + 'px' });
804 function onMessageContentMenu(event) {
805 popupMenu(event, 'messageContentMenu', this);
808 function onMessageEditDraft(event) {
809 return openMessageWindowsForSelection("edit", true);
812 function onEmailAddressClick(event) {
813 popupMenu(event, 'addressMenu', this);
816 function onMessageAnchorClick(event) {
817 window.open(this.href);
818 preventDefault(event);
821 function messageCallback(http) {
822 var div = $('messageContent');
824 if (http.readyState == 4
825 && http.status == 200) {
826 document.messageAjaxRequest = null;
827 div.update(http.responseText);
828 configureLinksInMessage();
831 if (http.callbackData) {
832 var cachedMessage = new Array();
833 cachedMessage['idx'] = currentMailbox + '/' + http.callbackData;
834 cachedMessage['time'] = (new Date()).getTime();
835 cachedMessage['text'] = http.responseText;
836 if (cachedMessage['text'].length < 30000)
837 storeCachedMessage(cachedMessage);
841 log("messageCallback: problem during ajax request: " + http.status);
844 function processMailboxMenuAction(mailbox) {
845 var currentNode, upperNode;
849 mailboxName = mailbox.getAttribute('mailboxname');
850 currentNode = mailbox;
854 && !currentNode.hasAttribute('mailboxaction'))
855 currentNode = currentNode.parentNode.parentNode.parentMenuItem;
859 action = currentNode.getAttribute('mailboxaction');
860 // var rows = collectSelectedRows();
861 // var rString = rows.join(', ');
862 // alert("performing '" + action + "' on " + rString
863 // + " to " + mailboxName);
867 var rowSelectionCount = 0;
871 function showElement(e, shouldShow) {
872 e.style.display = shouldShow ? "" : "none";
875 function enableElement(e, shouldEnable) {
879 if(e.hasAttribute("disabled"))
880 e.removeAttribute("disabled");
883 e.setAttribute("disabled", "1");
887 function validateControls() {
889 this.enableElement(e, rowSelectionCount > 0);
892 function moveTo(uri) {
893 alert("MoveTo: " + uri);
896 /* message menu entries */
897 function onMenuOpenMessage(event) {
898 return openMessageWindowsForSelection('popupview');
901 function onMenuReplyToSender(event) {
902 return openMessageWindowsForSelection('reply');
905 function onMenuReplyToAll(event) {
906 return openMessageWindowsForSelection('replyall');
909 function onMenuForwardMessage(event) {
910 return openMessageWindowsForSelection('forward');
913 function onMenuViewMessageSource(event) {
914 var messageList = $("messageList");
915 var rows = messageList.getSelectedRowsId();
917 if (rows.length > 0) {
918 var url = (ApplicationBaseURL + currentMailbox + "/"
919 + rows[0].substr(4) + "/viewsource");
920 openMailComposeWindow(url);
923 preventDefault(event);
927 function newContactFromEmail(event) {
928 var mailto = document.menuTarget.innerHTML;
930 var email = extractEmailAddress(mailto);
931 var c_name = extractEmailName(mailto);
932 if (email.length > 0)
934 var url = UserFolderURL + "Contacts/new?contactEmail=" + email;
936 url += "&contactFN=" + c_name;
937 openContactWindow(url);
940 return false; /* stop following the link */
943 function onEmailTo(event) {
944 return openMailTo(this.innerHTML.strip());
947 function newEmailTo(sender) {
948 return openMailTo(document.menuTarget.innerHTML);
951 function expandUpperTree(node) {
952 var currentNode = node.parentNode;
954 while (currentNode.className != "dtree") {
955 if (currentNode.className == 'clip') {
956 var id = currentNode.getAttribute("id");
957 var number = parseInt(id.substr(2));
959 var cn = mailboxTree.aNodes[number];
960 mailboxTree.nodeStatus(1, number, cn._ls);
963 currentNode = currentNode.parentNode;
967 function onHeaderClick(event) {
968 var headerId = this.getAttribute("id");
969 var newSortAttribute;
970 if (headerId == "subjectHeader")
971 newSortAttribute = "subject";
972 else if (headerId == "fromHeader")
973 newSortAttribute = "from";
974 else if (headerId == "dateHeader")
975 newSortAttribute = "date";
977 newSortAttribute = "arrival";
979 if (sorting["attribute"] == newSortAttribute)
980 sorting["ascending"] = !sorting["ascending"];
982 sorting["attribute"] = newSortAttribute;
983 sorting["ascending"] = true;
985 refreshCurrentFolder();
990 function refreshCurrentFolder() {
991 openMailbox(currentMailbox, true);
994 function refreshFolderByType(type) {
995 if (currentMailboxType == type)
996 refreshCurrentFolder();
999 var mailboxSpanAcceptType = function(type) {
1000 return (type == "mailRow");
1003 var mailboxSpanEnter = function() {
1004 this.addClassName("_dragOver");
1007 var mailboxSpanExit = function() {
1008 this.removeClassName("_dragOver");
1011 var mailboxSpanDrop = function(data) {
1012 var success = false;
1015 var folder = this.parentNode.parentNode.getAttribute("dataname");
1016 if (folder != currentMailbox)
1017 success = (moveMessages(data, folder) == 0);
1025 var plusSignEnter = function() {
1026 var nodeNr = parseInt(this.id.substr(2));
1027 if (!mailboxTree.aNodes[nodeNr]._io)
1028 this.plusSignTimer = setTimeout("openPlusSign('" + nodeNr + "');", 1000);
1031 var plusSignExit = function() {
1032 if (this.plusSignTimer) {
1033 clearTimeout(this.plusSignTimer);
1034 this.plusSignTimer = null;
1038 function openPlusSign(nodeNr) {
1039 mailboxTree.nodeStatus(1, nodeNr, mailboxTree.aNodes[nodeNr]._ls);
1040 mailboxTree.aNodes[nodeNr]._io = 1;
1041 this.plusSignTimer = null;
1044 var messageListGhost = function () {
1045 var newDiv = document.createElement("div");
1046 // newDiv.style.width = "25px;";
1047 // newDiv.style.height = "25px;";
1048 newDiv.style.backgroundColor = "#aae;";
1049 newDiv.style.border = "2px solid #a3a;";
1050 newDiv.style.padding = "5px;";
1051 newDiv.ghostOffsetX = 10;
1052 newDiv.ghostOffsetY = 5;
1054 var newImg = document.createElement("img");
1055 newImg.src = ResourcesURL + "/message-mail.png";
1057 var list = $("messageList");
1058 var count = list.getSelectedRows().length;
1059 newDiv.appendChild(newImg);
1060 newDiv.appendChild(document.createElement("br"));
1061 newDiv.appendChild(document.createTextNode(count + " messages..."));
1066 var messageListData = function(type) {
1067 var rows = this.parentNode.parentNode.getSelectedRowsId();
1068 var msgIds = new Array();
1069 for (var i = 0; i < rows.length; i++)
1070 msgIds.push(rows[i].substr(4));
1075 /* a model for a futur refactoring of the sortable table headers mechanism */
1076 function configureMessageListEvents(table) {
1078 table.multiselect = true;
1079 // Each body row can load a message
1080 Event.observe(table, "mousedown",
1081 onMessageSelectionChange.bindAsEventListener(table));
1083 configureSortableTableHeaders(table);
1087 function configureMessageListBodyEvents(table) {
1090 var cell = table.tHead.rows[1].cells[0];
1091 if ($(cell).hasClassName("tbtv_navcell")) {
1092 var anchors = $(cell).childNodesWithTag("a");
1093 for (var i = 0; i < anchors.length; i++)
1094 Event.observe(anchors[i], "click", openMailboxAtIndex.bindAsEventListener(anchors[i]));
1097 rows = table.tBodies[0].rows;
1098 for (var i = 0; i < rows.length; i++) {
1099 Event.observe(rows[i], "mousedown", onRowClick);
1100 Event.observe(rows[i], "selectstart", listRowMouseDownHandler);
1101 Event.observe(rows[i], "contextmenu", onMessageContextMenu.bindAsEventListener(rows[i]));
1103 rows[i].dndTypes = function() { return new Array("mailRow"); };
1104 rows[i].dndGhost = messageListGhost;
1105 rows[i].dndDataForType = messageListData;
1106 // document.DNDManager.registerSource(rows[i]);
1108 for (var j = 0; j < rows[i].cells.length; j++) {
1109 var cell = rows[i].cells[j];
1110 Event.observe(cell, "mousedown", listRowMouseDownHandler);
1111 if (j == 2 || j == 3 || j == 5)
1112 Event.observe(cell, "dblclick", onMessageDoubleClick.bindAsEventListener(cell));
1114 var img = cell.childNodesWithTag("img")[0];
1115 Event.observe(img, "click", mailListMarkMessage.bindAsEventListener(img));
1122 function configureDragHandles() {
1123 var handle = $("verticalDragHandle");
1125 handle.addInterface(SOGoDragHandlesInterface);
1126 handle.leftMargin = 1;
1127 handle.leftBlock=$("leftPanel");
1128 handle.rightBlock=$("rightPanel");
1131 handle = $("rightDragHandle");
1133 handle.addInterface(SOGoDragHandlesInterface);
1134 handle.upperBlock=$("mailboxContent");
1135 handle.lowerBlock=$("messageContent");
1140 function initDnd() {
1141 // log("MailerUI initDnd");
1143 var tree = $("mailboxTree");
1145 var images = tree.getElementsByTagName("img");
1146 for (var i = 0; i < images.length; i++) {
1147 if (images[i].id[0] == 'j') {
1148 images[i].dndAcceptType = mailboxSpanAcceptType;
1149 images[i].dndEnter = plusSignEnter;
1150 images[i].dndExit = plusSignExit;
1151 document.DNDManager.registerDestination(images[i]);
1154 var nodes = document.getElementsByClassName("nodeName", tree);
1155 for (var i = 0; i < nodes.length; i++) {
1156 nodes[i].dndAcceptType = mailboxSpanAcceptType;
1157 nodes[i].dndEnter = mailboxSpanEnter;
1158 nodes[i].dndExit = mailboxSpanExit;
1159 nodes[i].dndDrop = mailboxSpanDrop;
1160 document.DNDManager.registerDestination(nodes[i]);
1167 function refreshContacts() {
1170 function openInbox(node) {
1172 openMailbox(node.parentNode.getAttribute("dataname"));
1173 var tree = $("mailboxTree");
1174 tree.selectedEntry = node;
1179 function initMailer(event) {
1180 if (!$(document.body).hasClassName("popup")) {
1183 initMessageCheckTimer();
1187 function initMessageCheckTimer() {
1188 var messageCheck = userDefaults["MessageCheck"];
1189 if (messageCheck && messageCheck != "manually") {
1191 if (messageCheck == "once_per_hour")
1193 else if (messageCheck == "every_minute")
1196 interval = parseInt(messageCheck.substr(6)) * 60;
1198 messageCheckTimer = window.setInterval(onMessageCheckCallback,
1203 function onMessageCheckCallback(event) {
1207 function initMailboxTree() {
1208 mailboxTree = new dTree("mailboxTree");
1209 mailboxTree.config.folderLinks = true;
1210 mailboxTree.config.hideRoot = true;
1212 mailboxTree.icon.root = ResourcesURL + "/tbtv_account_17x17.gif";
1213 mailboxTree.icon.folder = ResourcesURL + "/tbtv_leaf_corner_17x17.gif";
1214 mailboxTree.icon.folderOpen = ResourcesURL + "/tbtv_leaf_corner_17x17.gif";
1215 mailboxTree.icon.node = ResourcesURL + "/tbtv_leaf_corner_17x17.gif";
1216 mailboxTree.icon.line = ResourcesURL + "/tbtv_line_17x17.gif";
1217 mailboxTree.icon.join = ResourcesURL + "/tbtv_junction_17x17.gif";
1218 mailboxTree.icon.joinBottom = ResourcesURL + "/tbtv_corner_17x17.gif";
1219 mailboxTree.icon.plus = ResourcesURL + "/tbtv_plus_17x17.gif";
1220 mailboxTree.icon.plusBottom = ResourcesURL + "/tbtv_corner_plus_17x17.gif";
1221 mailboxTree.icon.minus = ResourcesURL + "/tbtv_minus_17x17.gif";
1222 mailboxTree.icon.minusBottom = ResourcesURL + "/tbtv_corner_minus_17x17.gif";
1223 mailboxTree.icon.nlPlus = ResourcesURL + "/tbtv_corner_plus_17x17.gif";
1224 mailboxTree.icon.nlMinus = ResourcesURL + "/tbtv_corner_minus_17x17.gif";
1225 mailboxTree.icon.empty = ResourcesURL + "/empty.gif";
1227 mailboxTree.add(0, -1, '');
1229 mailboxTree.pendingRequests = mailAccounts.length;
1230 activeAjaxRequests += mailAccounts.length;
1231 for (var i = 0; i < mailAccounts.length; i++) {
1232 var url = ApplicationBaseURL + mailAccounts[i] + "/mailboxes";
1233 triggerAjaxRequest(url, onLoadMailboxesCallback, mailAccounts[i]);
1237 function updateMailboxTreeInPage() {
1238 $("folderTreeContent").update(mailboxTree);
1240 var inboxFound = false;
1241 var tree = $("mailboxTree");
1242 var nodes = document.getElementsByClassName("node", tree);
1243 for (i = 0; i < nodes.length; i++) {
1244 Event.observe(nodes[i], "click",
1245 onMailboxTreeItemClick.bindAsEventListener(nodes[i]));
1246 Event.observe(nodes[i], "contextmenu",
1247 onFolderMenuClick.bindAsEventListener(nodes[i]));
1249 && nodes[i].parentNode.getAttribute("datatype") == "inbox") {
1250 openInbox(nodes[i]);
1256 function mailboxMenuNode(type, name) {
1257 var newNode = document.createElement("li");
1258 var icon = MailerUIdTreeExtension.folderIcons[type];
1260 icon = "tbtv_leaf_corner_17x17.gif";
1261 var image = document.createElement("img");
1262 image.src = ResourcesURL + "/" + icon;
1263 newNode.appendChild(image);
1264 var displayName = MailerUIdTreeExtension.folderNames[type];
1267 newNode.appendChild(document.createTextNode(" " + displayName));
1272 function generateMenuForMailbox(mailbox, prefix, callback) {
1273 var menuDIV = document.createElement("div");
1274 $(menuDIV).addClassName("menu");
1275 menuDIV.setAttribute("id", prefix + "Submenu");
1276 var menu = document.createElement("ul");
1277 menuDIV.appendChild(menu);
1278 pageContent.appendChild(menuDIV);
1280 var callbacks = new Array();
1281 if (mailbox.type != "account") {
1282 var newNode = document.createElement("li");
1283 newNode.mailbox = mailbox;
1284 newNode.appendChild(document.createTextNode(labels["This Folder"]));
1285 menu.appendChild(newNode);
1286 menu.appendChild(document.createElement("li"));
1287 callbacks.push(callback);
1288 callbacks.push("-");
1291 var submenuCount = 0;
1292 for (var i = 0; i < mailbox.children.length; i++) {
1293 var child = mailbox.children[i];
1294 var newNode = mailboxMenuNode(child.type, child.name);
1295 menu.appendChild(newNode);
1296 if (child.children.length > 0) {
1297 var newPrefix = prefix + submenuCount;
1298 var newSubmenuId = generateMenuForMailbox(child, newPrefix, callback);
1299 callbacks.push(newSubmenuId);
1303 newNode.mailbox = child;
1304 callbacks.push(callback);
1307 initMenu(menuDIV, callbacks);
1309 return menuDIV.getAttribute("id");
1312 function updateMailboxMenus() {
1313 var mailboxActions = { move: onMailboxMenuMove,
1314 copy: onMailboxMenuCopy };
1316 for (key in mailboxActions) {
1317 var menuId = key + "MailboxMenu";
1318 var menuDIV = $(menuId);
1320 menuDIV.parentNode.removeChild(menuDIV);
1322 menuDIV = document.createElement("div");
1323 pageContent = $("pageContent");
1324 pageContent.appendChild(menuDIV);
1326 var menu = document.createElement("ul");
1327 menuDIV.appendChild(menu);
1329 $(menuDIV).addClassName("menu");
1330 menuDIV.setAttribute("id", menuId);
1332 var submenuIds = new Array();
1333 for (var i = 0; i < mailAccounts.length; i++) {
1334 var menuEntry = mailboxMenuNode("account", mailAccounts[i]);
1335 menu.appendChild(menuEntry);
1336 var mailbox = accounts[mailAccounts[i]];
1337 var newSubmenuId = generateMenuForMailbox(mailbox,
1338 key, mailboxActions[key]);
1339 submenuIds.push(newSubmenuId);
1341 initMenu(menuDIV, submenuIds);
1345 function onLoadMailboxesCallback(http) {
1346 if (http.readyState == 4
1347 && http.status == 200) {
1348 checkAjaxRequestsState();
1349 if (http.responseText.length > 0) {
1350 var newAccount = buildMailboxes(http.callbackData,
1352 accounts[http.callbackData] = newAccount;
1353 mailboxTree.addMailAccount(newAccount);
1354 mailboxTree.pendingRequests--;
1355 activeAjaxRequests--;
1356 if (!mailboxTree.pendingRequests) {
1357 updateMailboxTreeInPage();
1358 updateMailboxMenus();
1359 checkAjaxRequestsState();
1364 // var tree = $("mailboxTree");
1365 // var treeNodes = document.getElementsByClassName("dTreeNode", tree);
1367 // while (i < treeNodes.length
1368 // && treeNodes[i].getAttribute("dataname") != currentMailbox)
1370 // if (i < treeNodes.length) {
1371 // // log("found mailbox");
1372 // var links = document.getElementsByClassName("node", treeNodes[i]);
1373 // if (tree.selectedEntry)
1374 // tree.selectedEntry.deselect();
1375 // links[0].select();
1376 // tree.selectedEntry = links[0];
1377 // expandUpperTree(links[0]);
1381 function buildMailboxes(accountName, encoded) {
1382 var account = new Mailbox("account", accountName);
1383 var data = encoded.evalJSON(true);
1384 for (var i = 0; i < data.length; i++) {
1385 var currentNode = account;
1386 var names = data[i].path.split("/");
1387 for (var j = 1; j < (names.length - 1); j++) {
1388 var node = currentNode.findMailboxByName(names[j]);
1390 node = new Mailbox("additional", names[j]);
1391 currentNode.addMailbox(node);
1395 var basename = names[names.length-1];
1396 var leaf = currentNode.findMailboxByName(basename);
1398 leaf.type = data[i].type;
1400 leaf = new Mailbox(data[i].type, basename);
1401 currentNode.addMailbox(leaf);
1408 function onMenuCreateFolder(event) {
1409 var name = window.prompt(labels["Name :"], "");
1410 if (name && name.length > 0) {
1411 var folderID = document.menuTarget.getAttribute("dataname");
1412 var urlstr = URLForFolderID(folderID) + "/createFolder?name=" + name;
1413 triggerAjaxRequest(urlstr, folderOperationCallback);
1417 function onMenuRenameFolder(event) {
1418 var name = window.prompt(labels["Enter the new name of your folder :"]
1421 if (name && name.length > 0) {
1422 var folderID = document.menuTarget.getAttribute("dataname");
1423 var urlstr = URLForFolderID(folderID) + "/renameFolder?name=" + name;
1424 triggerAjaxRequest(urlstr, folderOperationCallback);
1428 function onMenuDeleteFolder(event) {
1429 var answer = window.confirm(labels["Do you really want to move this folder into the trash ?"]);
1431 var folderID = document.menuTarget.getAttribute("dataname");
1432 var urlstr = URLForFolderID(folderID) + "/deleteFolder";
1433 triggerAjaxRequest(urlstr, folderOperationCallback);
1437 function onMenuExpungeFolder(event) {
1438 var folderID = document.menuTarget.getAttribute("dataname");
1439 var urlstr = URLForFolderID(folderID) + "/expunge";
1440 triggerAjaxRequest(urlstr, folderRefreshCallback, folderID);
1443 function onMenuEmptyTrash(event) {
1444 var folderID = document.menuTarget.getAttribute("dataname");
1445 var urlstr = URLForFolderID(folderID) + "/emptyTrash";
1446 triggerAjaxRequest(urlstr, folderOperationCallback, folderID);
1448 if (folderID == currentMailbox) {
1449 var div = $('messageContent');
1450 for (var i = div.childNodes.length - 1; i > -1; i--)
1451 div.removeChild(div.childNodes[i]);
1452 refreshCurrentFolder();
1454 var msgID = currentMessages[folderID];
1456 deleteCachedMessage(folderID + "/" + msgID);
1459 function _onMenuChangeToXXXFolder(event, folder) {
1460 var type = document.menuTarget.getAttribute("datatype");
1461 if (type == "additional")
1462 window.alert(labels["You need to choose a non-virtual folder!"]);
1464 var folderID = document.menuTarget.getAttribute("dataname");
1465 var urlstr = URLForFolderID(folderID) + "/setAs" + folder + "Folder";
1466 triggerAjaxRequest(urlstr, folderOperationCallback);
1470 function onMenuChangeToDraftsFolder(event) {
1471 return _onMenuChangeToXXXFolder(event, "Drafts");
1474 function onMenuChangeToSentFolder(event) {
1475 return _onMenuChangeToXXXFolder(event, "Sent");
1478 function onMenuChangeToTrashFolder(event) {
1479 return _onMenuChangeToXXXFolder(event, "Trash");
1482 function onMenuLabelNone() {
1483 var rowId = document.menuTarget.getAttribute("id").substr(4);
1484 var messageId = currentMailbox + "/" + rowId;
1485 var urlstr = ApplicationBaseURL + messageId + "/removeAllLabels";
1486 triggerAjaxRequest(urlstr, messageFlagCallback,
1487 { mailbox: currentMailbox, msg: rowId, label: null } );
1490 function _onMenuLabelFlagX(flag) {
1491 var flags = document.menuTarget.getAttribute("labels").split(" ");
1493 var rowId = document.menuTarget.getAttribute("id").substr(4);
1494 var messageId = currentMailbox + "/" + rowId;
1496 var operation = "add";
1497 if (flags.indexOf("label" + flag) > -1)
1498 operation = "remove";
1499 var urlstr = (ApplicationBaseURL + messageId
1500 + "/" + operation + "Label" + flag);
1501 triggerAjaxRequest(urlstr, messageFlagCallback,
1502 { mailbox: currentMailbox, msg: rowId,
1503 label: operation + flag } );
1506 function onMenuLabelFlag1() {
1507 _onMenuLabelFlagX(1);
1510 function onMenuLabelFlag2() {
1511 _onMenuLabelFlagX(2);
1514 function onMenuLabelFlag3() {
1515 _onMenuLabelFlagX(3);
1518 function onMenuLabelFlag4() {
1519 _onMenuLabelFlagX(4);
1522 function onMenuLabelFlag5() {
1523 _onMenuLabelFlagX(5);
1526 function folderOperationCallback(http) {
1527 if (http.readyState == 4
1528 && isHttpStatus204(http.status))
1531 window.alert(labels["Operation failed"]);
1534 function folderRefreshCallback(http) {
1535 if (http.readyState == 4
1536 && isHttpStatus204(http.status)) {
1537 var oldMailbox = http.callbackData;
1538 if (oldMailbox == currentMailbox)
1539 refreshCurrentFolder();
1542 window.alert(labels["Operation failed"]);
1545 function messageFlagCallback(http) {
1546 if (http.readyState == 4
1547 && isHttpStatus204(http.status)) {
1548 var data = http.callbackData;
1549 if (data["mailbox"] == currentMailbox) {
1550 var row = $("row_" + data["msg"]);
1551 var operation = data["label"];
1553 var labels = row.getAttribute("labels");
1555 if (labels.length > 0)
1556 flags = labels.split(" ");
1558 flags = new Array();
1559 if (operation.substr(0, 3) == "add")
1560 flags.push("label" + operation.substr(3));
1562 var flag = "label" + operation.substr(6);
1563 var idx = flags.indexOf(flag);
1564 flags.splice(idx, 1);
1566 row.setAttribute("labels", flags.join(" "));
1569 row.setAttribute("labels", "");
1574 function onLabelMenuPrepareVisibility() {
1575 var messageList = $("messageList");
1579 var rows = messageList.getSelectedRows();
1580 for (var i = 0; i < rows.length; i++) {
1581 $w(rows[i].getAttribute("labels")).each(function(flag) {
1587 var lis = this.childNodesWithTag("ul")[0].childNodesWithTag("li")
1588 var isFlagged = false;
1589 for (var i = 1; i < 6; i++) {
1590 if (flags["label" + i]) {
1592 lis[1 + i].addClassName("_chosen");
1595 lis[1 + i].removeClassName("_chosen");
1598 lis[0].removeClassName("_chosen");
1600 lis[0].addClassName("_chosen");
1603 function getMenus() {
1605 menus["accountIconMenu"] = new Array(null, null, onMenuCreateFolder, null,
1607 menus["inboxIconMenu"] = new Array(null, null, null, "-", null,
1608 onMenuCreateFolder, onMenuExpungeFolder,
1611 menus["trashIconMenu"] = new Array(null, null, null, "-", null,
1612 onMenuCreateFolder, onMenuExpungeFolder,
1613 onMenuEmptyTrash, "-", null,
1615 menus["mailboxIconMenu"] = new Array(null, null, null, "-", null,
1618 onMenuExpungeFolder,
1623 menus["addressMenu"] = new Array(newContactFromEmail, newEmailTo, null);
1624 menus["messageListMenu"] = new Array(onMenuOpenMessage, "-",
1625 onMenuReplyToSender,
1627 onMenuForwardMessage, null,
1628 "-", "moveMailboxMenu",
1629 "copyMailboxMenu", "label-menu",
1630 "mark-menu", "-", null,
1631 onMenuViewMessageSource, null,
1632 null, onMenuDeleteMessage);
1633 menus["messageContentMenu"] = new Array(onMenuReplyToSender,
1635 onMenuForwardMessage,
1636 null, "moveMailboxMenu",
1638 "-", "label-menu", "mark-menu",
1640 null, onMenuViewMessageSource,
1641 null, onPrintCurrentMessage,
1642 onMenuDeleteMessage);
1643 menus["folderTypeMenu"] = new Array(onMenuChangeToSentFolder,
1644 onMenuChangeToDraftsFolder,
1645 onMenuChangeToTrashFolder);
1647 menus["label-menu"] = new Array(onMenuLabelNone, "-", onMenuLabelFlag1,
1648 onMenuLabelFlag2, onMenuLabelFlag3,
1649 onMenuLabelFlag4, onMenuLabelFlag5);
1650 menus["mark-menu"] = new Array(null, null, null, null, "-", null, "-",
1652 menus["searchMenu"] = new Array(setSearchCriteria, setSearchCriteria,
1653 setSearchCriteria, setSearchCriteria,
1655 var labelMenu = $("label-menu");
1657 labelMenu.prepareVisibility = onLabelMenuPrepareVisibility;
1662 FastInit.addOnLoad(initMailer);
1664 function Mailbox(type, name) {
1667 this.parentFolder = null;
1668 this.children = new Array();
1672 Mailbox.prototype.dump = function(indent) {
1675 log(" ".repeat(indent) + this.name);
1676 for (var i = 0; i < this.children.length; i++) {
1677 this.children[i].dump(indent + 2);
1681 Mailbox.prototype.fullName = function() {
1684 var currentFolder = this;
1685 while (currentFolder.parentFolder) {
1686 fullName = "/folder" + currentFolder.name + fullName;
1687 currentFolder = currentFolder.parentFolder;
1690 return "/" + currentFolder.name + fullName;
1693 Mailbox.prototype.findMailboxByName = function(name) {
1697 while (!mailbox && i < this.children.length)
1698 if (this.children[i].name == name)
1699 mailbox = this.children[i];
1706 Mailbox.prototype.addMailbox = function(mailbox) {
1707 mailbox.parentFolder = this;
1708 this.children.push(mailbox);