1 /* JavaScript for SOGoMail */
5 var currentMessages = new Array();
6 var maxCachedMessages = 20;
7 var cachedMessages = new Array();
8 var currentMailbox = null;
9 var currentMailboxType = "";
11 var usersRightsWindowHeight = 320;
12 var usersRightsWindowWidth = 400;
16 function openMessageWindow(msguid, url) {
19 wId += "SOGo_msg_" + msguid;
20 markMailReadInWindow(window, msguid);
22 var msgWin = openMailComposeWindow(url, wId);
24 msgWin.messageId = msguid;
25 msgWin.messageURL = ApplicationBaseURL + currentMailbox + "/" + msguid;
32 function onMessageDoubleClick(event) {
35 if (currentMailboxType == "draft")
40 return openMessageWindowsForSelection(action, true);
43 function toggleMailSelect(sender) {
46 row.className = sender.checked ? "tableview_selected" : "tableview";
49 function openAddressbook(sender) {
52 urlstr = ApplicationBaseURL + "/../Contacts/?popup=YES";
53 var w = window.open(urlstr, "Addressbook",
54 "width=640,height=400,resizable=1,scrollbars=1,toolbar=0,"
55 + "location=0,directories=0,status=0,menubar=0,copyhistory=0");
61 function onMenuSharing(event) {
62 var folderID = document.menuTarget.getAttribute("dataname");
63 var urlstr = URLForFolderID(folderID) + "/acls";
64 preventDefault(event);
66 openAclWindow(urlstr);
69 /* mail list DOM changes */
71 function markMailInWindow(win, msguid, markread) {
74 msgDiv = win.$("div_" + msguid);
77 msgDiv.removeClassName("mailer_unreadmailsubject");
78 msgDiv.addClassName("mailer_readmailsubject");
79 msgDiv = win.$("unreaddiv_" + msguid);
82 msgDiv.setAttribute("class", "mailerUnreadIcon");
83 msgDiv.setAttribute("id", "readdiv_" + msguid);
84 msgDiv.setAttribute("src", ResourcesURL + "/icon_read.gif");
85 msgDiv.setAttribute("onclick", "mailListMarkMessage(this,"
86 + " 'markMessageUnread', " + msguid
89 var title = msgDiv.getAttribute("title-markunread");
91 msgDiv.setAttribute("title", title);
95 msgDiv.removeClassName('mailer_readmailsubject');
96 msgDiv.addClassName('mailer_unreadmailsubject');
97 msgDiv = win.$("readdiv_" + msguid);
100 msgDiv.setAttribute("class", "mailerReadIcon");
101 msgDiv.setAttribute("id", "unreaddiv_" + msguid);
102 msgDiv.setAttribute("src", ResourcesURL + "/icon_unread.gif");
103 msgDiv.setAttribute("onclick", "mailListMarkMessage(this,"
104 + " 'markMessageRead', " + msguid
107 var title = msgDiv.getAttribute("title-markread");
109 msgDiv.setAttribute("title", title);
118 function markMailReadInWindow(win, msguid) {
119 /* this is called by UIxMailView with window.opener */
120 return markMailInWindow(win, msguid, true);
123 /* mail list reply */
125 function openMessageWindowsForSelection(action, firstOnly) {
126 if (document.body.hasClassName("popup"))
127 win = openMessageWindow(window.messageId,
128 window.messageURL + "/" + action);
130 var messageList = $("messageList");
131 var rows = messageList.getSelectedRowsId();
132 if (rows.length > 0) {
134 openMessageWindow(rows[0].substr(4),
135 ApplicationBaseURL + currentMailbox
136 + "/" + rows[0].substr(4)
139 for (var i = 0; i < rows.length; i++)
140 openMessageWindow(rows[i].substr(4),
141 ApplicationBaseURL + currentMailbox
142 + "/" + rows[i].substr(4)
145 window.alert(labels["Please select a message."]);
152 function mailListMarkMessage(event) {
153 var http = createHTTPClient();
154 var url = ApplicationBaseURL + currentMailbox + "/" + msguid + "/" + action;
157 // TODO: add parameter to signal that we are only interested in OK
158 http.open("POST", url, false /* not async */);
160 if (http.status != 200) {
161 // TODO: refresh page?
162 alert("Message Mark Failed: " + http.statusText);
163 window.location.reload();
166 markMailInWindow(window, msguid, markread);
170 window.location.href = url;
174 /* maillist row highlight */
176 var oldMaillistHighlight = null; // to remember deleted/selected style
178 function ml_highlight(sender) {
179 oldMaillistHighlight = sender.className;
180 if (oldMaillistHighlight == "tableview_highlight")
181 oldMaillistHighlight = null;
182 sender.className = "tableview_highlight";
185 function ml_lowlight(sender) {
186 if (oldMaillistHighlight) {
187 sender.className = oldMaillistHighlight;
188 oldMaillistHighlight = null;
191 sender.className = "tableview";
195 /* folder operations */
197 function ctxFolderAdd(sender) {
200 folderName = prompt("Foldername: ");
201 if (folderName == undefined)
203 if (folderName == "")
206 // TODO: should use a form-POST or AJAX
207 window.location.href = "createFolder?name=" + escape(folderName);
211 function ctxFolderDelete(sender) {
212 if (!confirm("Delete current folder?"))
215 // TODO: should use a form-POST or AJAX
216 window.location.href = "deleteFolder";
220 /* bulk delete of messages */
222 function uixDeleteSelectedMessages(sender) {
225 var messageList = $("messageList");
226 var rowIds = messageList.getSelectedRowsId();
228 for (var i = 0; i < rowIds.length; i++) {
230 var rowId = rowIds[i].substr(4);
231 /* send AJAX request (synchronously) */
233 var messageId = currentMailbox + "/" + rowId;
234 url = ApplicationBaseURL + messageId + "/trash";
235 http = createHTTPClient();
236 http.open("POST", url, false /* not async */);
239 if (!isHttpStatus204(http.status)) { /* request failed */
244 deleteCachedMessage(messageId);
245 if (currentMessages[currentMailbox] == rowId) {
246 var div = $('messageContent');
248 currentMessages[currentMailbox] = null;
253 /* remove from page */
254 /* line-through would be nicer, but hiding is OK too */
255 var row = $(rowIds[i]);
256 row.parentNode.removeChild(row);
260 alert("Could not delete " + failCount + " messages!");
265 function moveMessages(rowIds, folder) {
268 for (var i = 0; i < rowIds.length; i++) {
271 /* send AJAX request (synchronously) */
273 var messageId = currentMailbox + "/" + rowIds[i];
274 url = (ApplicationBaseURL + messageId
275 + "/move?tofolder=" + folder);
276 http = createHTTPClient();
277 http.open("GET", url, false /* not async */);
279 if (http.status == 200) {
280 var row = $("row_" + rowIds[i]);
281 row.parentNode.removeChild(row);
282 deleteCachedMessage(messageId);
283 if (currentMessages[currentMailbox] == rowIds[i]) {
284 var div = $('messageContent');
286 currentMessages[currentMailbox] = null;
289 else /* request failed */
292 /* remove from page */
294 /* line-through would be nicer, but hiding is OK too */
298 alert("Could not move " + failCount + " messages!");
303 function onMenuDeleteMessage(event) {
304 uixDeleteSelectedMessages();
305 preventDefault(event);
308 function onPrintCurrentMessage(event) {
309 var rowIds = $("messageList").getSelectedRowsId();
310 if (rowIds.length == 0) {
311 window.alert(labels["Please select a message to print."]);
313 else if (rowIds.length > 1) {
314 window.alert(labels["Please select only one message to print."]);
319 preventDefault(event);
322 function onMailboxTreeItemClick(event) {
323 var topNode = $("mailboxTree");
324 var mailbox = this.parentNode.getAttribute("dataname");
326 if (topNode.selectedEntry)
327 topNode.selectedEntry.deselect();
329 topNode.selectedEntry = this;
333 $("searchValue").value = "";
336 currentMailboxType = this.parentNode.getAttribute("datatype");
337 if (currentMailboxType == "account" || currentMailboxType == "additional") {
338 currentMailbox = mailbox;
339 $("messageContent").update();
340 var table = $("messageList");
341 var head = table.tHead;
342 var body = table.tBodies[0];
343 for (var i = body.rows.length; i > 0; i--)
346 head.rows[1].firstChild.update();
349 openMailbox(mailbox);
354 function onMailboxMenuMove() {
355 window.alert("unimplemented");
358 function onMailboxMenuCopy() {
359 window.alert("unimplemented");
362 function refreshMailbox() {
363 var topWindow = getTopWindow();
365 topWindow.refreshCurrentFolder();
370 function onComposeMessage() {
371 var topWindow = getTopWindow();
373 topWindow.composeNewMessage();
378 function composeNewMessage() {
379 var account = currentMailbox.split("/")[1];
380 var url = ApplicationBaseURL + "/" + account + "/compose";
381 openMailComposeWindow(url);
384 function openMailbox(mailbox, reload, idx) {
385 if (mailbox != currentMailbox || reload) {
386 currentMailbox = mailbox;
387 var url = ApplicationBaseURL + encodeURI(mailbox) + "/view?noframe=1";
388 var messageContent = $("messageContent");
389 messageContent.update();
390 lastClickedRow = null; // from generic.js
394 currentMessage = currentMessages[mailbox];
395 if (currentMessage) {
396 loadMessage(currentMessage);
397 url += '&pageforuid=' + currentMessage;
401 var searchValue = search["value"];
402 if (searchValue && searchValue.length > 0)
403 url += ("&search=" + search["criteria"]
404 + "&value=" + escape(searchValue));
405 var sortAttribute = sorting["attribute"];
406 if (sortAttribute && sortAttribute.length > 0)
407 url += ("&sort=" + sorting["attribute"]
408 + "&asc=" + sorting["ascending"]);
410 url += "&idx=" + idx;
411 if (document.messageListAjaxRequest) {
412 document.messageListAjaxRequest.aborted = true;
413 document.messageListAjaxRequest.abort();
416 var mailboxContent = $("mailboxContent");
417 if (mailboxContent.getStyle('visibility') == "hidden") {
418 mailboxContent.setStyle({ visibility: "visible" });
419 var rightDragHandle = $("rightDragHandle");
420 rightDragHandle.setStyle({ visibility: "visible" });
421 messageContent.setStyle({ top: (rightDragHandle.offsetTop
422 + rightDragHandle.offsetHeight
425 document.messageListAjaxRequest
426 = triggerAjaxRequest(url, messageListCallback,
429 var quotasUrl = ApplicationBaseURL + mailbox + "/quotas";
430 document.quotasAjaxRequest
431 = triggerAjaxRequest(quotasUrl, quotasCallback);
435 function openMailboxAtIndex(event) {
436 openMailbox(currentMailbox, true, this.getAttribute("idx"));
441 function messageListCallback(http) {
442 var table = $('messageList');
444 if (http.readyState == 4
445 && http.status == 200) {
446 document.messageListAjaxRequest = null;
450 var thead = table.tHead;
451 var tbody = table.tBodies[0];
452 var tmp = document.createElement('div');
453 $(tmp).update(http.responseText);
454 thead.rows[1].parentNode.replaceChild(tmp.firstChild.tHead.rows[1], thead.rows[1]);
455 table.replaceChild(tmp.firstChild.tBodies[0], tbody);
459 var div = $('mailboxContent');
460 div.update(http.responseText);
461 table = $('messageList');
462 configureMessageListEvents(table);
463 TableKit.Resizable.init(table, {'trueResize' : true, 'keepWidth' : true});
465 configureMessageListBodyEvents(table);
467 var selected = http.callbackData;
469 var row = $("row_" + selected);
473 $("messageContent").update();
476 if (sorting["attribute"] && sorting["attribute"].length > 0) {
477 var sortHeader = $(sorting["attribute"] + "Header");
480 var sortImages = $(table.tHead).getElementsByClassName("sortImage");
481 $(sortImages).each(function(item) {
485 var sortImage = createElement("img", "messageSortImage", "sortImage");
486 sortHeader.insertBefore(sortImage, sortHeader.firstChild);
487 if (sorting["ascending"])
488 sortImage.src = ResourcesURL + "/title_sortdown_12x12.png";
490 sortImage.src = ResourcesURL + "/title_sortup_12x12.png";
495 var data = http.responseText;
496 var msg = data.replace(/^(.*\n)*.*<p>((.*\n)*.*)<\/p>(.*\n)*.*$/, "$2");
497 log("messageListCallback: problem during ajax request (readyState = " + http.readyState + ", status = " + http.status + ", response = " + msg + ")");
501 function quotasCallback(http) {
502 if (http.readyState == 4
503 && http.status == 200) {
504 var hasQuotas = false;
506 var quotas = http.responseText.evalJSON(true);
507 for (var i in quotas) {
513 var treePath = currentMailbox.split("/");
514 var mbQuotas = quotas["/" + treePath[2]];
515 var used = mbQuotas["usedSpace"];
516 var max = mbQuotas["maxQuota"];
517 var percents = (Math.round(used * 10000 / max) / 100);
518 var format = labels["quotasFormat"];
519 var text = format.formatted(used, max, percents);
520 window.status = text;
525 function onMessageContextMenu(event) {
526 var menu = $('messageListMenu');
527 Event.observe(menu, "hideMenu", onMessageContextMenuHide);
528 popupMenu(event, "messageListMenu", this);
530 var topNode = $('messageList');
531 var selectedNodes = topNode.getSelectedRows();
532 for (var i = 0; i < selectedNodes.length; i++)
533 selectedNodes[i].deselect();
534 topNode.menuSelectedRows = selectedNodes;
535 topNode.menuSelectedEntry = this;
539 function onMessageContextMenuHide(event) {
540 var topNode = $('messageList');
542 if (topNode.menuSelectedEntry) {
543 topNode.menuSelectedEntry.deselect();
544 topNode.menuSelectedEntry = null;
546 if (topNode.menuSelectedRows) {
547 var nodes = topNode.menuSelectedRows;
548 for (var i = 0; i < nodes.length; i++)
550 topNode.menuSelectedRows = null;
554 function onFolderMenuClick(event) {
555 var onhide, menuName;
557 var menutype = this.parentNode.getAttribute("datatype");
559 if (menutype == "inbox") {
560 menuName = "inboxIconMenu";
561 } else if (menutype == "account") {
562 menuName = "accountIconMenu";
563 } else if (menutype == "trash") {
564 menuName = "trashIconMenu";
566 menuName = "mailboxIconMenu";
569 menuName = "mailboxIconMenu";
572 var menu = $(menuName);
573 Event.observe(menu, "hideMenu", onFolderMenuHide);
574 popupMenu(event, menuName, this.parentNode);
576 var topNode = $("mailboxTree");
577 if (topNode.selectedEntry)
578 topNode.selectedEntry.deselect();
579 if (topNode.menuSelectedEntry)
580 topNode.menuSelectedEntry.deselect();
581 topNode.menuSelectedEntry = this;
584 preventDefault(event);
587 function onFolderMenuHide(event) {
588 var topNode = $("mailboxTree");
590 if (topNode.menuSelectedEntry) {
591 topNode.menuSelectedEntry.deselect();
592 topNode.menuSelectedEntry = null;
594 if (topNode.selectedEntry)
595 topNode.selectedEntry.select();
598 function deleteCachedMessage(messageId) {
602 while (counter < cachedMessages.length
604 if (cachedMessages[counter]
605 && cachedMessages[counter]['idx'] == messageId) {
606 cachedMessages.splice(counter, 1);
613 function getCachedMessage(idx) {
617 while (counter < cachedMessages.length
619 if (cachedMessages[counter]
620 && cachedMessages[counter]['idx'] == currentMailbox + '/' + idx)
621 message = cachedMessages[counter];
628 function storeCachedMessage(cachedMessage) {
633 if (cachedMessages.length < maxCachedMessages)
634 oldest = cachedMessages.length;
636 while (cachedMessages[counter]) {
638 || cachedMessages[counter]['time'] < timeOldest) {
640 timeOldest = cachedMessages[counter]['time'];
649 cachedMessages[oldest] = cachedMessage;
652 function onMessageSelectionChange() {
653 var rows = this.getSelectedRowsId();
655 if (rows.length == 1) {
656 var idx = rows[0].substr(4);
658 if (currentMessages[currentMailbox] != idx) {
659 currentMessages[currentMailbox] = idx;
665 function loadMessage(idx) {
666 if (document.messageAjaxRequest) {
667 document.messageAjaxRequest.aborted = true;
668 document.messageAjaxRequest.abort();
671 var cachedMessage = getCachedMessage(idx);
673 if (cachedMessage == null) {
674 var url = (ApplicationBaseURL + currentMailbox + "/"
675 + idx + "/view?noframe=1");
676 document.messageAjaxRequest
677 = triggerAjaxRequest(url, messageCallback, idx);
678 markMailInWindow(window, idx, true);
680 var div = $('messageContent');
681 div.update(cachedMessage['text']);
682 cachedMessage['time'] = (new Date()).getTime();
683 document.messageAjaxRequest = null;
684 configureLinksInMessage();
688 function configureLinksInMessage() {
689 var messageDiv = $('messageContent');
690 var mailContentDiv = document.getElementsByClassName('mailer_mailcontent',
692 Event.observe(mailContentDiv, "contextmenu",
693 onMessageContentMenu.bindAsEventListener(mailContentDiv));
694 var anchors = messageDiv.getElementsByTagName('a');
695 for (var i = 0; i < anchors.length; i++)
696 if (anchors[i].href.substring(0,7) == "mailto:") {
697 Event.observe(anchors[i], "click",
698 onEmailAddressClick.bindAsEventListener(anchors[i]));
699 Event.observe(anchors[i], "contextmenu",
700 onEmailAddressClick.bindAsEventListener(anchors[i]));
703 Event.observe(anchors[i], "click",
704 onMessageAnchorClick);
706 var editDraftButton = $("editDraftButton");
708 Event.observe(editDraftButton, "click", onMessageEditDraft);
711 function onMessageContentMenu(event) {
712 popupMenu(event, 'messageContentMenu', this);
715 function onMessageEditDraft(event) {
716 return openMessageWindowsForSelection("edit", true);
719 function onEmailAddressClick(event) {
720 popupMenu(event, 'addressMenu', this);
723 function onMessageAnchorClick (event) {
724 window.open(this.href);
725 preventDefault(event);
728 function messageCallback(http) {
729 var div = $('messageContent');
731 if (http.readyState == 4
732 && http.status == 200) {
733 document.messageAjaxRequest = null;
734 div.update(http.responseText);
735 configureLinksInMessage();
737 if (http.callbackData) {
738 var cachedMessage = new Array();
739 cachedMessage['idx'] = currentMailbox + '/' + http.callbackData;
740 cachedMessage['time'] = (new Date()).getTime();
741 cachedMessage['text'] = http.responseText;
742 if (cachedMessage['text'].length < 30000)
743 storeCachedMessage(cachedMessage);
747 log("messageCallback: problem during ajax request: " + http.status);
750 function processMailboxMenuAction(mailbox) {
751 var currentNode, upperNode;
755 mailboxName = mailbox.getAttribute('mailboxname');
756 currentNode = mailbox;
760 && !currentNode.hasAttribute('mailboxaction'))
761 currentNode = currentNode.parentNode.parentNode.parentMenuItem;
765 action = currentNode.getAttribute('mailboxaction');
766 // var rows = collectSelectedRows();
767 // var rString = rows.join(', ');
768 // alert("performing '" + action + "' on " + rString
769 // + " to " + mailboxName);
773 var rowSelectionCount = 0;
777 function showElement(e, shouldShow) {
778 e.style.display = shouldShow ? "" : "none";
781 function enableElement(e, shouldEnable) {
785 if(e.hasAttribute("disabled"))
786 e.removeAttribute("disabled");
789 e.setAttribute("disabled", "1");
793 function validateControls() {
795 this.enableElement(e, rowSelectionCount > 0);
798 function moveTo(uri) {
799 alert("MoveTo: " + uri);
802 function deleteSelectedMails() {
805 /* message menu entries */
806 function onMenuOpenMessage(event) {
807 return openMessageWindowsForSelection('popupview');
810 function onMenuReplyToSender(event) {
811 return openMessageWindowsForSelection('reply');
814 function onMenuReplyToAll(event) {
815 return openMessageWindowsForSelection('replyall');
818 function onMenuForwardMessage(event) {
819 return openMessageWindowsForSelection('forward');
822 function onMenuViewMessageSource(event) {
823 var messageList = $("messageList");
824 var rows = messageList.getSelectedRowsId();
826 if (rows.length > 0) {
827 var url = (ApplicationBaseURL + currentMailbox + "/"
828 + rows[0].substr(4) + "/viewsource");
829 openMailComposeWindow(url);
832 preventDefault(event);
836 function newContactFromEmail(event) {
837 var mailto = document.menuTarget.innerHTML;
839 var email = extractEmailAddress(mailto);
840 var c_name = extractEmailName(mailto);
841 if (email.length > 0)
843 var url = UserFolderURL + "Contacts/new?contactEmail=" + email;
845 url += "&contactFN=" + c_name;
846 openContactWindow(url);
849 return false; /* stop following the link */
852 function newEmailTo(sender) {
853 return openMailTo(document.menuTarget.innerHTML);
856 function expandUpperTree(node) {
857 var currentNode = node.parentNode;
859 while (currentNode.className != "dtree") {
860 if (currentNode.className == 'clip') {
861 var id = currentNode.getAttribute("id");
862 var number = parseInt(id.substr(2));
864 var cn = mailboxTree.aNodes[number];
865 mailboxTree.nodeStatus(1, number, cn._ls);
868 currentNode = currentNode.parentNode;
872 function onHeaderClick(event) {
873 var headerId = this.getAttribute("id");
874 var newSortAttribute;
875 if (headerId == "subjectHeader")
876 newSortAttribute = "subject";
877 else if (headerId == "fromHeader")
878 newSortAttribute = "from";
879 else if (headerId == "dateHeader")
880 newSortAttribute = "date";
882 newSortAttribute = "arrival";
884 if (sorting["attribute"] == newSortAttribute)
885 sorting["ascending"] = !sorting["ascending"];
887 sorting["attribute"] = newSortAttribute;
888 sorting["ascending"] = true;
890 refreshCurrentFolder();
895 function refreshCurrentFolder() {
896 openMailbox(currentMailbox, true);
899 function refreshFolderByType(type) {
900 if (currentMailboxType == type)
901 refreshCurrentFolder();
904 var mailboxSpanAcceptType = function(type) {
905 return (type == "mailRow");
908 var mailboxSpanEnter = function() {
909 this.addClassName("_dragOver");
912 var mailboxSpanExit = function() {
913 this.removeClassName("_dragOver");
916 var mailboxSpanDrop = function(data) {
920 var folder = this.parentNode.parentNode.getAttribute("dataname");
921 if (folder != currentMailbox)
922 success = (moveMessages(data, folder) == 0);
930 var plusSignEnter = function() {
931 var nodeNr = parseInt(this.id.substr(2));
932 if (!mailboxTree.aNodes[nodeNr]._io)
933 this.plusSignTimer = setTimeout("openPlusSign('" + nodeNr + "');", 1000);
936 var plusSignExit = function() {
937 if (this.plusSignTimer) {
938 clearTimeout(this.plusSignTimer);
939 this.plusSignTimer = null;
943 function openPlusSign(nodeNr) {
944 mailboxTree.nodeStatus(1, nodeNr, mailboxTree.aNodes[nodeNr]._ls);
945 mailboxTree.aNodes[nodeNr]._io = 1;
946 this.plusSignTimer = null;
949 var messageListGhost = function () {
950 var newDiv = document.createElement("div");
951 // newDiv.style.width = "25px;";
952 // newDiv.style.height = "25px;";
953 newDiv.style.backgroundColor = "#aae;";
954 newDiv.style.border = "2px solid #a3a;";
955 newDiv.style.padding = "5px;";
956 newDiv.ghostOffsetX = 10;
957 newDiv.ghostOffsetY = 5;
959 var newImg = document.createElement("img");
960 newImg.src = ResourcesURL + "/message-mail.png";
962 var list = $("messageList");
963 var count = list.getSelectedRows().length;
964 newDiv.appendChild(newImg);
965 newDiv.appendChild(document.createElement("br"));
966 newDiv.appendChild(document.createTextNode(count + " messages..."));
971 var messageListData = function(type) {
972 var rows = this.parentNode.parentNode.getSelectedRowsId();
973 var msgIds = new Array();
974 for (var i = 0; i < rows.length; i++)
975 msgIds.push(rows[i].substr(4));
980 /* a model for a futur refactoring of the sortable table headers mechanism */
983 function configureMessageListEvents(table) {
985 table.multiselect = true;
986 // Each body row can load a message
987 Event.observe(table, "mousedown",
988 onMessageSelectionChange.bindAsEventListener(table));
990 configureSortableTableHeaders(table);
994 function configureMessageListBodyEvents(table) {
997 var cell = table.tHead.rows[1].cells[0];
998 if ($(cell).hasClassName("tbtv_navcell")) {
999 var anchors = $(cell).childNodesWithTag("a");
1000 for (var i = 0; i < anchors.length; i++)
1001 Event.observe(anchors[i], "click", openMailboxAtIndex.bindAsEventListener(anchors[i]));
1004 rows = table.tBodies[0].rows;
1005 for (var i = 0; i < rows.length; i++) {
1006 Event.observe(rows[i], "mousedown", onRowClick);
1007 Event.observe(rows[i], "selectstart", listRowMouseDownHandler);
1008 Event.observe(rows[i], "contextmenu", onMessageContextMenu.bindAsEventListener(rows[i]));
1010 rows[i].dndTypes = function() { return new Array("mailRow"); };
1011 rows[i].dndGhost = messageListGhost;
1012 rows[i].dndDataForType = messageListData;
1013 document.DNDManager.registerSource(rows[i]);
1015 for (var j = 0; j < rows[i].cells.length; j++) {
1016 var cell = rows[i].cells[j];
1017 Event.observe(cell, "mousedown", listRowMouseDownHandler);
1018 if (j == 2 || j == 3 || j == 5)
1019 Event.observe(cell, "dblclick", onMessageDoubleClick.bindAsEventListener(cell));
1021 var img = cell.childNodesWithTag("img")[0];
1022 Event.observe(img, "click", mailListMarkMessage);
1029 function configureDragHandles() {
1030 var handle = $("verticalDragHandle");
1032 handle.addInterface(SOGoDragHandlesInterface);
1033 handle.leftMargin = 1;
1034 handle.leftBlock=$("leftPanel");
1035 handle.rightBlock=$("rightPanel");
1038 handle = $("rightDragHandle");
1040 handle.addInterface(SOGoDragHandlesInterface);
1041 handle.upperBlock=$("mailboxContent");
1042 handle.lowerBlock=$("messageContent");
1047 function initDnd() {
1048 // log("MailerUI initDnd");
1050 var tree = $("mailboxTree");
1052 var images = tree.getElementsByTagName("img");
1053 for (var i = 0; i < images.length; i++) {
1054 if (images[i].id[0] == 'j') {
1055 images[i].dndAcceptType = mailboxSpanAcceptType;
1056 images[i].dndEnter = plusSignEnter;
1057 images[i].dndExit = plusSignExit;
1058 document.DNDManager.registerDestination(images[i]);
1061 var nodes = document.getElementsByClassName("nodeName", tree);
1062 for (var i = 0; i < nodes.length; i++) {
1063 nodes[i].dndAcceptType = mailboxSpanAcceptType;
1064 nodes[i].dndEnter = mailboxSpanEnter;
1065 nodes[i].dndExit = mailboxSpanExit;
1066 nodes[i].dndDrop = mailboxSpanDrop;
1067 document.DNDManager.registerDestination(nodes[i]);
1074 function refreshContacts() {
1077 function openInbox(node) {
1079 openMailbox(node.parentNode.getAttribute("dataname"));
1080 var tree = $("mailboxTree");
1081 tree.selectedEntry = node;
1086 function initMailer(event) {
1087 if (!document.body.hasClassName("popup")) {
1093 function initMailboxTree() {
1094 mailboxTree = new dTree("mailboxTree");
1095 mailboxTree.config.folderLinks = true;
1096 mailboxTree.config.hideRoot = true;
1098 mailboxTree.icon.root = ResourcesURL + "/tbtv_account_17x17.gif";
1099 mailboxTree.icon.folder = ResourcesURL + "/tbtv_leaf_corner_17x17.gif";
1100 mailboxTree.icon.folderOpen = ResourcesURL + "/tbtv_leaf_corner_17x17.gif";
1101 mailboxTree.icon.node = ResourcesURL + "/tbtv_leaf_corner_17x17.gif";
1102 mailboxTree.icon.line = ResourcesURL + "/tbtv_line_17x17.gif";
1103 mailboxTree.icon.join = ResourcesURL + "/tbtv_junction_17x17.gif";
1104 mailboxTree.icon.joinBottom = ResourcesURL + "/tbtv_corner_17x17.gif";
1105 mailboxTree.icon.plus = ResourcesURL + "/tbtv_plus_17x17.gif";
1106 mailboxTree.icon.plusBottom = ResourcesURL + "/tbtv_corner_plus_17x17.gif";
1107 mailboxTree.icon.minus = ResourcesURL + "/tbtv_minus_17x17.gif";
1108 mailboxTree.icon.minusBottom = ResourcesURL + "/tbtv_corner_minus_17x17.gif";
1109 mailboxTree.icon.nlPlus = ResourcesURL + "/tbtv_corner_plus_17x17.gif";
1110 mailboxTree.icon.nlMinus = ResourcesURL + "/tbtv_corner_minus_17x17.gif";
1111 mailboxTree.icon.empty = ResourcesURL + "/empty.gif";
1113 mailboxTree.add(0, -1, '');
1115 mailboxTree.pendingRequests = mailAccounts.length;
1116 activeAjaxRequests += mailAccounts.length;
1117 for (var i = 0; i < mailAccounts.length; i++) {
1118 var url = ApplicationBaseURL + "/" + mailAccounts[i] + "/mailboxes";
1119 triggerAjaxRequest(url, onLoadMailboxesCallback, mailAccounts[i]);
1123 function updateMailboxTreeInPage() {
1124 $("folderTreeContent").update(mailboxTree);
1126 var inboxFound = false;
1127 var tree = $("mailboxTree");
1128 var nodes = document.getElementsByClassName("node", tree);
1129 for (i = 0; i < nodes.length; i++) {
1130 Event.observe(nodes[i], "click", onMailboxTreeItemClick.bindAsEventListener(nodes[i]));
1131 Event.observe(nodes[i], "contextmenu", onFolderMenuClick.bindAsEventListener(nodes[i]));
1133 && nodes[i].parentNode.getAttribute("datatype") == "inbox") {
1134 openInbox(nodes[i]);
1140 function mailboxMenuNode(type, name) {
1141 var newNode = document.createElement("li");
1142 var icon = MailerUIdTreeExtension.folderIcons[type];
1144 icon = "tbtv_leaf_corner_17x17.gif";
1145 var image = document.createElement("img");
1146 image.src = ResourcesURL + "/" + icon;
1147 newNode.appendChild(image);
1148 newNode.appendChild(document.createTextNode(" " + name));
1153 function generateMenuForMailbox(mailbox, prefix, callback) {
1154 var menuDIV = document.createElement("div");
1155 $(menuDIV).addClassName("menu");
1156 menuDIV.setAttribute("id", prefix + "Submenu");
1157 var menu = document.createElement("ul");
1158 menuDIV.appendChild(menu);
1160 var callbacks = new Array();
1161 if (mailbox.type != "account") {
1162 var newNode = document.createElement("li");
1163 newNode.mailbox = mailbox;
1164 newNode.appendChild(document.createTextNode("coucou"));
1165 menu.appendChild(newNode);
1166 menu.appendChild(document.createElement("li"));
1167 callbacks.push(callback);
1168 callbacks.push("-");
1171 var submenuCount = 0;
1172 for (var i = 0; i < mailbox.children.length; i++) {
1173 var child = mailbox.children[i];
1174 var newNode = mailboxMenuNode(child.type, child.name);
1175 menu.appendChild(newNode);
1176 if (child.children.length > 0) {
1177 var newPrefix = prefix + submenuCount;
1178 var newSubmenu = generateMenuForMailbox(child,
1181 document.body.appendChild(newSubmenu);
1182 callbacks.push(newPrefix + "Submenu");
1186 newNode.mailbox = child;
1187 callbacks.push(callback);
1190 initMenu(menuDIV, callbacks);
1195 function updateMailboxMenus() {
1196 var mailboxActions = { move: onMailboxMenuMove,
1197 copy: onMailboxMenuCopy };
1199 for (key in mailboxActions) {
1200 var menuId = key + "MailboxMenu";
1201 var menuDIV = $(menuId);
1203 menuDIV.parentNode.removeChild(menuDIV);
1205 menuDIV = document.createElement("div");
1206 document.body.appendChild(menuDIV);
1208 var menu = document.createElement("ul");
1209 menuDIV.appendChild(menu);
1211 $(menuDIV).addClassName("menu");
1212 menuDIV.setAttribute("id", menuId);
1214 var submenuIds = new Array();
1215 for (var i = 0; i < mailAccounts.length; i++) {
1216 var menuEntry = mailboxMenuNode("account", mailAccounts[i]);
1217 menu.appendChild(menuEntry);
1218 var mailbox = accounts[mailAccounts[i]];
1219 var newSubmenu = generateMenuForMailbox(mailbox,
1220 key, mailboxActions[key]);
1221 document.body.appendChild(newSubmenu);
1222 submenuIds.push(newSubmenu.getAttribute("id"));
1224 initMenu(menuDIV, submenuIds);
1228 function onLoadMailboxesCallback(http) {
1229 if (http.readyState == 4
1230 && http.status == 200) {
1231 checkAjaxRequestsState();
1232 var newAccount = buildMailboxes(http.callbackData,
1234 accounts[http.callbackData] = newAccount;
1235 mailboxTree.addMailAccount(newAccount);
1236 mailboxTree.pendingRequests--;
1237 activeAjaxRequests--;
1238 if (!mailboxTree.pendingRequests) {
1239 updateMailboxTreeInPage();
1240 updateMailboxMenus();
1241 checkAjaxRequestsState();
1245 // var tree = $("mailboxTree");
1246 // var treeNodes = document.getElementsByClassName("dTreeNode", tree);
1248 // while (i < treeNodes.length
1249 // && treeNodes[i].getAttribute("dataname") != currentMailbox)
1251 // if (i < treeNodes.length) {
1252 // // log("found mailbox");
1253 // var links = document.getElementsByClassName("node", treeNodes[i]);
1254 // if (tree.selectedEntry)
1255 // tree.selectedEntry.deselect();
1256 // links[0].select();
1257 // tree.selectedEntry = links[0];
1258 // expandUpperTree(links[0]);
1262 function buildMailboxes(accountName, encoded) {
1263 var account = new Mailbox("account", accountName);
1264 var data = encoded.evalJSON(true);
1265 for (var i = 0; i < data.length; i++) {
1266 var currentNode = account;
1267 var names = data[i].path.split("/");
1268 for (var j = 1; j < (names.length - 1); j++) {
1269 var node = currentNode.findMailboxByName(names[j]);
1271 node = new Mailbox("additional", names[j]);
1272 currentNode.addMailbox(node);
1276 var basename = names[names.length-1];
1277 var leaf = currentNode.findMailboxByName(basename);
1279 leaf.type = data[i].type;
1281 leaf = new Mailbox(data[i].type, basename);
1282 currentNode.addMailbox(leaf);
1289 function onMenuCreateFolder(event) {
1290 var name = window.prompt(labels["Name :"], "");
1291 if (name && name.length > 0) {
1292 var folderID = document.menuTarget.getAttribute("dataname");
1293 var urlstr = URLForFolderID(folderID) + "/createFolder?name=" + name;
1294 triggerAjaxRequest(urlstr, folderOperationCallback);
1298 function onMenuRenameFolder(event) {
1299 var name = window.prompt(labels["Enter the new name of your folder :"]
1302 if (name && name.length > 0) {
1303 var folderID = document.menuTarget.getAttribute("dataname");
1304 var urlstr = URLForFolderID(folderID) + "/renameFolder?name=" + name;
1305 triggerAjaxRequest(urlstr, folderOperationCallback);
1309 function onMenuDeleteFolder(event) {
1310 var answer = window.confirm(labels["Do you really want to move this folder into the trash ?"]);
1312 var folderID = document.menuTarget.getAttribute("dataname");
1313 var urlstr = URLForFolderID(folderID) + "/deleteFolder";
1314 triggerAjaxRequest(urlstr, folderOperationCallback);
1318 function onMenuExpungeFolder(event) {
1319 var folderID = document.menuTarget.getAttribute("dataname");
1320 var urlstr = URLForFolderID(folderID) + "/expunge";
1322 triggerAjaxRequest(urlstr, folderRefreshCallback, folderID);
1325 function onMenuEmptyTrash(event) {
1326 var folderID = document.menuTarget.getAttribute("dataname");
1327 var urlstr = URLForFolderID(folderID) + "/emptyTrash";
1328 triggerAjaxRequest(urlstr, folderOperationCallback, folderID);
1330 if (folderID == currentMailbox) {
1331 var div = $('messageContent');
1332 for (var i = div.childNodes.length - 1; i > -1; i--)
1333 div.removeChild(div.childNodes[i]);
1334 refreshCurrentFolder();
1336 var msgID = currentMessages[folderID];
1338 deleteCachedMessage(folderID + "/" + msgID);
1341 function folderOperationCallback(http) {
1342 if (http.readyState == 4
1343 && isHttpStatus204(http.status))
1346 window.alert(labels["Operation failed"]);
1349 function folderRefreshCallback(http) {
1350 if (http.readyState == 4
1351 && isHttpStatus204(http.status)) {
1352 var oldMailbox = http.callbackData;
1353 if (oldMailbox == currentMailbox)
1354 refreshCurrentFolder();
1357 window.alert(labels["Operation failed"]);
1360 function getMenus() {
1362 menus["accountIconMenu"] = new Array(null, null, onMenuCreateFolder, null,
1364 menus["inboxIconMenu"] = new Array(null, null, null, "-", null,
1365 onMenuCreateFolder, onMenuExpungeFolder,
1368 menus["trashIconMenu"] = new Array(null, null, null, "-", null,
1369 onMenuCreateFolder, onMenuExpungeFolder,
1370 onMenuEmptyTrash, "-", null,
1372 menus["mailboxIconMenu"] = new Array(null, null, null, "-", null,
1375 onMenuExpungeFolder,
1376 onMenuDeleteFolder, "-", null,
1378 menus["addressMenu"] = new Array(newContactFromEmail, newEmailTo, null);
1379 menus["messageListMenu"] = new Array(onMenuOpenMessage, "-",
1380 onMenuReplyToSender,
1382 onMenuForwardMessage, null,
1383 "-", "moveMailboxMenu",
1384 "copyMailboxMenu", "label-menu",
1385 "mark-menu", "-", null,
1386 onMenuViewMessageSource, null,
1387 null, onMenuDeleteMessage);
1388 menus["messageContentMenu"] = new Array(onMenuReplyToSender,
1390 onMenuForwardMessage,
1391 null, "moveMailboxMenu",
1393 "-", "label-menu", "mark-menu",
1395 null, onMenuViewMessageSource,
1396 null, onPrintCurrentMessage,
1397 onMenuDeleteMessage);
1398 menus["label-menu"] = new Array(null, "-", null , null, null, null , null,
1400 menus["mark-menu"] = new Array(null, null, null, null, "-", null, "-",
1402 menus["searchMenu"] = new Array(setSearchCriteria, setSearchCriteria,
1403 setSearchCriteria, setSearchCriteria,
1409 addEvent(window, 'load', initMailer);
1411 function Mailbox(type, name) {
1414 this.parentFolder = null;
1415 this.children = new Array();
1419 Mailbox.prototype.dump = function(indent) {
1422 log(" ".repeat(indent) + this.name);
1423 for (var i = 0; i < this.children.length; i++) {
1424 this.children[i].dump(indent + 2);
1428 Mailbox.prototype.findMailboxByName = function(name) {
1432 while (!mailbox && i < this.children.length)
1433 if (this.children[i].name == name)
1434 mailbox = this.children[i];
1441 Mailbox.prototype.addMailbox = function(mailbox) {
1442 mailbox.parentFolder = this;
1443 this.children.push(mailbox);