source: trunk/expressoMail1_2/js/abas.js @ 5754

Revision 5754, 20.9 KB checked in by gustavo, 12 years ago (diff)

Ticket #2549 - Definição de DOCTYPE no html para viabilizar cross-browsing no ExpressoMail?
  • Property svn:eol-style set to native
  • Property svn:executable set to *
Line 
1var BordersArray = new Array();
2BordersArray[0] = new setBorderAttributes(0);
3var countBorders = 0;
4var partMsgs = new Array();
5var msgAttachments = new Array();
6var uidsSave = new Array();
7var zebraDiscardEventDialog = false;
8function setBorderAttributes(ID)
9{
10        this.border_id = "border_id_"+ID;
11        this.sequence = ID;
12}
13
14
15function alternate_border(ID)
16{
17        msg_selected = false;//Controle da seleção de mensagens
18        if(isNaN(ID))
19                if(preferences.use_shortcuts == "1")
20                        select_msg((ID.split("_"))[0]);
21        if( document.getElementById("div_menu_c3") != null )
22        {
23                var node = document.getElementById("div_menu_c3").firstChild;
24               
25                while ( node )
26                {
27                        node.style.display = "none";
28                        node = node.nextSibling;
29                }
30               
31                if( document.getElementById("span_paging"+ID) != null )
32                        document.getElementById("span_paging"+ID).style.display = "block";
33        }
34       
35        if ( typeof win == 'object' && win.close && win.close.constructor == Function ){
36            var search_win = document.getElementById( 'window_QuickCatalogSearch' );
37            if(search_win){
38                search_win.style.visibility = 'hidden';
39            }
40            win.close( );
41        }
42               
43        if (! Element('border_id_'+ID))
44                return false; // Not possible to alternate
45        show_hide_span_paging(ID);
46        spanD = Element("span_D");
47        if (spanD)
48                spanD.style.display = (openTab.type[ID] == 0 ? '' : 'none');
49
50        var footer_menu = Element("footer_menu");       
51        var aba = Element('border_id_'+ID);
52        if (footer_menu != null) {
53                footer_menu.style.display = (openTab.type[ID] != 4 ? '' : 'none');
54                var alternate_menu = document.getElementById('localOption');
55               
56                if(alternate_menu != null && alternate_menu != 'undefined'){ //Quando Carregado o expresso mail
57                        if(openTab.imapBox[ID]!= null && openTab.imapBox[ID]!= 'undefined' ){ //Quando abrir uma Nova Mensagem
58                                if((openTab.imapBox[ID].indexOf("local_") >= 0)){                                               
59                                                alternate_menu.title = get_lang("Unarchive");
60                                                alternate_menu.removeAttribute("onclick");
61                                                if(!is_ie)
62                                                        alternate_menu.setAttribute("onclick",  'expresso_local_messages.unarchive_msgs(\''+openTab.imapBox[ID]+'\', null)');
63                                                else{
64                                                        alternate_menu.onclick = function(){
65                                                                expresso_local_messages.unarchive_msgs(openTab.imapBox[ID], null);
66                                                        }
67                                                }
68                                                alternate_menu.innerHTML = get_lang("Unarchive");
69                                               
70                                        }else{
71                                                alternate_menu.title = get_lang("Archive");
72                                                alternate_menu.removeAttribute("onclick");
73                                                if(!is_ie)
74                                                        alternate_menu.setAttribute("onclick", 'archive_msgs(\''+openTab.imapBox[ID]+'\', null)');             
75                                                else{
76                                                        alternate_menu.onclick = function(){
77                                                                archive_msgs(openTab.imapBox[ID], null);
78                                                        }       
79                                                }
80                                                alternate_menu.innerHTML = get_lang("Archive");
81                                        }
82                                       
83                        }
84                }
85               
86                if((aba.id.indexOf("_r") < 0) && (aba.id.indexOf("_0") < 0) && (aba.id.indexOf("id_search_") < 0) && (aba.id.indexOf("_s") < 0)){
87                        spanD.style.display = 'none';
88                        footer_menu.style.display = 'none';                     
89                }
90        }
91
92
93        var len = BordersArray.length;
94        for (var i=0; i < len; i++)
95        {
96                m = document.getElementById(BordersArray[i].border_id);
97                if ((m)&&(m.className == 'menu-sel'))
98                {
99                        m.className = 'menu';
100                        c = document.getElementById("content_id_"+BordersArray[i].sequence);
101                        c.style.display = 'none';
102                        if(Element("font_border_id_"+BordersArray[i].sequence))
103                                Element("font_border_id_"+BordersArray[i].sequence).className = 'font-menu';   
104
105                }
106        }
107
108        m = Element("border_id_"+ID);
109        if (m)
110                m.className = 'menu-sel';
111        if(Element("font_border_id_" + ID))
112                Element("font_border_id_" + ID).className = 'font-menu-sel';
113        var c = Element("content_id_"+ID)
114        if (c)
115                c.style.display = '';
116
117
118        // hide the DropDrowContact, if necessary
119        window_DropDownContacts = Element('tipDiv');
120        if ((window_DropDownContacts)&&(window_DropDownContacts.style.visibility != 'hidden')){
121                window_DropDownContacts.style.visibility = 'hidden';
122        }
123
124        numBox = getNumBoxFromTabId(ID);
125        if (typeof(ID)=='number') {
126                 numBox = ID;
127         }
128         else {
129             if (ID.match("search_"))
130             {
131                 if (ID.match("search_local_msg"))
132                 {
133                         var p = ID.search(/[0-9]/);
134                         numBox =  ID.substr(p);
135                 }
136                 else
137                 {
138                         numBox = ID.substr(7);
139                 }
140             }
141         }
142        currentTab=ID;
143        if( document.getElementById('to_'+ID) && document.getElementById('to_'+ID).type == "textarea"){
144            document.getElementById('to_'+ID).focus();
145        }
146        RichTextEditor.setEditable(ID);
147        return ID;
148}
149
150function create_border(borderTitle, id_value, search)
151{
152                       
153        borderTitle = ( ( borderTitle && borderTitle.constructor == String && borderTitle.length > 0 ) ? borderTitle : '&nbsp;' );
154       
155        var resize = false;
156        resize = resize_borders();
157        if (!resize){
158            var str_continue = '';
159            var bolContinue = true;
160                        str_continue = '\n' + get_lang('You must manually close one of your tabs before opening a new one');
161            if (preferences.auto_close_first_tab == 1){
162                var children = Element('border_tr').childNodes;
163                var bolDelete = true;
164                for (var i=0; i<children.length; i++) {
165                    if ((children[i].nodeName === 'TD') && (children[i].id!=='border_id_0') && (children[i].id!=='border_blank'))
166                    {
167                        bolDelete = true;
168                        var num_child = children[i].id.toString().substr(10);
169                        alternate_border(num_child);
170                        if (editTest(num_child)){
171                            bolDelete = false;
172                        }
173                        if (bolDelete || bolContinue){
174                                                        str_fechar = '\n' + get_lang('Reached maximum tab limit. Want to close this tab');
175                                                        var confirmacao = confirm(str_fechar);
176                            if(confirmacao){
177                            bolContinue = false;
178                            delete_border(num_child, 'false');
179                            break;
180                                                        }else{
181                                                                return 'maximo';
182                        }
183                    }
184                }
185            }
186            }else{                     
187                alert(get_lang('Reached maximum tab limit') + str_continue );
188                return 'maximo';
189            }
190        }
191       
192        if (! id_value){ // Is new message?
193                var ID = parseInt(BordersArray[(BordersArray.length-1)].sequence) + 1;
194                        if(isNaN(ID)){
195                                var aux = BordersArray[(BordersArray.length-1)].sequence.split("_");
196                                ID = parseInt(aux[1]) + 1;
197                        }
198        }else
199        {
200                if (Element("border_id_"+id_value)) // It's opened already!
201                        return alternate_border(id_value);
202               
203                var ID = id_value;
204                if(isNaN(ID) && ID.indexOf("search_local") >= 0){
205                        if(current_folder.indexOf("local") >= 0)
206                                openTab.imapBox[ID] = current_folder;
207                        else
208                                openTab.imapBox[ID] = 'local_search';
209                }else if(isNaN(ID) && ID.indexOf("search_") >= 0){
210                        if(current_folder.indexOf("local") < 0)
211                                openTab.imapBox[ID] = current_folder;
212                        else
213                                openTab.imapBox[ID] = 'search';
214                }else if( (currentTab != 0) && isNaN(currentTab) && (currentTab.indexOf("search") >= 0) && (ID.indexOf("msg") < 0) ) {
215                        var id_border = currentTab.replace(/[a-zA-Z_]+/, "");
216                        ID_TR = ID.toString().substr(0,ID.toString().indexOf("_r"));
217                        var tr = Element(ID_TR);
218                        openTab.imapBox[ID] = (tr.getAttribute('name') == null?get_current_folder():tr.getAttribute('name'));
219                }else
220                        openTab.imapBox[ID] = current_folder;
221        }
222        td = document.createElement("TD");
223        td.id="border_id_" + ID;
224        if(resize)
225        {
226                td.setAttribute("width", parseInt(resize)+"px");
227                td.style.width = parseInt(resize)+"px";
228        }
229        else
230                td.setAttribute("width", "200px");
231
232        td.setAttribute("align", "right");
233        td.onclick = function(){alternate_border(ID);resizeWindow()};
234        td.setAttribute("noWrap","true");
235    td.alt = borderTitle.replace( '&nbsp;', ' ' );
236    td.title = borderTitle;
237        borderTitle = borderTitle ?  borderTitle : id_value ? get_lang("No Subject") : "&nbsp;" ;
238        td.value = borderTitle;
239        if (borderTitle.length > 21)
240                borderTitle = borderTitle.substring(0,21) + "...";
241
242        if ( resize )
243                borderTitle = borderTitle.substring(0, resize*0.08);
244       
245        var cc = search;
246        if(!cc){
247                if(isNaN(ID)){
248                        var is_local = ID.match('.*_local_.*');
249                        if(!is_local)
250                                cc = document.getElementById("em_message_search").value;
251                        else{
252                                cc = document.getElementsByName(currentTab)[0].value;
253                        }
254                }else{
255                        cc ="";
256                }
257        }
258
259        td.innerHTML = "<div><div id='font_border_id_" + ID+"' class='font-menu'>" +
260                                borderTitle +
261                            "</div>\n\
262                            <div style='float:right;'>\n\
263                                <img onmousedown='javascript:return false' style='cursor:pointer' onclick=delete_border('" + ID + "','false') src='templates/"+template+"/images/close_button.gif'/>\n\ " +
264                            "</div>\n\ " +
265                                                        "<input type=\"hidden\" name=\""+ ID+"\" value=\""+cc+"\"></div>";             
266        bb = document.getElementById("border_blank");
267        parent_bb = bb.parentNode; //Pego o tbody
268        parent_bb.insertBefore(td, bb);
269
270        if((typeof(id_value) == 'string') && id_value.match(/_r$/)){
271                $(td).draggable({
272                        start : function(){
273                                if($(".shared-folders").length){
274                                        $(".shared-folders").parent().find('.folder:not(".shared-folders")').droppable({
275                                                over : function(a, b){                                         
276                                                        //SETA BORDA EM VOLTA DA PASTA
277                                                        $(this).css("border", "1px solid black");
278                                                },
279                                                out : function(){
280                                                        //RETIRA BORDA EM VOLTA DA PASTA
281                                                        $(this).css("border", "");
282                                                },
283                                                //accept: ".draggin_mail",
284                                                drop : function(event, ui){
285                                                        $(this).css("border", "");
286                                                        if($(this).parent().attr('id') == undefined){
287                                                                var folder_to = 'INBOX';
288                                                                var to_folder_title = get_lang("Inbox");
289                                                        }else{
290                                                                var folder_to = $(this).parent().attr('id');
291                                                                var to_folder_title = $(this).attr('title');
292                                                        }               
293                                                        var folder_to_move = ui.draggable.parent().attr('id');
294                                                        var border_id = ui.draggable.find("input[type=hidden]").attr("name");
295                                                        if(folder_to_move == "border_tr"){
296                                                                var id_msg = border_id.substring("_");
297                                                                folder = $("#input_folder_"+border_id+"_r")[0] ? $("#input_folder_"+border_id+"_r").val() : (openTab.imapBox[border_id] ? openTab.imapBox[border_id]:get_current_folder());
298                                                                move_msgs2(folder, id_msg, border_id, folder_to, to_folder_title,true);
299                                                                return refresh();
300                                                        }
301                                                }
302                                        });
303                                }
304                        },
305                        stop :function(){
306                                $(".shared-folders").parent().find(".folder").droppable("destroy");
307                        },
308                        helper: function(event){
309                                if(     borderTitle.length > 18 )
310                                        return $("<td>"+DataLayer.render('../prototype/modules/mail/templates/draggin_box.ejs', {texto : borderTitle.substring(0,18) + "...", type: "messages"})+"</td>");
311                                else
312                                        return $("<td>"+DataLayer.render('../prototype/modules/mail/templates/draggin_box.ejs', {texto : borderTitle, type: "messages"})+"</td>");
313                        },
314                        delay: 150,
315                        cursorAt: {top: 5, left: 56},
316                        refreshPositions: true ,
317                        containment: "#divAppbox"
318                });
319        }
320                //_dragArea.makeDragged(td, id_value,td.value);
321
322        BordersArray[BordersArray.length] = new setBorderAttributes(ID);
323
324        var div = document.createElement("DIV");
325        div.id = "content_id_" + ID;
326        div.className = "conteudo";
327        div.style.display='';
328
329        div.style.overflow = "hidden";
330
331        Element("exmail_main_body").insertBefore(div,Element("footer_menu"));       
332        alternate_border(ID);
333        uidsSave[ID] = [];
334        return ID;
335}
336
337function resize_borders()
338{
339        var numBorders = count_borders();
340
341        if (numBorders > 8)
342                return false;
343
344        return redim_borders(numBorders+1);
345}
346
347function count_borders()
348{
349        var numBorders = 0;
350        var children = Element('border_tr').childNodes;
351        for (var i=0; i<children.length; i++) {
352            if ((children[i].nodeName === 'TD') && (children[i].id!=='border_id_0') && (children[i].id!=='border_blank'))
353                numBorders++;
354        }
355
356        return numBorders;
357}
358
359function redim_borders(numBorders)
360{
361        var children = Element('border_tr').childNodes;
362        var clientWidth = (window.document.body.clientWidth - findPosX(Element("exmail_main_body"))) - Element("border_id_0").clientWidth - 30;
363        var newWidthTD = (clientWidth/numBorders)-6;
364        newWidthTD = newWidthTD > 200 ? 200 : (newWidthTD < 50 ? 50 : newWidthTD);
365        children = Element('border_tr').childNodes;
366        for (var i=0; i<children.length; i++) {
367                if ((children[i].nodeName === 'TD') && (children[i].id!=='border_id_0') && (children[i].id!=='border_blank')){
368                        $(children[i]).css("width", newWidthTD);
369                        $(children[i]).find('div:first').css("width", newWidthTD);
370                        set_border_caption(children[i].id, children[i].title, newWidthTD);
371                }
372        }
373        return newWidthTD;
374}
375
376
377
378
379function set_border_caption(border_id, title, border_width)
380{
381        var border = document.getElementById(border_id);
382        if (border_width == null)
383        {
384            border_width = border.clientWidth;
385        }
386        var caption = "";
387        Element("font_"+border.id).style.width = (border_width - 35)+'px';
388        Element("font_"+border.id).innerHTML = title;
389        return(title);
390}
391
392
393function draftTests(ID, msg_sent){
394   
395       
396        if( openTab.toPreserve[ID] = false)
397        {
398            close_delete(ID, msg_sent);
399            delete(openTab.type[ID]);
400        }   
401        else 
402        {
403             var msg = 'Existem alterações não salvas na mensagem.';
404             var buttons = ['Descartar alterações', 'Salvar e fechar'];
405             var width = 330;
406             if($('#fileupload_msg'+ID).find('.in-progress').length)
407             {
408                 msg = 'Existem anexos sendo enviados para o servidor.';
409                 buttons = ['Descartar alterações e anexos', 'Salvar estado atual fechar', 'Continuar editando'];
410                 width = 560;
411             }
412             zebraDiscardEventDialog = true;
413             window.setTimeout(function() {
414                $.Zebra_Dialog(msg, {
415                            'type':     'question',
416                            'overlay_opacity': '0.5',
417                            'buttons':  buttons,
418                            'width' : width,
419                            'onClose':  function(clicked) {
420                                    if(clicked == 'Descartar alterações' || clicked == 'Descartar alterações e anexos' ) {
421                                        if (openTab.imapBox[ID] && !openTab.toPreserve[ID])
422                                            openTab.toPreserve[ID] = false;
423
424                                        delete(openTab.type[ID]);
425                                        close_delete(ID, msg_sent);
426                                    }
427                                    else if(clicked == 'Salvar e fechar' || clicked == 'Salvar estado atual fechar')
428                                    {
429                                        save_msg(ID);
430                                        openTab.toPreserve[ID] = false;
431                                        close_delete(ID, msg_sent);
432                                        delete(openTab.type[ID]);
433                                    }   
434                                    else{
435
436                                        Element("border_id_"+ID).onclick = function () {alternate_border(ID);};
437                                        var setFocus = function(ID){
438                                                        if ($.trim($("#to_"+ID).val()) == "")
439                                                                $("#to_"+ID).focus();
440                                                        else if ($("#tr_cc_"+ID).css('display') != 'none' && $.trim($("#cc_"+ID).val()) == "")
441                                                                $("#cc_"+ID).focus();
442                                                        else if ($("#tr_cco_"+ID).css('display') != 'none' && $.trim($("#cco_"+ID).val()) == "")
443                                                                $("#cco_"+ID).focus();         
444                                                        else if ($.trim($("#subject_"+ID).val()) == "")
445                                                                $("#subject_"+ID).focus();
446                                                        else{
447                                                                if (RichTextEditor.plain[id] != true)
448                                                                        setTimeout("RichTextEditor.focus("+ID+")",100);                 
449                                                                else 
450                                                                        $('#body_'+ID).focus();
451                                                        }
452                                                }
453                                                setFocus(ID); 
454                                    }
455                                    window.setTimeout(function() {
456                                            zebraDiscardEventDialog = false;
457                                    }, 500);
458                            }})}, 300);   
459        }
460       
461}
462
463function editTest(ID){
464    var body = document.getElementById('body_'+ ID);
465    if (body)
466    {
467        var save_link = Element("save_message_options_"+ID);
468        if (openTab.toPreserve[ID] == undefined)
469                openTab.toPreserve[ID] = false;
470        if (((! openTab.toPreserve[ID] && ! ID.toString().match("_r")) || ((body.contentWindow) == 'object' && body.contentWindow.document.designMode.toLowerCase() == 'on')) && (save_link.onclick != ''))
471        {
472            return true;
473        }
474    }
475    return false;
476}
477
478function delete_border(ID, msg_sent)
479{
480   
481        var bolExecuteClose = true;
482        var borderElem = Element("border_id_" + ID);
483        if (borderElem){
484            borderElem.onclick = null; // It's avoid a FF3 bug
485        }else{
486            return false;
487        }
488        if (msg_sent == 'false')
489        {
490            if (editTest(ID)){
491                bolExecuteClose = false;
492                if(zebraDiscardEventDialog === false)
493                    return(draftTests(ID, msg_sent));
494            }
495        }
496        if (bolExecuteClose)
497        {
498            close_delete(ID, msg_sent);
499                }
500                delete(openTab.type[ID]);
501        return true;
502}
503
504function close_delete(ID, msg_sent)
505{
506        openTab.toPreserve[ID] = false;
507        // Limpa o autosave
508            if (preferences.auto_save_draft == 1 && autoSaveControl.timer[ID] !== null )
509            {
510                autoSaveControl.status[ID] = null;
511                clearInterval(autoSaveControl.timer[ID]);
512            }
513        ////////////////////////////////
514       
515        hold_session = false;
516        if (exist_className(Element('border_id_'+ID),'menu-sel'))
517        {
518                if (BordersArray[BordersArray.length-2].sequence == ID)
519                        this.alternate_border(0);
520                else
521                        this.alternate_border(BordersArray[BordersArray.length-2].sequence);
522        }
523
524        // Remove TD, title
525        border = Element('border_id_' + ID);
526        border.parentNode.removeChild(border);
527        var j=0;
528        var new_BordersArray = new Array();
529        for (i=0;i<BordersArray.length;i++)
530                if (document.getElementById(BordersArray[i].border_id) != null){
531                        new_BordersArray[j] = BordersArray[i];
532                        j++;
533                }
534        if(j == 1)
535                Element("footer_menu").style.display = '';
536        BordersArray = new_BordersArray;
537
538        // Remove Div Content
539        content = Element('content_id_' + ID);
540        content.parentNode.removeChild(content);
541        resizeWindow();
542        RichTextEditor.destroy( 'body_'+ID );
543        delete msgAttachments[ID];
544        //Caso for uma mensagem anexada tem que deletar ela da lixeira apos fechar a aba
545            var isPartMsg = false;
546            var id2 = ID.replace('_r','');
547            for(var ii = 0; ii < partMsgs.length; ii++)
548               if(partMsgs[ii] == id2){           
549                  isPartMsg = true;
550                  partMsgs[ii] = null;
551               }     
552
553            if(isPartMsg === true){
554                var handler_delete_msg = function(){};
555                cExecute ("$this.imap_functions.delete_msgs&folder=INBOX"+cyrus_delimiter+trashfolder+"&msgs_number="+id2,handler_delete_msg);
556            }
557        ///////////////////////////////////////////////////////////////////////////////////
558       
559        return true;
560}
561
562function getTabPrefix() { // define o prefixo para os checkboxes das mensagens
563        if (typeof(currentTab)!='number')
564                return currentTab+"_";
565        else
566                return "";
567}
568
569function getMessageIdFromRowId(row_id) { // extrai o id da mensagem do id da linha
570        var p = row_id.search("_s");
571        if (p>0)
572                return row_id.substr(0,p);
573        else
574                return row_id;
575}
576
577function getNumBoxFromTabId(tab_id) { // extrai o numBox do id da tab
578        if (typeof(tab_id)=='number') {
579                return tab_id;
580        }
581        else {
582                var p = tab_id.search(/[0-9]/);
583                return tab_id.substr(p);
584        }
585}
586
587function addAttachment(ID, att)
588{
589    if(typeof(msgAttachments[ID]) == 'undefined')
590            msgAttachments[ID] = [];
591
592        msgAttachments[ID].push(att);
593}
594
595function delAttachment(ID, att)
596{
597   
598    if(msgAttachments[ID] == undefined) return;
599    var len = msgAttachments[ID].length;
600    for(var i = 0; i < len; i++)
601    {
602        if(msgAttachments[ID][i] == att)
603        {
604            delete msgAttachments[ID][i];
605            break;
606        }
607    } 
608}
609
610function listAttachment(ID)
611{
612   return (typeof(msgAttachments[ID]) == 'undefined') ? '' : JSON.stringify(msgAttachments[ID]);
613}
614
Note: See TracBrowser for help on using the repository browser.