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

Revision 6122, 21.4 KB checked in by angelo, 12 years ago (diff)

Ticket #2702 - Otimizar acao de criar uma nova mensagem

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