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

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