]> err.no Git - scalable-opengroupware.org/blob - UI/WebServerResources/MailerUI.js
git-svn-id: http://svn.opengroupware.org/SOGo/inverse/trunk@1091 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", onMessageContentMenu.bindAsEventListener(mailContentDiv));
680    var anchors = messageDiv.getElementsByTagName('a');
681    for (var i = 0; i < anchors.length; i++)
682       if (anchors[i].href.substring(0,7) == "mailto:") {
683          Event.observe(anchors[i], "click", onEmailAddressClick.bindAsEventListener(anchors[i]));
684          Event.observe(anchors[i], "contextmenu", onEmailAddressClick.bindAsEventListener(anchors[i]));
685       }
686       else
687          Event.observe(anchors[i], "click", onMessageAnchorClick);
688 }
689
690 function onMessageContentMenu(event) {
691    popupMenu(event, 'messageContentMenu', this);
692 }
693
694 function onEmailAddressClick(event) {
695    popupMenu(event, 'addressMenu', this);
696 }
697
698 function onMessageAnchorClick (event) {
699    window.open(this.href);
700    preventDefault(event);
701 }
702
703 function messageCallback(http) {
704    var div = $('messageContent');
705
706    if (http.readyState == 4
707        && http.status == 200) {
708       document.messageAjaxRequest = null;
709       div.innerHTML = http.responseText;
710       configureLinksInMessage();
711       
712       if (http.callbackData) {
713          var cachedMessage = new Array();
714          cachedMessage['idx'] = currentMailbox + '/' + http.callbackData;
715          cachedMessage['time'] = (new Date()).getTime();
716          cachedMessage['text'] = http.responseText;
717          if (cachedMessage['text'].length < 30000)
718             storeCachedMessage(cachedMessage);
719       }
720    }
721    else
722       log("messageCallback: problem during ajax request: " + http.status);
723 }
724
725 function processMailboxMenuAction(mailbox) {
726    var currentNode, upperNode;
727    var mailboxName;
728    var action;
729
730    mailboxName = mailbox.getAttribute('mailboxname');
731    currentNode = mailbox;
732    upperNode = null;
733
734    while (currentNode
735           && !currentNode.hasAttribute('mailboxaction'))
736       currentNode = currentNode.parentNode.parentNode.parentMenuItem;
737
738    if (currentNode)
739    {
740       action = currentNode.getAttribute('mailboxaction');
741       //       var rows  = collectSelectedRows();
742       //       var rString = rows.join(', ');
743       //       alert("performing '" + action + "' on " + rString
744                      //             + " to " + mailboxName);
745    }
746 }
747
748 var rowSelectionCount = 0;
749
750 validateControls();
751
752 function showElement(e, shouldShow) {
753    e.style.display = shouldShow ? "" : "none";
754 }
755
756 function enableElement(e, shouldEnable) {
757    if(!e)
758       return;
759    if(shouldEnable) {
760       if(e.hasAttribute("disabled"))
761          e.removeAttribute("disabled");
762    }
763    else {
764       e.setAttribute("disabled", "1");
765    }
766 }
767
768 function validateControls() {
769    var e = $("moveto");
770    this.enableElement(e, rowSelectionCount > 0);
771 }
772
773 function moveTo(uri) {
774    alert("MoveTo: " + uri);
775 }
776
777 function deleteSelectedMails() {
778 }
779
780 /* message menu entries */
781 function onMenuOpenMessage(event) {
782    return openMessageWindowsForSelection('popupview');
783 }
784
785 function onMenuReplyToSender(event) {
786    return openMessageWindowsForSelection('reply');
787 }
788
789 function onMenuReplyToAll(event) {
790    return openMessageWindowsForSelection('replyall');
791 }
792
793 function onMenuForwardMessage(event) {
794    return openMessageWindowsForSelection('forward');
795 }
796
797 /* contacts */
798 function newContactFromEmail(event) {
799    var mailto = document.menuTarget.innerHTML;
800
801    //   var emailre
802            //     = /([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;
803    //   emailre.exec(mailto);
804    //   email = RegExp.$1;
805
806    //   var namere = /(\w[\w\ _-]+)\ (&lt;|<)/;
807    //   var c_name = '';
808    //   if (namere.test(mailto)) {
809       //     namere.exec(mailto);
810       //     c_name += RegExp.$1;
811       //   }
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       w = window.open(url, null,
821                       "width=546,height=490,resizable=1,scrollbars=1,toolbar=0,"
822                       + "location=0,directories=0,status=0,menubar=0,copyhistory=0");
823       w.focus();
824    }
825
826    return false; /* stop following the link */
827                      }
828
829 function newEmailTo(sender) {
830    return openMailTo(document.menuTarget.innerHTML);
831 }
832
833 function expandUpperTree(node) {
834    var currentNode = node.parentNode;
835
836    while (currentNode.className != "dtree") {
837       if (currentNode.className == 'clip') {
838          var id = currentNode.getAttribute("id");
839          var number = parseInt(id.substr(2));
840          if (number > 0) {
841             var cn = mailboxTree.aNodes[number];
842             mailboxTree.nodeStatus(1, number, cn._ls);
843          }
844       }
845       currentNode = currentNode.parentNode;
846    }
847 }
848
849 function onHeaderClick(event) {
850    var headerId = this.getAttribute("id");
851    var newSortAttribute;
852    if (headerId == "subjectHeader")
853       newSortAttribute = "subject";
854    else if (headerId == "fromHeader")
855       newSortAttribute = "from";
856    else if (headerId == "dateHeader")
857       newSortAttribute = "date";
858    else
859       newSortAttribute = "arrival";
860
861    if (sorting["attribute"] == newSortAttribute)
862       sorting["ascending"] = !sorting["ascending"];
863    else {
864       sorting["attribute"] = newSortAttribute;
865       sorting["ascending"] = true;
866    }
867
868    refreshCurrentFolder();
869
870    preventDefault(event);
871 }
872
873 function refreshCurrentFolder() {
874    openMailbox(currentMailbox, true);
875 }
876
877 function pouetpouet(event) {
878    window.alert("pouet pouet");
879 }
880
881 var mailboxSpanAcceptType = function(type) {
882    return (type == "mailRow");
883 }
884
885 var mailboxSpanEnter = function() {
886    this.addClassName("_dragOver");
887 }
888
889 var mailboxSpanExit = function() {
890    this.removeClassName("_dragOver");
891 }
892
893 var mailboxSpanDrop = function(data) {
894    var success = false;
895
896    if (data) {
897       var folder = this.parentNode.parentNode.getAttribute("dataname");
898       if (folder != currentMailbox)
899          success = (moveMessages(data, folder) == 0);
900    }
901    else
902    success = false;
903
904    return success;
905 }
906
907 var plusSignEnter = function() {
908    var nodeNr = parseInt(this.id.substr(2));
909    if (!mailboxTree.aNodes[nodeNr]._io)
910      this.plusSignTimer = setTimeout("openPlusSign('" + nodeNr + "');", 1000);
911 }
912
913 var plusSignExit = function() {
914    if (this.plusSignTimer) {
915       clearTimeout(this.plusSignTimer);
916       this.plusSignTimer = null;
917    }
918 }
919
920 function openPlusSign(nodeNr) {
921    mailboxTree.nodeStatus(1, nodeNr, mailboxTree.aNodes[nodeNr]._ls);
922    mailboxTree.aNodes[nodeNr]._io = 1;
923    this.plusSignTimer = null;
924 }
925
926 var messageListGhost = function () {
927    var newDiv = document.createElement("div");
928    //   newDiv.style.width = "25px;";
929    //   newDiv.style.height = "25px;";
930    newDiv.style.backgroundColor = "#aae;";
931    newDiv.style.border = "2px solid #a3a;";
932    newDiv.style.padding = "5px;";
933    newDiv.ghostOffsetX = 10;
934    newDiv.ghostOffsetY = 5;
935
936    var newImg = document.createElement("img");
937    newImg.src = ResourcesURL + "/message-mail.png";
938
939    var list = $("messageList");
940    var count = list.getSelectedRows().length;
941    newDiv.appendChild(newImg);
942    newDiv.appendChild(document.createElement("br"));
943    newDiv.appendChild(document.createTextNode(count + " messages..."));
944
945    return newDiv;
946 }
947
948 var messageListData = function(type) {
949    var rows = this.parentNode.parentNode.getSelectedRowsId();
950    var msgIds = new Array();
951    for (var i = 0; i < rows.length; i++)
952    msgIds.push(rows[i].substr(4));
953
954    return msgIds;
955 }
956
957 /* a model for a futur refactoring of the sortable table headers mechanism */
958
959 function configureMessageListHeaders(cells) {
960    for (var i = 0; i < cells.length; i++) {
961       var currentCell = $(cells[i]);
962       Event.observe(currentCell, "click",
963                     onHeaderClick.bindAsEventListener(currentCell));
964       Event.observe(currentCell, "mousedown", listRowMouseDownHandler);
965    }
966 }
967
968 function configureMessageListEvents() {
969    var messageList = $("messageList");
970    if (messageList) {
971       Event.observe(messageList, "mousedown",
972                     onMessageSelectionChange.bindAsEventListener(messageList));
973
974       configureMessageListHeaders(messageList.tHead.rows[0].cells);
975       var cell = messageList.tHead.rows[1].cells[0];
976       if ($(cell).hasClassName("tbtv_navcell")) {
977          var anchors = $(cell).childNodesWithTag("a");
978          for (var i = 0; i < anchors.length; i++)
979             Event.observe(anchors[i], "click", openMailboxAtIndex.bindAsEventListener(anchors[i]));
980       }
981
982       rows = messageList.tBodies[0].rows;
983       for (var i = 0; i < rows.length; i++) {
984          Event.observe(rows[i], "mousedown", onRowClick);
985          Event.observe(rows[i], "contextmenu", onMessageContextMenu.bindAsEventListener(rows[i]));
986          
987          rows[i].dndTypes = function() { return new Array("mailRow"); };
988          rows[i].dndGhost = messageListGhost;
989          rows[i].dndDataForType = messageListData;
990          document.DNDManager.registerSource(rows[i]);
991
992          for (var j = 0; j < rows[i].cells.length; j++) {
993             var cell = rows[i].cells[j];
994             Event.observe(cell, "mousedown", listRowMouseDownHandler);
995             if (j == 2 || j == 3 || j == 5)
996                Event.observe(cell, "dblclick", onMessageDoubleClick.bindAsEventListener(cell));
997             else if (j == 4) {
998                var img = cell.childNodesWithTag("img")[0];
999                Event.observe(img, "click", mailListMarkMessage);
1000             }
1001          }
1002       }
1003    }
1004 }
1005
1006 function configureDragHandles() {
1007    var handle = $("verticalDragHandle");
1008    if (handle) {
1009       handle.addInterface(SOGoDragHandlesInterface);
1010       handle.leftBlock=$("leftPanel");
1011       handle.rightBlock=$("rightPanel");
1012    }
1013
1014    handle = $("rightDragHandle");
1015    if (handle) {
1016       handle.addInterface(SOGoDragHandlesInterface);
1017       handle.upperBlock=$("mailboxContent");
1018       handle.lowerBlock=$("messageContent");
1019    }
1020 }
1021
1022 /* dnd */
1023 function initDnd() {
1024    //   log("MailerUI initDnd");
1025
1026    var tree = $("mailboxTree");
1027    if (tree) {
1028       var images = tree.getElementsByTagName("img");
1029       for (var i = 0; i < images.length; i++) {
1030          if (images[i].id[0] == 'j') {
1031             images[i].dndAcceptType = mailboxSpanAcceptType;
1032             images[i].dndEnter = plusSignEnter;
1033             images[i].dndExit = plusSignExit;
1034             document.DNDManager.registerDestination(images[i]);
1035          }
1036       }
1037       var nodes = document.getElementsByClassName("nodeName", tree);
1038       for (var i = 0; i < nodes.length; i++) {
1039          nodes[i].dndAcceptType = mailboxSpanAcceptType;
1040          nodes[i].dndEnter = mailboxSpanEnter;
1041          nodes[i].dndExit = mailboxSpanExit;
1042          nodes[i].dndDrop = mailboxSpanDrop;
1043          document.DNDManager.registerDestination(nodes[i]);
1044       }
1045    }
1046 }
1047
1048 /* stub */
1049
1050 function refreshContacts() {
1051 }
1052
1053 function openInbox(node) {
1054    var done = false;
1055    openMailbox(node.parentNode.getAttribute("dataname"));
1056    var tree = $("mailboxTree");
1057    tree.selectedEntry = node;
1058    node.select();
1059    mailboxTree.o(1);
1060 }
1061
1062 function initMailer(event) {
1063    if (!document.body.hasClassName("popup")) {
1064       configureMessageListEvents();
1065       initDnd();
1066       currentMailbox = "/" + accounts[0] + "/INBOX";
1067       initMailboxTree();
1068    }
1069 }
1070
1071 function initMailboxTree() {
1072    mailboxTree = new dTree("mailboxTree");
1073    mailboxTree.config.folderLinks = true;
1074    mailboxTree.config.hideRoot = true;
1075
1076    mailboxTree.icon.root = ResourcesURL + "/tbtv_account_17x17.gif";
1077    mailboxTree.icon.folder = ResourcesURL + "/tbtv_leaf_corner_17x17.gif";
1078    mailboxTree.icon.folderOpen  = ResourcesURL + "/tbtv_leaf_corner_17x17.gif";
1079    mailboxTree.icon.node = ResourcesURL + "/tbtv_leaf_corner_17x17.gif";
1080    mailboxTree.icon.line = ResourcesURL + "/tbtv_line_17x17.gif";
1081    mailboxTree.icon.join = ResourcesURL + "/tbtv_junction_17x17.gif";
1082    mailboxTree.icon.joinBottom  = ResourcesURL + "/tbtv_corner_17x17.gif";
1083    mailboxTree.icon.plus = ResourcesURL + "/tbtv_plus_17x17.gif";
1084    mailboxTree.icon.plusBottom  = ResourcesURL + "/tbtv_corner_plus_17x17.gif";
1085    mailboxTree.icon.minus = ResourcesURL + "/tbtv_minus_17x17.gif";
1086    mailboxTree.icon.minusBottom = ResourcesURL + "/tbtv_corner_minus_17x17.gif";
1087    mailboxTree.icon.nlPlus = ResourcesURL + "/tbtv_corner_plus_17x17.gif";
1088    mailboxTree.icon.nlMinus = ResourcesURL + "/tbtv_corner_minus_17x17.gif";
1089    mailboxTree.icon.empty = ResourcesURL + "/empty.gif";
1090
1091    mailboxTree.add(0, -1, '');
1092
1093    mailboxTree.pendingRequests = mailAccounts.length;
1094    for (var i = 0; i < mailAccounts.length; i++) {
1095       var url = ApplicationBaseURL + "/" + mailAccounts[i] + "/mailboxes";
1096       triggerAjaxRequest(url, onLoadMailboxesCallback, mailAccounts[i]);
1097    }
1098 }
1099
1100 function updateMailboxTreeInPage() {
1101    $("folderTreeContent").innerHTML = mailboxTree;
1102
1103    var inboxFound = false;
1104    var tree = $("mailboxTree");
1105    var nodes = document.getElementsByClassName("node", tree);
1106    for (i = 0; i < nodes.length; i++) {
1107       Event.observe(nodes[i], "click", onMailboxTreeItemClick.bindAsEventListener(nodes[i]));
1108       Event.observe(nodes[i], "contextmenu", onFolderMenuClick.bindAsEventListener(nodes[i]));
1109       if (!inboxFound
1110           && nodes[i].parentNode.getAttribute("datatype") == "inbox") {
1111          openInbox(nodes[i]);
1112          inboxFound = true;
1113       }
1114    }
1115 }
1116
1117 function mailboxMenuNode(type, name) {
1118    var newNode = document.createElement("li");
1119    var icon = MailerUIdTreeExtension.folderIcons[type];
1120    if (!icon)
1121       icon = "tbtv_leaf_corner_17x17.gif";
1122    var image = document.createElement("img");
1123    image.src = ResourcesURL + "/" + icon;
1124    newNode.appendChild(image);
1125    newNode.appendChild(document.createTextNode(" " + name));
1126
1127    return newNode;
1128 }
1129
1130 function generateMenuForMailbox(mailbox, prefix, callback) {
1131    var menuDIV = document.createElement("div");
1132    $(menuDIV).addClassName("menu");
1133    menuDIV.setAttribute("id", prefix + "Submenu");
1134    var menu = document.createElement("ul");
1135    menuDIV.appendChild(menu);
1136
1137    var callbacks = new Array();
1138    if (mailbox.type != "account") {
1139       var newNode = document.createElement("li");
1140       newNode.mailbox = mailbox;
1141       newNode.appendChild(document.createTextNode("coucou"));
1142       menu.appendChild(newNode);
1143       menu.appendChild(document.createElement("li"));
1144       callbacks.push(callback);
1145       callbacks.push("-");
1146    }
1147
1148    var submenuCount = 0;
1149    for (var i = 0; i < mailbox.children.length; i++) {
1150       var child = mailbox.children[i];
1151       var newNode = mailboxMenuNode(child.type, child.name);
1152       menu.appendChild(newNode);
1153       if (child.children.length > 0) {
1154          var newPrefix = prefix + submenuCount;
1155          var newSubmenu = generateMenuForMailbox(child,
1156                                                  newPrefix,
1157                                                  callback);
1158          document.body.appendChild(newSubmenu);
1159          callbacks.push(newPrefix + "Submenu");
1160          submenuCount++;
1161       }
1162       else {
1163          newNode.mailbox = child;
1164          callbacks.push(callback);
1165       }
1166    }
1167    initMenu(menuDIV, callbacks);
1168
1169    return menuDIV;
1170 }
1171
1172 function updateMailboxMenus() {
1173    var mailboxActions = { move: onMailboxMenuMove,
1174                           copy: onMailboxMenuCopy };
1175
1176    for (key in mailboxActions) {
1177       var menuId = key + "MailboxMenu";
1178       var menuDIV = $(menuId);
1179       if (menuDIV)
1180          menuDIV.parentNode.removeChild(menuDIV);
1181
1182       menuDIV = document.createElement("div");
1183       document.body.appendChild(menuDIV);
1184
1185       var menu = document.createElement("ul");
1186       menuDIV.appendChild(menu);
1187
1188       $(menuDIV).addClassName("menu");
1189       menuDIV.setAttribute("id", menuId);
1190       
1191       var submenuIds = new Array();
1192       for (var i = 0; i < mailAccounts.length; i++) {
1193         var menuEntry = mailboxMenuNode("account", mailAccounts[i]);
1194          menu.appendChild(menuEntry);
1195          var mailbox = accounts[mailAccounts[i]];
1196          var newSubmenu = generateMenuForMailbox(mailbox,
1197                                                  key, mailboxActions[key]);
1198          document.body.appendChild(newSubmenu);
1199          submenuIds.push(newSubmenu.getAttribute("id"));
1200       }
1201       initMenu(menuDIV, submenuIds);
1202    }
1203 }
1204
1205 function onLoadMailboxesCallback(http) {
1206    if (http.readyState == 4
1207        && http.status == 200) {
1208       var newAccount = buildMailboxes(http.callbackData,
1209                                       http.responseText);
1210       accounts[http.callbackData] = newAccount;
1211       mailboxTree.addMailAccount(newAccount);
1212       mailboxTree.pendingRequests--;
1213       if (!mailboxTree.pendingRequests) {
1214         updateMailboxTreeInPage();
1215         updateMailboxMenus();
1216       }
1217   }
1218
1219 //       var tree = $("mailboxTree");
1220 //       var treeNodes = document.getElementsByClassName("dTreeNode", tree);
1221 //       var i = 0;
1222 //       while (i < treeNodes.length
1223 //           && treeNodes[i].getAttribute("dataname") != currentMailbox)
1224 //       i++;
1225 //       if (i < treeNodes.length) {
1226 //       //     log("found mailbox");
1227 //       var links = document.getElementsByClassName("node", treeNodes[i]);
1228 //       if (tree.selectedEntry)
1229 //          tree.selectedEntry.deselect();
1230 //       links[0].select();
1231 //       tree.selectedEntry = links[0];
1232 //       expandUpperTree(links[0]);
1233 //       }
1234 }
1235
1236 function buildMailboxes(accountName, encoded) {
1237    var account = new Mailbox("account", accountName);
1238    var data = encoded.evalJSON(true);
1239    for (var i = 0; i < data.length; i++) {
1240       var currentNode = account;
1241       var names = data[i].path.split("/");
1242       for (var j = 1; j < (names.length - 1); j++) {
1243          var node = currentNode.findMailboxByName(names[j]);
1244          if (!node) {
1245             node = new Mailbox("additional", names[j]);
1246             currentNode.addMailbox(node);
1247          }
1248          currentNode = node;
1249       }
1250       var basename = names[names.length-1];
1251       var leaf = currentNode.findMailboxByName(basename);
1252       if (leaf)
1253          leaf.type = data[i].type;
1254       else {
1255          leaf = new Mailbox(data[i].type, basename);
1256          currentNode.addMailbox(leaf);
1257       }
1258    }
1259
1260    return account;
1261 }
1262
1263 function onMenuCreateFolder(event) {
1264    var name = window.prompt(labels["Name :"].decodeEntities(), "");
1265    if (name && name.length > 0) {
1266       var folderID = document.menuTarget.getAttribute("dataname");
1267       var urlstr = URLForFolderID(folderID) + "/createFolder?name=" + name;
1268       triggerAjaxRequest(urlstr, folderOperationCallback);
1269    }
1270 }
1271
1272 function onMenuRenameFolder(event) {
1273    var name = window.prompt(labels["Enter the new name of your folder :"]
1274                             .decodeEntities(),
1275                             "");
1276    if (name && name.length > 0) {
1277       var folderID = document.menuTarget.getAttribute("dataname");
1278       var urlstr = URLForFolderID(folderID) + "/renameFolder?name=" + name;
1279       triggerAjaxRequest(urlstr, folderOperationCallback);
1280    }
1281 }
1282
1283 function onMenuDeleteFolder(event) {
1284    var answer = window.confirm(labels["Do you really want to move this folder into the trash ?"].decodeEntities());
1285    if (answer) {
1286       var folderID = document.menuTarget.getAttribute("dataname");
1287       var urlstr = URLForFolderID(folderID) + "/deleteFolder";
1288       triggerAjaxRequest(urlstr, folderOperationCallback);
1289    }
1290 }
1291
1292 function onMenuEmptyTrash(event) {
1293    var folderID = document.menuTarget.getAttribute("dataname");
1294    var urlstr = URLForFolderID(folderID) + "/emptyTrash";
1295    triggerAjaxRequest(urlstr, folderOperationCallback);
1296 }
1297
1298 function folderOperationCallback(http) {
1299    if (http.readyState == 4
1300        && http.status == 204)
1301       initMailboxTree();
1302    else
1303       window.alert(labels["Operation failed"].decodeEntities());
1304 }
1305
1306 function getMenus() {
1307    var menus = {}
1308    menus["accountIconMenu"] = new Array(null, null, onMenuCreateFolder, null,
1309                                         null, null);
1310    menus["inboxIconMenu"] = new Array(null, null, null, "-", null,
1311                                       onMenuCreateFolder, null, "-", null,
1312                                       onMenuSharing);
1313    menus["trashIconMenu"] = new Array(null, null, null, "-", null,
1314                                       onMenuCreateFolder, null,
1315                                       onMenuEmptyTrash, "-", null,
1316                                       onMenuSharing);
1317    menus["mailboxIconMenu"] = new Array(null, null, null, "-", null,
1318                                         onMenuCreateFolder,
1319                                         onMenuRenameFolder,
1320                                         null, onMenuDeleteFolder, "-", null,
1321                                         onMenuSharing);
1322    menus["addressMenu"] = new Array(newContactFromEmail, newEmailTo, null);
1323    menus["messageListMenu"] = new Array(onMenuOpenMessage, "-",
1324                                         onMenuReplyToSender,
1325                                         onMenuReplyToAll,
1326                                         onMenuForwardMessage, null,
1327                                         "-", "moveMailboxMenu",
1328                                         "copyMailboxMenu", "label-menu",
1329                                         "mark-menu", "-", null, null,
1330                                         null, onMenuDeleteMessage);
1331    menus["messageContentMenu"] = new Array(onMenuReplyToSender,
1332                                            onMenuReplyToAll,
1333                                            onMenuForwardMessage,
1334                                            null, "moveMailboxMenu",
1335                                            "copyMailboxMenu",
1336                                            "-", "label-menu", "mark-menu",
1337                                            "-",
1338                                            null, null, null,
1339                                            onMenuDeleteMessage);
1340    menus["label-menu"] = new Array(null, "-", null , null, null, null , null,
1341                                    null);
1342    menus["mark-menu"] = new Array(null, null, null, null, "-", null, "-",
1343                                   null, null, null);
1344    menus["searchMenu"] = new Array(setSearchCriteria, setSearchCriteria,
1345                                    setSearchCriteria, setSearchCriteria,
1346                                    setSearchCriteria);
1347
1348    return menus;
1349 }
1350
1351 addEvent(window, 'load', initMailer);
1352
1353 function Mailbox(type, name) {
1354    this.type = type;
1355    this.name = name;
1356    this.parentFolder = null;
1357    this.children = new Array();
1358    return this;
1359 }
1360
1361 Mailbox.prototype.dump = function(indent) {
1362    if (!indent)
1363      indent = 0;
1364    log(" ".repeat(indent) + this.name);
1365    for (var i = 0; i < this.children.length; i++) {
1366       this.children[i].dump(indent + 2);
1367    }
1368 }
1369
1370 Mailbox.prototype.findMailboxByName = function(name) {
1371    var mailbox = null;
1372
1373    var i = 0;
1374    while (!mailbox && i <this.children.length)
1375       if (this.children[i].name == name)
1376          mailbox = this.children[i];
1377       else
1378          i++;
1379
1380    return mailbox;
1381 }
1382
1383 Mailbox.prototype.addMailbox = function(mailbox) {
1384    mailbox.parentFolder = this;
1385    this.children.push(mailbox);
1386 }