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