]> err.no Git - scalable-opengroupware.org/blob - UI/WebServerResources/MailerUI.js
git-svn-id: http://svn.opengroupware.org/SOGo/inverse/trunk@1163 d1b88da0-ebda-0310...
[scalable-opengroupware.org] / UI / WebServerResources / MailerUI.js
1 /* JavaScript for SOGoMail */
2 var accounts = {};
3 var mailboxTree;
4
5 var currentMessages = new Array();
6 var maxCachedMessages = 20;
7 var cachedMessages = new Array();
8 var currentMailbox = null;
9 var currentMailboxType = "";
10
11 var usersRightsWindowHeight = 320;
12 var usersRightsWindowWidth = 400;
13
14 /* mail list */
15
16 function openMessageWindow(msguid, url) {
17   var wId = '';
18   if (msguid) {
19     wId += "SOGo_msg_" + msguid;
20     markMailReadInWindow(window, msguid);
21   }
22   var msgWin = openMailComposeWindow(url, wId);
23   if (msguid) {
24     msgWin.messageId = msguid;
25     msgWin.messageURL = ApplicationBaseURL + currentMailbox + "/" + msguid;
26   }
27   msgWin.focus();
28
29   return false;
30 }
31
32 function onMessageDoubleClick(event) {
33   var action;
34
35   if (currentMailboxType == "draft")
36     action = "edit";
37   else
38     action = "popupview";
39
40   return openMessageWindowsForSelection(action, true);
41 }
42
43 function toggleMailSelect(sender) {
44   var row;
45   row = $(sender.name);
46   row.className = sender.checked ? "tableview_selected" : "tableview";
47 }
48
49 function openAddressbook(sender) {
50   var urlstr;
51    
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");
56   w.focus();
57
58   return false;
59 }
60
61 function onMenuSharing(event) {
62   var folderID = document.menuTarget.getAttribute("dataname");
63   var urlstr = URLForFolderID(folderID) + "/acls";
64   preventDefault(event);
65
66   openAclWindow(urlstr);
67 }
68
69 /* mail list DOM changes */
70
71 function markMailInWindow(win, msguid, markread) {
72   var msgDiv;
73
74   msgDiv = win.$("div_" + msguid);
75   if (msgDiv) {
76     if (markread) {
77       msgDiv.removeClassName("mailer_unreadmailsubject");
78       msgDiv.addClassName("mailer_readmailsubject");
79       msgDiv = win.$("unreaddiv_" + msguid);
80       if (msgDiv)
81         {
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
87                               + ", false);"
88                               +" return false;");
89           var title = msgDiv.getAttribute("title-markunread");
90           if (title)
91             msgDiv.setAttribute("title", title);
92         }
93     }
94     else {
95       msgDiv.removeClassName('mailer_readmailsubject');
96       msgDiv.addClassName('mailer_unreadmailsubject');
97       msgDiv = win.$("readdiv_" + msguid);
98       if (msgDiv)
99         {
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
105                               + ", true);"
106                               +" return false;");
107           var title = msgDiv.getAttribute("title-markread");
108           if (title)
109             msgDiv.setAttribute("title", title);
110         }
111     }
112     return true;
113   }
114   else
115     return false;
116 }
117
118 function markMailReadInWindow(win, msguid) {
119   /* this is called by UIxMailView with window.opener */
120   return markMailInWindow(win, msguid, true);
121 }
122
123 /* mail list reply */
124
125 function openMessageWindowsForSelection(action, firstOnly) {
126   if (document.body.hasClassName("popup"))
127     win = openMessageWindow(window.messageId,
128                             window.messageURL + "/" + action);
129   else {
130     var messageList = $("messageList");
131     var rows = messageList.getSelectedRowsId();
132     if (rows.length > 0) {
133       if (firstOnly)
134         openMessageWindow(rows[0].substr(4),
135                           ApplicationBaseURL + currentMailbox
136                           + "/" + rows[0].substr(4)
137                           + "/" + action);
138       else
139         for (var i = 0; i < rows.length; i++)
140           openMessageWindow(rows[i].substr(4),
141                             ApplicationBaseURL + currentMailbox
142                             + "/" + rows[i].substr(4)
143                             + "/" + action);
144     }
145   }
146
147   return false;
148 }
149
150 function mailListMarkMessage(event) {
151   var http = createHTTPClient();
152   var url = ApplicationBaseURL + currentMailbox + "/" + action + "?uid=" + msguid;
153
154   if (http) {
155     // TODO: add parameter to signal that we are only interested in OK
156     http.open("POST", url + "&jsonly=1", false /* not async */);
157     http.send("");
158     if (http.status != 200) {
159       // TODO: refresh page?
160       alert("Message Mark Failed: " + http.statusText);
161       window.location.reload();
162     }
163     else {
164       markMailInWindow(window, msguid, markread);
165     }
166   }
167   else {
168     window.location.href = url;
169   }
170 }
171
172 /* maillist row highlight */
173
174 var oldMaillistHighlight = null; // to remember deleted/selected style
175
176 function ml_highlight(sender) {
177   oldMaillistHighlight = sender.className;
178   if (oldMaillistHighlight == "tableview_highlight")
179     oldMaillistHighlight = null;
180   sender.className = "tableview_highlight";
181 }
182
183 function ml_lowlight(sender) {
184   if (oldMaillistHighlight) {
185     sender.className = oldMaillistHighlight;
186     oldMaillistHighlight = null;
187   }
188   else
189     sender.className = "tableview";
190 }
191
192
193 /* folder operations */
194
195 function ctxFolderAdd(sender) {
196   var folderName;
197    
198   folderName = prompt("Foldername: ");
199   if (folderName == undefined)
200     return false;
201   if (folderName == "")
202     return false;
203    
204   // TODO: should use a form-POST or AJAX
205   window.location.href = "createFolder?name=" + escape(folderName);
206   return false;
207 }
208
209 function ctxFolderDelete(sender) {
210   if (!confirm("Delete current folder?").decodeEntities())
211     return false;
212    
213   // TODO: should use a form-POST or AJAX
214   window.location.href = "deleteFolder";
215   return false;
216 }
217
218 /* bulk delete of messages */
219
220 function uixDeleteSelectedMessages(sender) {
221   var failCount = 0;
222    
223   var messageList = $("messageList");
224   var rowIds = messageList.getSelectedRowsId();
225
226   for (var i = 0; i < rowIds.length; i++) {
227     var url, http;
228     var rowId = rowIds[i].substr(4);
229     /* send AJAX request (synchronously) */
230
231     var messageId = currentMailbox + "/" + rowId;
232     url = ApplicationBaseURL + messageId + "/trash?jsonly=1";
233     http = createHTTPClient();
234     http.open("POST", url, false /* not async */);
235     http.send("");
236     if (http.status != 200) { /* request failed */
237       failCount++;
238       http = null;
239       continue;
240     } else {
241       deleteCachedMessage(messageId);
242       if (currentMessages[currentMailbox] == rowId) {
243         var div = $('messageContent');
244         div.innerHTML = "";
245         currentMessages[currentMailbox] = null;
246       }
247     }
248     http = null;
249
250     /* remove from page */
251
252     /* line-through would be nicer, but hiding is OK too */
253     var row = $(rowIds[i]);
254     row.parentNode.removeChild(row);
255   }
256
257   if (failCount > 0)
258     alert("Could not delete " + failCount + " messages!");
259    
260   return false;
261 }
262
263 function moveMessages(rowIds, folder) {
264   var failCount = 0;
265
266   for (var i = 0; i < rowIds.length; i++) {
267     var url, http;
268
269     /* send AJAX request (synchronously) */
270           
271     var messageId = currentMailbox + "/" + rowIds[i];
272     url = (ApplicationBaseURL + messageId
273            + "/move?jsonly=1&tofolder=" + folder);
274     http = createHTTPClient();
275     http.open("GET", url, false /* not async */);
276     http.send("");
277     if (http.status == 200) {
278       var row = $("row_" + rowIds[i]);
279       row.parentNode.removeChild(row);
280       deleteCachedMessage(messageId);
281       if (currentMessages[currentMailbox] == rowIds[i]) {
282         var div = $('messageContent');
283         div.innerHTML = "";
284         currentMessages[currentMailbox] = null;
285       }
286     }
287     else /* request failed */
288       failCount++;
289
290     /* remove from page */
291
292     /* line-through would be nicer, but hiding is OK too */
293   }
294
295   if (failCount > 0)
296     alert("Could not move " + failCount + " messages!");
297    
298   return failCount;
299 }
300
301 function onMenuDeleteMessage(event) {
302   uixDeleteSelectedMessages();
303   preventDefault(event);
304 }
305
306 function onPrintCurrentMessage(event) {
307   var rowIds = $("messageList").getSelectedRowsId();
308   if (rowIds.length == 0) {
309     window.alert(labels["Please select a message to print."].decodeEntities());
310   }
311   else if (rowIds.length > 1) {
312     window.alert(labels["Please select only one message to print."].decodeEntities());
313   }
314   else
315     window.print();
316
317   preventDefault(event);
318 }
319
320 function onMailboxTreeItemClick(event) {
321   var topNode = $("mailboxTree");
322   var mailbox = this.parentNode.getAttribute("dataname");
323
324   if (topNode.selectedEntry)
325     topNode.selectedEntry.deselect();
326   this.select();
327   topNode.selectedEntry = this;
328
329   search = {};
330   sorting = {};
331   $("searchValue").value = "";
332   initCriteria();
333
334   currentMailboxType = this.parentNode.getAttribute("datatype");
335   if (currentMailboxType == "account" || currentMailboxType == "additional") {
336     currentMailbox = mailbox;
337     $("messageContent").innerHTML = "";
338     var body = $("messageList").tBodies[0];
339     for (var i = body.rows.length; i > 0; i--)
340       body.deleteRow(i-1);
341   }
342   else
343     openMailbox(mailbox);
344    
345   preventDefault(event);
346 }
347
348 function onMailboxMenuMove() {
349   window.alert("unimplemented");
350 }
351
352 function onMailboxMenuCopy() {
353   window.alert("unimplemented");
354 }
355
356 function refreshMailbox() {
357   var topWindow = getTopWindow();
358   if (topWindow)
359     topWindow.refreshCurrentFolder();
360
361   return false;
362 }
363
364 function onComposeMessage() {
365   var topWindow = getTopWindow();
366   if (topWindow)
367     topWindow.composeNewMessage();
368
369   return false;
370 }
371
372 function composeNewMessage() {
373   var account = currentMailbox.split("/")[1];
374   var url = ApplicationBaseURL + "/" + account + "/compose";
375   openMailComposeWindow(url);
376 }
377
378 function openMailbox(mailbox, reload, idx) {
379   if (mailbox != currentMailbox || reload) {
380     currentMailbox = mailbox;
381     var url = ApplicationBaseURL + mailbox + "/view?noframe=1";
382     var messageContent = $("messageContent");
383     messageContent.innerHTML = '';
384
385     var currentMessage;
386     if (!idx) {
387       currentMessage = currentMessages[mailbox];
388       if (currentMessage) {
389         loadMessage(currentMessage);
390         url += '&pageforuid=' + currentMessage;
391       }
392     }
393
394     var searchValue = search["value"];
395     if (searchValue && searchValue.length > 0)
396       url += ("&search=" + search["criteria"]
397               + "&value=" + escape(searchValue));
398     var sortAttribute = sorting["attribute"];
399     if (sortAttribute && sortAttribute.length > 0)
400       url += ("&sort=" + sorting["attribute"]
401               + "&asc=" + sorting["ascending"]);
402     if (idx)
403       url += "&idx=" + idx;
404
405     if (document.messageListAjaxRequest) {
406       document.messageListAjaxRequest.aborted = true;
407       document.messageListAjaxRequest.abort();
408     }
409
410     var mailboxContent = $("mailboxContent");
411     if (mailboxContent.getStyle('visibility') == "hidden") {
412       mailboxContent.setStyle({ visibility: "visible" });
413       var rightDragHandle = $("rightDragHandle");
414       rightDragHandle.setStyle({ visibility: "visible" });
415       messageContent.setStyle({ top: (rightDragHandle.offsetTop
416                                       + rightDragHandle.offsetHeight
417                                       + 'px') });
418     }
419
420     document.messageListAjaxRequest
421       = triggerAjaxRequest(url, messageListCallback,
422                            currentMessage);
423
424     var quotasUrl = ApplicationBaseURL + mailbox + "/quotas";
425     document.quotasAjaxRequest
426       = triggerAjaxRequest(quotasUrl, quotasCallback);
427   }
428 }
429
430 function openMailboxAtIndex(event) {
431   openMailbox(currentMailbox, true, this.getAttribute("idx"));
432
433   preventDefault(event);
434 }
435
436 function messageListCallback(http) {
437   var div = $('mailboxContent');
438    
439   if (http.readyState == 4
440       && http.status == 200) {
441     document.messageListAjaxRequest = null;
442     div.innerHTML = http.responseText;
443     var selected = http.callbackData;
444     if (selected) {
445       var row = $("row_" + selected);
446       if (row)
447         row.select();
448     }
449     configureMessageListEvents();
450     if (sorting["attribute"] && sorting["attribute"].length > 0) {
451       var sortHeader;
452       if (sorting["attribute"] == "subject")
453         sortHeader = $("subjectHeader");
454       else if (sorting["attribute"] == "from")
455         sortHeader = $("fromHeader");
456       else if (sorting["attribute"] == "date")
457         sortHeader = $("dateHeader");
458       else
459         sortHeader = null;
460
461       if (sortHeader) {
462         var sortImage = createElement("img", "messageSortImage", "sortImage");
463         sortHeader.insertBefore(sortImage, sortHeader.firstChild);
464         if (sorting["ascending"])
465           sortImage.src = ResourcesURL + "/title_sortdown_12x12.png";
466         else
467           sortImage.src = ResourcesURL + "/title_sortup_12x12.png";
468       }
469     }
470   }
471   else
472     log("messageListCallback: problem during ajax request (readyState = " + http.readyState + ", status = " + http.status + ")");
473 }
474
475 function quotasCallback(http) {
476   if (http.readyState == 4
477       && http.status == 200) {
478     var hasQuotas = false;
479
480     var quotas = http.responseText.evalJSON(true);
481     for (var i in quotas) {
482       hasQuotas = true;
483       break;
484     }
485
486     if (hasQuotas) {
487       var treePath = currentMailbox.split("/");
488       var mbQuotas = quotas["/" + treePath[2]];
489       var used = mbQuotas["usedSpace"];
490       var max = mbQuotas["maxQuota"];
491       var percents = (Math.round(used * 10000 / max) / 100);
492       var format = labels["quotasFormat"].decodeEntities();
493       var text = format.formatted(used, max, percents);
494       window.status = text;
495     }
496   }
497 }
498
499 function onMessageContextMenu(event) {
500   var menu = $('messageListMenu');
501   Event.observe(menu, "hideMenu", onMessageContextMenuHide);
502   popupMenu(event, "messageListMenu", this);
503
504   var topNode = $('messageList');
505   var selectedNodes = topNode.getSelectedRows();
506   for (var i = 0; i < selectedNodes.length; i++)
507     selectedNodes[i].deselect();
508   topNode.menuSelectedRows = selectedNodes;
509   topNode.menuSelectedEntry = this;
510   this.select();
511 }
512
513 function onMessageContextMenuHide(event) {
514   var topNode = $('messageList');
515
516   if (topNode.menuSelectedEntry) {
517     topNode.menuSelectedEntry.deselect();
518     topNode.menuSelectedEntry = null;
519   }
520   if (topNode.menuSelectedRows) {
521     var nodes = topNode.menuSelectedRows;
522     for (var i = 0; i < nodes.length; i++)
523       nodes[i].select();
524     topNode.menuSelectedRows = null;
525   }
526 }
527
528 function onFolderMenuClick(event) {
529   var onhide, menuName;
530    
531   var menutype = this.parentNode.getAttribute("datatype");
532   if (menutype) {
533     if (menutype == "inbox") {
534       menuName = "inboxIconMenu";
535     } else if (menutype == "account") {
536       menuName = "accountIconMenu";
537     } else if (menutype == "trash") {
538       menuName = "trashIconMenu";
539     } else {
540       menuName = "mailboxIconMenu";
541     }
542   } else {
543     menuName = "mailboxIconMenu";
544   }
545
546   var menu = $(menuName);
547   Event.observe(menu, "hideMenu", onFolderMenuHide);
548   popupMenu(event, menuName, this.parentNode);
549
550   var topNode = $("mailboxTree");
551   if (topNode.selectedEntry)
552     topNode.selectedEntry.deselect();
553   if (topNode.menuSelectedEntry)
554     topNode.menuSelectedEntry.deselect();
555   topNode.menuSelectedEntry = this;
556   this.select();
557
558   preventDefault(event);
559 }
560
561 function onFolderMenuHide(event) {
562   var topNode = $("mailboxTree");
563
564   if (topNode.menuSelectedEntry) {
565     topNode.menuSelectedEntry.deselect();
566     topNode.menuSelectedEntry = null;
567   }
568   if (topNode.selectedEntry)
569     topNode.selectedEntry.select();
570 }
571
572 function deleteCachedMessage(messageId) {
573   var done = false;
574   var counter = 0;
575
576   while (counter < cachedMessages.length
577          && !done)
578     if (cachedMessages[counter]
579         && cachedMessages[counter]['idx'] == messageId) {
580       cachedMessages.splice(counter, 1);
581       done = true;
582     }
583     else
584       counter++;
585 }
586
587 function getCachedMessage(idx) {
588   var message = null;
589   var counter = 0;
590
591   while (counter < cachedMessages.length
592          && message == null)
593     if (cachedMessages[counter]
594         && cachedMessages[counter]['idx'] == currentMailbox + '/' + idx)
595       message = cachedMessages[counter];
596     else
597       counter++;
598
599   return message;
600 }
601
602 function storeCachedMessage(cachedMessage) {
603   var oldest = -1;
604   var timeOldest = -1;
605   var counter = 0;
606
607   if (cachedMessages.length < maxCachedMessages)
608     oldest = cachedMessages.length;
609   else {
610     while (cachedMessages[counter]) {
611       if (oldest == -1
612           || cachedMessages[counter]['time'] < timeOldest) {
613         oldest = counter;
614         timeOldest = cachedMessages[counter]['time'];
615       }
616       counter++;
617     }
618
619     if (oldest == -1)
620       oldest = 0;
621   }
622
623   cachedMessages[oldest] = cachedMessage;
624 }
625
626 function onMessageSelectionChange() {
627   var rows = this.getSelectedRowsId();
628
629   if (rows.length == 1) {
630     var idx = rows[0].substr(4);
631
632     if (currentMessages[currentMailbox] != idx) {
633       currentMessages[currentMailbox] = idx;
634       loadMessage(idx);
635     }
636   }
637 }
638
639 function loadMessage(idx) {
640   if (document.messageAjaxRequest) {
641     document.messageAjaxRequest.aborted = true;
642     document.messageAjaxRequest.abort();
643   }
644
645   var cachedMessage = getCachedMessage(idx);
646
647   if (cachedMessage == null) {
648     var url = (ApplicationBaseURL + currentMailbox + "/"
649                + idx + "/view?noframe=1");
650     document.messageAjaxRequest
651       = triggerAjaxRequest(url, messageCallback, idx);
652     markMailInWindow(window, idx, true);
653   } else {
654     var div = $('messageContent');
655     div.innerHTML = cachedMessage['text'];
656     cachedMessage['time'] = (new Date()).getTime();
657     document.messageAjaxRequest = null;
658     configureLinksInMessage();
659   }
660 }
661
662 function configureLinksInMessage() {
663   var messageDiv = $('messageContent');
664   var mailContentDiv = document.getElementsByClassName('mailer_mailcontent',
665                                                        messageDiv)[0];
666   Event.observe(mailContentDiv, "contextmenu",
667                 onMessageContentMenu.bindAsEventListener(mailContentDiv));
668   var anchors = messageDiv.getElementsByTagName('a');
669   for (var i = 0; i < anchors.length; i++)
670     if (anchors[i].href.substring(0,7) == "mailto:") {
671       Event.observe(anchors[i], "click",
672                     onEmailAddressClick.bindAsEventListener(anchors[i]));
673       Event.observe(anchors[i], "contextmenu",
674                     onEmailAddressClick.bindAsEventListener(anchors[i]));
675     }
676     else
677       Event.observe(anchors[i], "click",
678                     onMessageAnchorClick);
679
680   var editDraftButton = $("editDraftButton");
681   if (editDraftButton)
682     Event.observe(editDraftButton, "click", onMessageEditDraft);
683 }
684
685 function onMessageContentMenu(event) {
686   popupMenu(event, 'messageContentMenu', this);
687 }
688
689 function onMessageEditDraft(event) {
690   return openMessageWindowsForSelection("edit", true);
691 }
692
693 function onEmailAddressClick(event) {
694   popupMenu(event, 'addressMenu', this);
695 }
696
697 function onMessageAnchorClick (event) {
698   window.open(this.href);
699   preventDefault(event);
700 }
701
702 function messageCallback(http) {
703   var div = $('messageContent');
704
705   if (http.readyState == 4
706       && http.status == 200) {
707     document.messageAjaxRequest = null;
708     div.innerHTML = http.responseText;
709     configureLinksInMessage();
710       
711     if (http.callbackData) {
712       var cachedMessage = new Array();
713       cachedMessage['idx'] = currentMailbox + '/' + http.callbackData;
714       cachedMessage['time'] = (new Date()).getTime();
715       cachedMessage['text'] = http.responseText;
716       if (cachedMessage['text'].length < 30000)
717         storeCachedMessage(cachedMessage);
718     }
719   }
720   else
721     log("messageCallback: problem during ajax request: " + http.status);
722 }
723
724 function processMailboxMenuAction(mailbox) {
725   var currentNode, upperNode;
726   var mailboxName;
727   var action;
728
729   mailboxName = mailbox.getAttribute('mailboxname');
730   currentNode = mailbox;
731   upperNode = null;
732
733   while (currentNode
734          && !currentNode.hasAttribute('mailboxaction'))
735     currentNode = currentNode.parentNode.parentNode.parentMenuItem;
736
737   if (currentNode)
738     {
739       action = currentNode.getAttribute('mailboxaction');
740       //       var rows  = collectSelectedRows();
741       //       var rString = rows.join(', ');
742       //       alert("performing '" + action + "' on " + rString
743       //             + " to " + mailboxName);
744     }
745 }
746
747 var rowSelectionCount = 0;
748
749 validateControls();
750
751 function showElement(e, shouldShow) {
752   e.style.display = shouldShow ? "" : "none";
753 }
754
755 function enableElement(e, shouldEnable) {
756   if(!e)
757     return;
758   if(shouldEnable) {
759     if(e.hasAttribute("disabled"))
760       e.removeAttribute("disabled");
761   }
762   else {
763     e.setAttribute("disabled", "1");
764   }
765 }
766
767 function validateControls() {
768   var e = $("moveto");
769   this.enableElement(e, rowSelectionCount > 0);
770 }
771
772 function moveTo(uri) {
773   alert("MoveTo: " + uri);
774 }
775
776 function deleteSelectedMails() {
777 }
778
779 /* message menu entries */
780 function onMenuOpenMessage(event) {
781   return openMessageWindowsForSelection('popupview');
782 }
783
784 function onMenuReplyToSender(event) {
785   return openMessageWindowsForSelection('reply');
786 }
787
788 function onMenuReplyToAll(event) {
789   return openMessageWindowsForSelection('replyall');
790 }
791
792 function onMenuForwardMessage(event) {
793   return openMessageWindowsForSelection('forward');
794 }
795
796 function onMenuViewMessageSource(event) {
797   var messageList = $("messageList");
798   var rows = messageList.getSelectedRowsId();
799
800   if (rows.length > 0) {
801     var url = (ApplicationBaseURL + currentMailbox + "/"
802                + rows[0].substr(4) + "/viewsource");
803     openMailComposeWindow(url);
804   }
805
806   preventDefault(event);
807 }
808
809 /* contacts */
810 function newContactFromEmail(event) {
811   var mailto = document.menuTarget.innerHTML;
812
813   var email = extractEmailAddress(mailto);
814   var c_name = extractEmailName(mailto);
815   if (email.length > 0)
816     {
817       var url = UserFolderURL + "Contacts/new?contactEmail=" + email;
818       if (c_name)
819         url += "&contactFN=" + c_name;
820       openContactWindow(url);
821     }
822
823   return false; /* stop following the link */
824 }
825
826 function newEmailTo(sender) {
827   return openMailTo(document.menuTarget.innerHTML);
828 }
829
830 function expandUpperTree(node) {
831   var currentNode = node.parentNode;
832
833   while (currentNode.className != "dtree") {
834     if (currentNode.className == 'clip') {
835       var id = currentNode.getAttribute("id");
836       var number = parseInt(id.substr(2));
837       if (number > 0) {
838         var cn = mailboxTree.aNodes[number];
839         mailboxTree.nodeStatus(1, number, cn._ls);
840       }
841     }
842     currentNode = currentNode.parentNode;
843   }
844 }
845
846 function onHeaderClick(event) {
847   var headerId = this.getAttribute("id");
848   var newSortAttribute;
849   if (headerId == "subjectHeader")
850     newSortAttribute = "subject";
851   else if (headerId == "fromHeader")
852     newSortAttribute = "from";
853   else if (headerId == "dateHeader")
854     newSortAttribute = "date";
855   else
856     newSortAttribute = "arrival";
857
858   if (sorting["attribute"] == newSortAttribute)
859     sorting["ascending"] = !sorting["ascending"];
860   else {
861     sorting["attribute"] = newSortAttribute;
862     sorting["ascending"] = true;
863   }
864
865   refreshCurrentFolder();
866
867   preventDefault(event);
868 }
869
870 function refreshCurrentFolder() {
871   openMailbox(currentMailbox, true);
872 }
873
874 function pouetpouet(event) {
875   window.alert("pouet pouet");
876 }
877
878 var mailboxSpanAcceptType = function(type) {
879   return (type == "mailRow");
880 }
881
882 var mailboxSpanEnter = function() {
883   this.addClassName("_dragOver");
884 }
885
886 var mailboxSpanExit = function() {
887   this.removeClassName("_dragOver");
888 }
889
890 var mailboxSpanDrop = function(data) {
891   var success = false;
892
893   if (data) {
894     var folder = this.parentNode.parentNode.getAttribute("dataname");
895     if (folder != currentMailbox)
896       success = (moveMessages(data, folder) == 0);
897   }
898   else
899     success = false;
900   
901   return success;
902 }
903     
904 var plusSignEnter = function() {
905   var nodeNr = parseInt(this.id.substr(2));
906   if (!mailboxTree.aNodes[nodeNr]._io)
907     this.plusSignTimer = setTimeout("openPlusSign('" + nodeNr + "');", 1000);
908 }
909       
910 var plusSignExit = function() {
911   if (this.plusSignTimer) {
912     clearTimeout(this.plusSignTimer);
913     this.plusSignTimer = null;
914   }
915 }
916         
917 function openPlusSign(nodeNr) {
918   mailboxTree.nodeStatus(1, nodeNr, mailboxTree.aNodes[nodeNr]._ls);
919   mailboxTree.aNodes[nodeNr]._io = 1;
920   this.plusSignTimer = null;
921 }
922
923 var messageListGhost = function () {
924   var newDiv = document.createElement("div");
925   //   newDiv.style.width = "25px;";
926   //   newDiv.style.height = "25px;";
927   newDiv.style.backgroundColor = "#aae;";
928   newDiv.style.border = "2px solid #a3a;";
929   newDiv.style.padding = "5px;";
930   newDiv.ghostOffsetX = 10;
931   newDiv.ghostOffsetY = 5;
932
933   var newImg = document.createElement("img");
934   newImg.src = ResourcesURL + "/message-mail.png";
935
936   var list = $("messageList");
937   var count = list.getSelectedRows().length;
938   newDiv.appendChild(newImg);
939   newDiv.appendChild(document.createElement("br"));
940   newDiv.appendChild(document.createTextNode(count + " messages..."));
941
942   return newDiv;
943 }
944
945 var messageListData = function(type) {
946   var rows = this.parentNode.parentNode.getSelectedRowsId();
947   var msgIds = new Array();
948   for (var i = 0; i < rows.length; i++)
949     msgIds.push(rows[i].substr(4));
950
951   return msgIds;
952 }
953
954 /* a model for a futur refactoring of the sortable table headers mechanism */
955
956 function configureMessageListHeaders(cells) {
957   for (var i = 0; i < cells.length; i++) {
958     var currentCell = $(cells[i]);
959     Event.observe(currentCell, "click",
960                   onHeaderClick.bindAsEventListener(currentCell));
961     Event.observe(currentCell, "mousedown", listRowMouseDownHandler);
962   }
963 }
964
965 function configureMessageListEvents() {
966   var messageList = $("messageList");
967   if (messageList) {
968     Event.observe(messageList, "mousedown",
969                   onMessageSelectionChange.bindAsEventListener(messageList));
970
971     configureMessageListHeaders(messageList.tHead.rows[0].cells);
972     var cell = messageList.tHead.rows[1].cells[0];
973     if ($(cell).hasClassName("tbtv_navcell")) {
974       var anchors = $(cell).childNodesWithTag("a");
975       for (var i = 0; i < anchors.length; i++)
976         Event.observe(anchors[i], "click", openMailboxAtIndex.bindAsEventListener(anchors[i]));
977     }
978
979     rows = messageList.tBodies[0].rows;
980     for (var i = 0; i < rows.length; i++) {
981       Event.observe(rows[i], "mousedown", onRowClick);
982       Event.observe(rows[i], "contextmenu", onMessageContextMenu.bindAsEventListener(rows[i]));
983          
984       rows[i].dndTypes = function() { return new Array("mailRow"); };
985       rows[i].dndGhost = messageListGhost;
986       rows[i].dndDataForType = messageListData;
987       document.DNDManager.registerSource(rows[i]);
988
989       for (var j = 0; j < rows[i].cells.length; j++) {
990         var cell = rows[i].cells[j];
991         Event.observe(cell, "mousedown", listRowMouseDownHandler);
992         if (j == 2 || j == 3 || j == 5)
993           Event.observe(cell, "dblclick", onMessageDoubleClick.bindAsEventListener(cell));
994         else if (j == 4) {
995           var img = cell.childNodesWithTag("img")[0];
996           Event.observe(img, "click", mailListMarkMessage);
997         }
998       }
999     }
1000   }
1001 }
1002
1003 function configureDragHandles() {
1004   var handle = $("verticalDragHandle");
1005   if (handle) {
1006     handle.addInterface(SOGoDragHandlesInterface);
1007     handle.leftMargin = 1;
1008     handle.leftBlock=$("leftPanel");
1009     handle.rightBlock=$("rightPanel");
1010   }
1011
1012   handle = $("rightDragHandle");
1013   if (handle) {
1014     handle.addInterface(SOGoDragHandlesInterface);
1015     handle.upperBlock=$("mailboxContent");
1016     handle.lowerBlock=$("messageContent");
1017   }
1018 }
1019
1020 /* dnd */
1021 function initDnd() {
1022   //   log("MailerUI initDnd");
1023
1024   var tree = $("mailboxTree");
1025   if (tree) {
1026     var images = tree.getElementsByTagName("img");
1027     for (var i = 0; i < images.length; i++) {
1028       if (images[i].id[0] == 'j') {
1029         images[i].dndAcceptType = mailboxSpanAcceptType;
1030         images[i].dndEnter = plusSignEnter;
1031         images[i].dndExit = plusSignExit;
1032         document.DNDManager.registerDestination(images[i]);
1033       }
1034     }
1035     var nodes = document.getElementsByClassName("nodeName", tree);
1036     for (var i = 0; i < nodes.length; i++) {
1037       nodes[i].dndAcceptType = mailboxSpanAcceptType;
1038       nodes[i].dndEnter = mailboxSpanEnter;
1039       nodes[i].dndExit = mailboxSpanExit;
1040       nodes[i].dndDrop = mailboxSpanDrop;
1041       document.DNDManager.registerDestination(nodes[i]);
1042     }
1043   }
1044 }
1045
1046 /* stub */
1047
1048 function refreshContacts() {
1049 }
1050
1051 function openInbox(node) {
1052   var done = false;
1053   openMailbox(node.parentNode.getAttribute("dataname"));
1054   var tree = $("mailboxTree");
1055   tree.selectedEntry = node;
1056   node.select();
1057   mailboxTree.o(1);
1058 }
1059
1060 function initMailer(event) {
1061   if (!document.body.hasClassName("popup")) {
1062     configureMessageListEvents();
1063     initDnd();
1064     currentMailbox = "/" + accounts[0] + "/folderINBOX";
1065     initMailboxTree();
1066   }
1067 }
1068
1069 function initMailboxTree() {
1070   mailboxTree = new dTree("mailboxTree");
1071   mailboxTree.config.folderLinks = true;
1072   mailboxTree.config.hideRoot = true;
1073
1074   mailboxTree.icon.root = ResourcesURL + "/tbtv_account_17x17.gif";
1075   mailboxTree.icon.folder = ResourcesURL + "/tbtv_leaf_corner_17x17.gif";
1076   mailboxTree.icon.folderOpen   = ResourcesURL + "/tbtv_leaf_corner_17x17.gif";
1077   mailboxTree.icon.node = ResourcesURL + "/tbtv_leaf_corner_17x17.gif";
1078   mailboxTree.icon.line = ResourcesURL + "/tbtv_line_17x17.gif";
1079   mailboxTree.icon.join = ResourcesURL + "/tbtv_junction_17x17.gif";
1080   mailboxTree.icon.joinBottom   = ResourcesURL + "/tbtv_corner_17x17.gif";
1081   mailboxTree.icon.plus = ResourcesURL + "/tbtv_plus_17x17.gif";
1082   mailboxTree.icon.plusBottom   = ResourcesURL + "/tbtv_corner_plus_17x17.gif";
1083   mailboxTree.icon.minus = ResourcesURL + "/tbtv_minus_17x17.gif";
1084   mailboxTree.icon.minusBottom = ResourcesURL + "/tbtv_corner_minus_17x17.gif";
1085   mailboxTree.icon.nlPlus = ResourcesURL + "/tbtv_corner_plus_17x17.gif";
1086   mailboxTree.icon.nlMinus = ResourcesURL + "/tbtv_corner_minus_17x17.gif";
1087   mailboxTree.icon.empty = ResourcesURL + "/empty.gif";
1088
1089   mailboxTree.add(0, -1, '');
1090
1091   mailboxTree.pendingRequests = mailAccounts.length;
1092   for (var i = 0; i < mailAccounts.length; i++) {
1093     var url = ApplicationBaseURL + "/" + mailAccounts[i] + "/mailboxes";
1094     triggerAjaxRequest(url, onLoadMailboxesCallback, mailAccounts[i]);
1095   }
1096 }
1097
1098 function updateMailboxTreeInPage() {
1099   $("folderTreeContent").innerHTML = mailboxTree;
1100
1101   var inboxFound = false;
1102   var tree = $("mailboxTree");
1103   var nodes = document.getElementsByClassName("node", tree);
1104   for (i = 0; i < nodes.length; i++) {
1105     Event.observe(nodes[i], "click", onMailboxTreeItemClick.bindAsEventListener(nodes[i]));
1106     Event.observe(nodes[i], "contextmenu", onFolderMenuClick.bindAsEventListener(nodes[i]));
1107     if (!inboxFound
1108         && nodes[i].parentNode.getAttribute("datatype") == "inbox") {
1109       openInbox(nodes[i]);
1110       inboxFound = true;
1111     }
1112   }
1113 }
1114
1115 function mailboxMenuNode(type, name) {
1116   var newNode = document.createElement("li");
1117   var icon = MailerUIdTreeExtension.folderIcons[type];
1118   if (!icon)
1119     icon = "tbtv_leaf_corner_17x17.gif";
1120   var image = document.createElement("img");
1121   image.src = ResourcesURL + "/" + icon;
1122   newNode.appendChild(image);
1123   newNode.appendChild(document.createTextNode(" " + name));
1124
1125   return newNode;
1126 }
1127
1128 function generateMenuForMailbox(mailbox, prefix, callback) {
1129   var menuDIV = document.createElement("div");
1130   $(menuDIV).addClassName("menu");
1131   menuDIV.setAttribute("id", prefix + "Submenu");
1132   var menu = document.createElement("ul");
1133   menuDIV.appendChild(menu);
1134
1135   var callbacks = new Array();
1136   if (mailbox.type != "account") {
1137     var newNode = document.createElement("li");
1138     newNode.mailbox = mailbox;
1139     newNode.appendChild(document.createTextNode("coucou"));
1140     menu.appendChild(newNode);
1141     menu.appendChild(document.createElement("li"));
1142     callbacks.push(callback);
1143     callbacks.push("-");
1144   }
1145
1146   var submenuCount = 0;
1147   for (var i = 0; i < mailbox.children.length; i++) {
1148     var child = mailbox.children[i];
1149     var newNode = mailboxMenuNode(child.type, child.name);
1150     menu.appendChild(newNode);
1151     if (child.children.length > 0) {
1152       var newPrefix = prefix + submenuCount;
1153       var newSubmenu = generateMenuForMailbox(child,
1154                                               newPrefix,
1155                                               callback);
1156       document.body.appendChild(newSubmenu);
1157       callbacks.push(newPrefix + "Submenu");
1158       submenuCount++;
1159     }
1160     else {
1161       newNode.mailbox = child;
1162       callbacks.push(callback);
1163     }
1164   }
1165   initMenu(menuDIV, callbacks);
1166
1167   return menuDIV;
1168 }
1169
1170 function updateMailboxMenus() {
1171   var mailboxActions = { move: onMailboxMenuMove,
1172                          copy: onMailboxMenuCopy };
1173
1174   for (key in mailboxActions) {
1175     var menuId = key + "MailboxMenu";
1176     var menuDIV = $(menuId);
1177     if (menuDIV)
1178       menuDIV.parentNode.removeChild(menuDIV);
1179
1180     menuDIV = document.createElement("div");
1181     document.body.appendChild(menuDIV);
1182
1183     var menu = document.createElement("ul");
1184     menuDIV.appendChild(menu);
1185
1186     $(menuDIV).addClassName("menu");
1187     menuDIV.setAttribute("id", menuId);
1188       
1189     var submenuIds = new Array();
1190     for (var i = 0; i < mailAccounts.length; i++) {
1191       var menuEntry = mailboxMenuNode("account", mailAccounts[i]);
1192       menu.appendChild(menuEntry);
1193       var mailbox = accounts[mailAccounts[i]];
1194       var newSubmenu = generateMenuForMailbox(mailbox,
1195                                               key, mailboxActions[key]);
1196       document.body.appendChild(newSubmenu);
1197       submenuIds.push(newSubmenu.getAttribute("id"));
1198     }
1199     initMenu(menuDIV, submenuIds);
1200   }
1201 }
1202
1203 function onLoadMailboxesCallback(http) {
1204   if (http.readyState == 4
1205       && http.status == 200) {
1206     var newAccount = buildMailboxes(http.callbackData,
1207                                     http.responseText);
1208     accounts[http.callbackData] = newAccount;
1209     mailboxTree.addMailAccount(newAccount);
1210     mailboxTree.pendingRequests--;
1211     if (!mailboxTree.pendingRequests) {
1212       updateMailboxTreeInPage();
1213       updateMailboxMenus();
1214     }
1215   }
1216
1217   //       var tree = $("mailboxTree");
1218   //       var treeNodes = document.getElementsByClassName("dTreeNode", tree);
1219   //       var i = 0;
1220   //       while (i < treeNodes.length
1221   //         && treeNodes[i].getAttribute("dataname") != currentMailbox)
1222   //     i++;
1223   //       if (i < treeNodes.length) {
1224   //     //     log("found mailbox");
1225   //     var links = document.getElementsByClassName("node", treeNodes[i]);
1226   //     if (tree.selectedEntry)
1227   //        tree.selectedEntry.deselect();
1228   //     links[0].select();
1229   //     tree.selectedEntry = links[0];
1230   //     expandUpperTree(links[0]);
1231   //       }
1232 }
1233
1234 function buildMailboxes(accountName, encoded) {
1235   var account = new Mailbox("account", accountName);
1236   var data = encoded.evalJSON(true);
1237   for (var i = 0; i < data.length; i++) {
1238     var currentNode = account;
1239     var names = data[i].path.split("/");
1240     for (var j = 1; j < (names.length - 1); j++) {
1241       var node = currentNode.findMailboxByName(names[j]);
1242       if (!node) {
1243         node = new Mailbox("additional", names[j]);
1244         currentNode.addMailbox(node);
1245       }
1246       currentNode = node;
1247     }
1248     var basename = names[names.length-1];
1249     var leaf = currentNode.findMailboxByName(basename);
1250     if (leaf)
1251       leaf.type = data[i].type;
1252     else {
1253       leaf = new Mailbox(data[i].type, basename);
1254       currentNode.addMailbox(leaf);
1255     }
1256   }
1257
1258   return account;
1259 }
1260
1261 function onMenuCreateFolder(event) {
1262   var name = window.prompt(labels["Name :"].decodeEntities(), "");
1263   if (name && name.length > 0) {
1264     var folderID = document.menuTarget.getAttribute("dataname");
1265     var urlstr = URLForFolderID(folderID) + "/createFolder?name=" + name;
1266     triggerAjaxRequest(urlstr, folderOperationCallback);
1267   }
1268 }
1269
1270 function onMenuRenameFolder(event) {
1271   var name = window.prompt(labels["Enter the new name of your folder :"]
1272                            .decodeEntities(),
1273                            "");
1274   if (name && name.length > 0) {
1275     var folderID = document.menuTarget.getAttribute("dataname");
1276     var urlstr = URLForFolderID(folderID) + "/renameFolder?name=" + name;
1277     triggerAjaxRequest(urlstr, folderOperationCallback);
1278   }
1279 }
1280
1281 function onMenuDeleteFolder(event) {
1282   var answer = window.confirm(labels["Do you really want to move this folder into the trash ?"].decodeEntities());
1283   if (answer) {
1284     var folderID = document.menuTarget.getAttribute("dataname");
1285     var urlstr = URLForFolderID(folderID) + "/deleteFolder";
1286     triggerAjaxRequest(urlstr, folderOperationCallback);
1287   }
1288 }
1289
1290 function onMenuExpungeFolder(event) {
1291   var folderID = document.menuTarget.getAttribute("dataname");
1292   var urlstr = URLForFolderID(folderID) + "/expunge";
1293
1294   triggerAjaxRequest(urlstr, folderRefreshCallback, folderID);
1295 }
1296
1297 function onMenuEmptyTrash(event) {
1298   var folderID = document.menuTarget.getAttribute("dataname");
1299   var urlstr = URLForFolderID(folderID) + "/emptyTrash";
1300
1301   triggerAjaxRequest(urlstr, folderRefreshCallback, folderID);
1302 }
1303
1304 function folderOperationCallback(http) {
1305   if (http.readyState == 4
1306       && http.status == 204)
1307     initMailboxTree();
1308   else
1309     window.alert(labels["Operation failed"].decodeEntities());
1310 }
1311
1312 function folderRefreshCallback(http) {
1313   if (http.readyState == 4
1314       && http.status == 204) {
1315     var oldMailbox = http.callbackData;
1316     if (oldMailbox == currentMailbox)
1317       refreshCurrentFolder();
1318   }
1319   else
1320     window.alert(labels["Operation failed"].decodeEntities());
1321 }
1322
1323 function getMenus() {
1324   var menus = {}
1325   menus["accountIconMenu"] = new Array(null, null, onMenuCreateFolder, null,
1326                                        null, null);
1327   menus["inboxIconMenu"] = new Array(null, null, null, "-", null,
1328                                      onMenuCreateFolder, onMenuExpungeFolder,
1329                                      "-", null,
1330                                      onMenuSharing);
1331   menus["trashIconMenu"] = new Array(null, null, null, "-", null,
1332                                      onMenuCreateFolder, onMenuExpungeFolder,
1333                                      onMenuEmptyTrash, "-", null,
1334                                      onMenuSharing);
1335   menus["mailboxIconMenu"] = new Array(null, null, null, "-", null,
1336                                        onMenuCreateFolder,
1337                                        onMenuRenameFolder,
1338                                        onMenuExpungeFolder,
1339                                        onMenuDeleteFolder, "-", null,
1340                                        onMenuSharing);
1341   menus["addressMenu"] = new Array(newContactFromEmail, newEmailTo, null);
1342   menus["messageListMenu"] = new Array(onMenuOpenMessage, "-",
1343                                        onMenuReplyToSender,
1344                                        onMenuReplyToAll,
1345                                        onMenuForwardMessage, null,
1346                                        "-", "moveMailboxMenu",
1347                                        "copyMailboxMenu", "label-menu",
1348                                        "mark-menu", "-", null,
1349                                        onMenuViewMessageSource, null,
1350                                        null, onMenuDeleteMessage);
1351   menus["messageContentMenu"] = new Array(onMenuReplyToSender,
1352                                           onMenuReplyToAll,
1353                                           onMenuForwardMessage,
1354                                           null, "moveMailboxMenu",
1355                                           "copyMailboxMenu",
1356                                           "-", "label-menu", "mark-menu",
1357                                           "-",
1358                                           null, onMenuViewMessageSource,
1359                                           null, onPrintCurrentMessage,
1360                                           onMenuDeleteMessage);
1361   menus["label-menu"] = new Array(null, "-", null , null, null, null , null,
1362                                   null);
1363   menus["mark-menu"] = new Array(null, null, null, null, "-", null, "-",
1364                                  null, null, null);
1365   menus["searchMenu"] = new Array(setSearchCriteria, setSearchCriteria,
1366                                   setSearchCriteria, setSearchCriteria,
1367                                   setSearchCriteria);
1368
1369   return menus;
1370 }
1371
1372 addEvent(window, 'load', initMailer);
1373
1374 function Mailbox(type, name) {
1375   this.type = type;
1376   this.name = name;
1377   this.parentFolder = null;
1378   this.children = new Array();
1379   return this;
1380 }
1381
1382 Mailbox.prototype.dump = function(indent) {
1383   if (!indent)
1384     indent = 0;
1385   log(" ".repeat(indent) + this.name);
1386   for (var i = 0; i < this.children.length; i++) {
1387     this.children[i].dump(indent + 2);
1388   }
1389 }
1390
1391 Mailbox.prototype.findMailboxByName = function(name) {
1392   var mailbox = null;
1393
1394   var i = 0;
1395   while (!mailbox && i < this.children.length)
1396     if (this.children[i].name == name)
1397       mailbox = this.children[i];
1398     else
1399       i++;
1400
1401   return mailbox;
1402 }
1403
1404 Mailbox.prototype.addMailbox = function(mailbox) {
1405   mailbox.parentFolder = this;
1406   this.children.push(mailbox);
1407 }