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

Revision 6458, 21.5 KB checked in by angelo, 12 years ago (diff)

Ticket #2841 - Problema ao arrastar uma mensagem aberta para uma pasta

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