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

Revision 5620, 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 *
Line 
1var BordersArray = new Array();
2BordersArray[0] = new setBorderAttributes(0);
3var countBorders = 0;
4var partMsgs = new Array();
5var msgAttachments = new Array();
6var imgAttachmentFlag = new Array();
7var uidsSave = new Array();
8
9function setBorderAttributes(ID)
10{
11        this.border_id = "border_id_"+ID;
12        this.sequence = ID;
13}
14
15
16function alternate_border(ID)
17{
18        msg_selected = false;//Controle da seleção de mensagens
19        if(isNaN(ID))
20                if(preferences.use_shortcuts == "1")
21                        select_msg((ID.split("_"))[0]);
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       
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               
44        if (! Element('border_id_'+ID))
45                return false; // Not possible to alternate
46        show_hide_span_paging(ID);
47        spanD = Element("span_D");
48        if (spanD)
49                spanD.style.display = (openTab.type[ID] == 0 ? '' : 'none');
50
51        var footer_menu = Element("footer_menu");       
52        var aba = Element('border_id_'+ID);
53        if (footer_menu != null) {
54                footer_menu.style.display = (openTab.type[ID] != 4 ? '' : 'none');
55                var alternate_menu = document.getElementById('localOption');
56               
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");
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                                                }
69                                                alternate_menu.innerHTML = get_lang("Unarchive");
70                                               
71                                        }else{
72                                                alternate_menu.title = get_lang("Archive");
73                                                alternate_menu.removeAttribute("onclick");
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                                                }
81                                                alternate_menu.innerHTML = get_lang("Archive");
82                                        }
83                                       
84                        }
85                }
86               
87                if((aba.id.indexOf("_r") < 0) && (aba.id.indexOf("_0") < 0) && (aba.id.indexOf("id_search_") < 0) && (aba.id.indexOf("_s") < 0)){
88                        spanD.style.display = 'none';
89                        footer_menu.style.display = 'none';                     
90                }
91        }
92
93
94        var len = BordersArray.length;
95        for (var i=0; i < len; i++)
96        {
97                m = document.getElementById(BordersArray[i].border_id);
98                if ((m)&&(m.className == 'menu-sel'))
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';   
105
106                }
107        }
108
109        m = Element("border_id_"+ID);
110        if (m)
111                m.className = 'menu-sel';
112        if(Element("font_border_id_" + ID))
113                Element("font_border_id_" + ID).className = 'font-menu-sel';
114        var c = Element("content_id_"+ID)
115        if (c)
116                c.style.display = '';
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        }
124
125        numBox = getNumBoxFromTabId(ID);
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         }
143        currentTab=ID;
144        if( document.getElementById('to_'+ID) && document.getElementById('to_'+ID).type == "textarea"){
145            document.getElementById('to_'+ID).focus();
146        }
147        RichTextEditor.setEditable(ID);
148        return ID;
149}
150
151function create_border(borderTitle, id_value, search)
152{
153                       
154        borderTitle = ( ( borderTitle && borderTitle.constructor == String && borderTitle.length > 0 ) ? borderTitle : '&nbsp;' );
155       
156        var resize = false;
157        resize = resize_borders();
158        if (!resize){
159            var str_continue = '';
160            var bolContinue = true;
161                        str_continue = '\n' + get_lang('You must manually close one of your tabs before opening a new one');
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                        }
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){
178                            bolContinue = false;
179                            delete_border(num_child, 'false');
180                            break;
181                                                        }else{
182                                                                return 'maximo';
183                        }
184                    }
185                }
186            }
187            }else{                     
188                alert(get_lang('Reached maximum tab limit') + str_continue );
189                return 'maximo';
190            }
191        }
192       
193        if (! id_value){ // Is new message?
194                var ID = parseInt(BordersArray[(BordersArray.length-1)].sequence) + 1;
195                        if(isNaN(ID)){
196                                var aux = BordersArray[(BordersArray.length-1)].sequence.split("_");
197                                ID = parseInt(aux[1]) + 1;
198                        }
199        }else
200        {
201                if (Element("border_id_"+id_value)) // It's opened already!
202                        return alternate_border(id_value);
203               
204                var ID = id_value;
205                if(isNaN(ID) && ID.indexOf("search_local") >= 0){
206                        if(current_folder.indexOf("local") >= 0)
207                                openTab.imapBox[ID] = current_folder;
208                        else
209                                openTab.imapBox[ID] = 'local_search';
210                }else if(isNaN(ID) && ID.indexOf("search_") >= 0){
211                        if(current_folder.indexOf("local") < 0)
212                                openTab.imapBox[ID] = current_folder;
213                        else
214                                openTab.imapBox[ID] = 'search';
215                }else if( (currentTab != 0) && isNaN(currentTab) && (currentTab.indexOf("search") >= 0) && (ID.indexOf("msg") < 0) ) {
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'));
220                }else
221                        openTab.imapBox[ID] = current_folder;
222        }
223        td = document.createElement("TD");
224        td.id="border_id_" + ID;
225        if(resize)
226        {
227                td.setAttribute("width", parseInt(resize)+"px");
228                td.style.width = parseInt(resize)+"px";
229        }
230        else
231                td.setAttribute("width", "200px");
232
233        td.setAttribute("align", "right");
234        td.onclick = function(){alternate_border(ID);resizeWindow()};
235        td.setAttribute("noWrap","true");
236    td.alt = borderTitle.replace( '&nbsp;', ' ' );
237    td.title = borderTitle;
238        borderTitle = borderTitle ?  borderTitle : id_value ? get_lang("No Subject") : "&nbsp;" ;
239        td.value = borderTitle;
240        if (borderTitle.length > 21)
241                borderTitle = borderTitle.substring(0,21) + "...";
242
243        if ( resize )
244                borderTitle = borderTitle.substring(0, resize*0.08);
245       
246        var cc = search;
247        if(!cc){
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 ="";
257                }
258        }
259
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\
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+"\">" +
268                        "</div>";
269       
270        bb = document.getElementById("border_blank");
271        parent_bb = bb.parentNode; //Pego o tbody
272        parent_bb.insertBefore(td, bb);
273
274        if((typeof(id_value) == 'string') && id_value.match(/_r$/)){
275                $(td).draggable({
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                        },
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);
327
328        BordersArray[BordersArray.length] = new setBorderAttributes(ID);
329
330        var div = document.createElement("DIV");
331        div.id = "content_id_" + ID;
332        div.className = "conteudo";
333        div.style.display='';
334
335        div.style.overflow = "hidden";
336
337        Element("exmail_main_body").insertBefore(div,Element("footer_menu"));       
338        alternate_border(ID);
339        uidsSave[ID] = [];
340        return ID;
341}
342
343function resize_borders()
344{
345        var numBorders = count_borders();
346
347        if (numBorders > 8)
348                return false;
349
350        return redim_borders(numBorders+1);
351}
352
353function count_borders()
354{
355        var numBorders = 0;
356        var children = Element('border_tr').childNodes;
357        for (var i=0; i<children.length; i++) {
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++) {
373                if ((children[i].nodeName === 'TD') && (children[i].id!=='border_id_0') && (children[i].id!=='border_blank')){
374                        children[i].style.width = newWidthTD;
375                        set_border_caption(children[i].id, children[i].title, newWidthTD);
376                }
377        }
378        return newWidthTD;
379}
380
381
382
383
384function set_border_caption(border_id, title, border_width)
385{
386        var border = document.getElementById(border_id);
387        if (border_width == null)
388        {
389            border_width = border.clientWidth;
390        }
391        var caption = "";
392        Element("font_"+border.id).style.width = (border_width - 30)+'px';
393        Element("font_"+border.id).innerHTML = title;
394        return(title);
395}
396
397opened_alert = false;
398
399function draftTests(ID, msg_sent){
400        var cancel = new LertButton(get_lang('cancel'), function() {
401        Element("border_id_"+ID).onclick = function () { alternate_border(ID);};
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); 
419        opened_alert = false;
420    });
421       
422    var yes = new LertButton(get_lang('Save'), function() {
423        save_msg(ID, 'undefined', true);
424        openTab.toPreserve[ID] = false;
425        close_delete(ID, msg_sent);
426        delete(openTab.type[ID]);
427                //write_msg(get_lang('Your message was save as draft in folder %1.', lang_folder('Drafts')));
428               
429    });
430    var discard = new LertButton(get_lang('Discard'), function() {
431                        if (openTab.imapBox[ID] && !openTab.toPreserve[ID])
432            {
433                //delete_msgs(openTab.imapBox[ID], openTab.imapUid[ID].toString(), 0)
434                //delete(openTab.imapBox[ID]);
435                openTab.toPreserve[ID] = false;
436            }
437                        delete(openTab.type[ID]);
438            close_delete(ID, msg_sent);
439    });
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;
457        }
458}
459
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
475function delete_border(ID, msg_sent)
476{
477   
478        var bolExecuteClose = true;
479        var borderElem = Element("border_id_" + ID);
480        if (borderElem){
481            borderElem.onclick = null; // It's avoid a FF3 bug
482        }else{
483            return false;
484        }
485        if (msg_sent == 'false')
486        {
487            if (editTest(ID)){
488                bolExecuteClose = false;
489                return(draftTests(ID, msg_sent));
490            }
491        }
492        if (bolExecuteClose)
493        {
494            close_delete(ID, msg_sent);
495                }
496                delete(openTab.type[ID]);
497        return true;
498}
499
500function close_delete(ID, msg_sent)
501{
502        openTab.toPreserve[ID] = false;
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       
511        hold_session = false;
512        if (exist_className(Element('border_id_'+ID),'menu-sel'))
513        {
514                if (BordersArray[BordersArray.length-2].sequence == ID)
515                        this.alternate_border(0);
516                else
517                        this.alternate_border(BordersArray[BordersArray.length-2].sequence);
518        }
519
520        // Remove TD, title
521        border = Element('border_id_' + ID);
522        border.parentNode.removeChild(border);
523        var j=0;
524        var new_BordersArray = new Array();
525        for (i=0;i<BordersArray.length;i++)
526                if (document.getElementById(BordersArray[i].border_id) != null){
527                        new_BordersArray[j] = BordersArray[i];
528                        j++;
529                }
530        if(j == 1)
531                Element("footer_menu").style.display = '';
532        BordersArray = new_BordersArray;
533
534        // Remove Div Content
535        content = Element('content_id_' + ID);
536        content.parentNode.removeChild(content);
537        resizeWindow();
538        RichTextEditor.destroy( 'body_'+ID );
539        delete msgAttachments[ID];
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       
555        return true;
556}
557
558function getTabPrefix() { // define o prefixo para os checkboxes das mensagens
559        if (typeof(currentTab)!='number')
560                return currentTab+"_";
561        else
562                return "";
563}
564
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);
569        else
570                return row_id;
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        }
581}
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            delete msgAttachments[ID][i];
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.