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

Revision 5604, 19.1 KB checked in by cristiano, 12 years ago (diff)

Ticket #2497 - Nova estrategia para o salvamento automatico de rascunhos

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