source: branches/2.2/expressoMail1_2/js/abas.js @ 3776

Revision 3776, 8.7 KB checked in by rodsouza, 13 years ago (diff)

Ticket #1553 - Tratando que abas sem titulo fiquem desalinhadas.

  • Property svn:eol-style set to native
  • Property svn:executable set to *
RevLine 
[2]1var BordersArray = new Array();
2BordersArray[0] = new setBorderAttributes(0);
3
4function setBorderAttributes(ID)
5{
6        this.border_id = "border_id_"+ID;
7        this.sequence = ID;
8}
9
10
11function alternate_border(ID)
12{
[3188]13        if ( typeof win == 'object' && win.close && win.close.constructor == Function )
14                win.close( );
15
[320]16        if (! Element('border_id_'+ID))
17                return false; // Not possible to alternate
[412]18        show_hide_span_paging(ID);
[790]19        spanD = Element("span_D");
20        if (spanD)
21                spanD.style.display = (openTab.type[ID] == 0 ? '' : 'none');
[1701]22
23        var footer_menu = Element("footer_menu");       
24        if (footer_menu) {
25                footer_menu.style.display = (openTab.type[ID] != 4 ? '' : 'none');
26        }
27
[2]28        var len = BordersArray.length;
29        for (var i=0; i < len; i++)
30        {
31                m = document.getElementById(BordersArray[i].border_id);
[320]32                if ((m)&&(m.className == 'menu-sel'))
[2]33                {
34                        m.className = 'menu';
35                        c = document.getElementById("content_id_"+BordersArray[i].sequence);
36                        c.style.display = 'none';
37                        if(Element("font_border_id_"+BordersArray[i].sequence))
38                                Element("font_border_id_"+BordersArray[i].sequence).className = 'font-menu';   
39                        var body = Element('body_'+BordersArray[i].sequence);
40                        if (body)
41                        {
42                                try
43                                {
44                                        if (Element('viewsource_rt_checkbox').checked)
45                                        { 
46                                                connector.loadScript("rich_text_editor");
47                                                RichTextEditor.viewsource(false);
48                                        }
49                                }
50                                catch(e)
51                                {
52                                        //alert(e.message)
53                                }
54                        }
55                }
56        }
57
58        m = Element("border_id_"+ID);
[320]59        if (m)
60                m.className = 'menu-sel';
[2]61        if(Element("font_border_id_" + ID))
62                Element("font_border_id_" + ID).className = 'font-menu-sel';
63        var c = Element("content_id_"+ID)
[320]64        if (c)
65                c.style.display = '';
[2]66
67        body = document.getElementById('body_'+ ID);
68        if (body){
69                try{
70                        if(ID){
71                                connector.loadScript("rich_text_editor");
[3068]72                                if(typeof(RichTextEditor) == 'undefined'){
[3174]73                                        setTimeout('alternate_border(\''+ID+'\');',500);
[3068]74                                        return false;
75                                }
[2]76                                RichTextEditor.loadEditor(ID);
77                        }
78                        body.contentWindow.document.designMode="on";
79                }
80                catch(e){
81                        //alert(e.message);
82                }
83        }
84
85        // hide the DropDrowContact, if necessary
86        window_DropDownContacts = Element('tipDiv');
87        if ((window_DropDownContacts)&&(window_DropDownContacts.style.visibility != 'hidden')){
88                window_DropDownContacts.style.visibility = 'hidden';
89        }
[320]90
91        if (typeof(ID) == 'number')
92        {
[1701]93        numBox=ID;
[320]94        }
[790]95        else
[1701]96                if (ID.match("search_"))
97                        numBox=ID.substr(7);
98
99        currentTab=ID;
[3606]100         if(document.getElementById('to_'+ID))
101            document.getElementById('to_'+ID).focus();
102
[2]103        return ID;
104}
105
106function create_border(borderTitle, id_value)
107{
[3776]108        borderTitle = ( ( borderTitle && borderTitle.constructor == String && borderTitle.length > 0 ) ? borderTitle : '&nbsp;' );
109
[790]110        var resize = false;
[2]111        var offWidth = Element('border_blank').offsetWidth ? Element('border_blank').offsetWidth : Element('border_blank').clientWidth;
112        if (offWidth < 200) {
113                resize = resize_borders();
114                if (!resize){
[197]115                        alert(get_lang('Reached maximum tab limit'));
[2]116                        return false;
117                }
118        }
119       
[271]120        if (! id_value) // Is new message?
121                var ID = parseInt(BordersArray[(BordersArray.length-1)].sequence) + 1;
[790]122        else
123        {
124                if (Element("border_id_"+id_value)) // It's opened already!
125                        return alternate_border(id_value);
[271]126                var ID = id_value;
[3018]127                openTab.imapBox[ID] = current_folder;
[271]128        }
[2]129        td = document.createElement("TD");
130        td.id="border_id_" + ID;
131        if(resize) {
132                td.setAttribute("width", parseInt(resize)+"px");
133                td.style.width = parseInt(resize)+"px";
134        }
135        else
136                td.setAttribute("width", "200px");
[790]137
[2]138        td.setAttribute("align", "right");
[3018]139        td.onclick = function(){alternate_border(ID);resizeWindow()};
[2]140        td.setAttribute("noWrap","true");
[3776]141        td.alt = borderTitle.replace( '&nbsp;', ' ' );
[1247]142        td.title = borderTitle;
[2]143        borderTitle = borderTitle ?  borderTitle : id_value ? get_lang("No Subject") : "&nbsp;" ;
144        td.value = borderTitle;
[790]145        if (borderTitle.length > 21)
[2]146                borderTitle = borderTitle.substring(0,21) + "...";
[790]147
[2]148        if (resize)
149                borderTitle = borderTitle.substring(0, resize*0.08);
150
[3525]151        td.innerHTML = "<div style='width:100%;border:0;padding:0;'>\n\
152                            <div id='font_border_id_" + ID+"' class='font-menu' style='width:*;'>" +
153                                borderTitle +
154                            "</div>\n\
155                            <div style='width:1px;float:left;clear:right;'>\n\
156                                <img onmousedown='javascript:return false' style='cursor:pointer' onclick=delete_border('" + ID + "','false') src='templates/"+template+"/images/close_button.gif'/>\n\
157                            </div>\n\
158                        </div>";
[790]159
[2]160        bb = document.getElementById("border_blank");
161        parent_bb = bb.parentNode; //Pego o tbody
162        parent_bb.insertBefore(td, bb);
[790]163
164        if(! Element("border_id_"+id_value+"_r") ||((typeof(id_value) == 'string') && id_value.match(/_r$/)))
[2]165                _dragArea.makeDragged(td, id_value,td.value);
166
167        BordersArray[BordersArray.length] = new setBorderAttributes(ID);
[790]168
[2]169        var div = document.createElement("DIV");
170        div.id = "content_id_" + ID;
171        div.className = "conteudo";
172        div.style.display='';
173
[320]174        div.style.overflow = "hidden";
[2]175
[790]176        Element("exmail_main_body").insertBefore(div,Element("footer_menu"));
[2]177        alternate_border(ID);
178        return ID;
179}
180
181function resize_borders()
182{
[3336]183        var numBorders = count_borders();
184
[2]185        if (numBorders > 8)
186                return false;
[3336]187
188        return redim_borders(numBorders+1);
189}
190
191function count_borders()
192{
193        var numBorders = 0;
194        var children = Element('border_tr').childNodes;
[2]195        for (var i=0; i<children.length; i++) {
[3336]196            if ((children[i].nodeName === 'TD') && (children[i].id!=='border_id_0') && (children[i].id!=='border_blank'))
197                numBorders++;
198        }
199
200        return numBorders;
201}
202
203function redim_borders(numBorders)
204{
205        var children = Element('border_tr').childNodes;
206        var clientWidth = (window.document.body.clientWidth - findPosX(Element("exmail_main_body"))) - Element("border_id_0").clientWidth - 30;
207        var newWidthTD = (clientWidth/numBorders)-6;
208        newWidthTD = newWidthTD > 200 ? 200 : (newWidthTD < 50 ? 50 : newWidthTD);
209        children = Element('border_tr').childNodes;
210        for (var i=0; i<children.length; i++) {
[2]211                if ((children[i].nodeName === 'TD') && (children[i].id!=='border_id_0') && (children[i].id!=='border_blank')){
212                        children[i].style.width = newWidthTD;
[3525]213                        set_border_caption(children[i].id, children[i].title, newWidthTD);
[2]214                }
215        }
216        return newWidthTD;
217}
218
[3525]219function set_border_caption(border_id, title, border_width)
[3372]220{
[3525]221        var border = document.getElementById(border_id);
222        if (border_width == null)
223        {
224            border_width = border.clientWidth;
225        }
[3372]226        var caption = "";
[3525]227        Element("font_"+border.id).style.width = (border_width - 25)+'px';
[3372]228        Element("font_"+border.id).innerHTML = title;
229        return(title);
230}
231
[2]232function delete_border(ID, msg_sent)
233{
[648]234        var borderElem = Element("border_id_" + ID)
235        if (borderElem)
236                borderElem.onclick = null; // It's avoid a FF3 bug
237        else
[125]238                return false;
[320]239
[2]240        if (msg_sent == 'false')
241        {
242                var body = document.getElementById('body_'+ ID);
243                if (body)
244                {
[3018]245                        var save_link = Element("save_message_options_"+ID);
246                        if (openTab.toPreserve[ID] == undefined)
247                                openTab.toPreserve[ID] = false;
248                        if ((! openTab.toPreserve[ID] && ! ID.toString().match("_r")) || ((body.contentWindow) == 'object' && body.contentWindow.document.designMode.toLowerCase() == 'on') && (save_link.onclick != ''))
249                        {
250                                var discard_msg = confirm(get_lang("Your message has not been sent. Discard your message?"), "");
251                                if (!discard_msg)
[2]252                                {
[3018]253                                        Element("border_id_"+ID).onclick = function () { alternate_border(ID);};
254                                        return;
255                                }
256                                else
257                                {
258                                        if (openTab.imapBox[ID] && openTab.imapUid[ID] && !openTab.toPreserve[ID]){
259                                                delete_msgs(openTab.imapBox[ID], openTab.imapUid[ID].toString(), 0)
[606]260                                                        openTab.toPreserve[ID] = false;
[245]261                                        }
[3018]262                                        delete(openTab.imapBox[ID]);
263                                        // Element('to_'+ID).focus(); It crash on IE
[2]264                                }
[3018]265                        }
[2]266                }
267        }
268
[606]269        openTab.toPreserve[ID] = false;
270        openTab.imapUid[ID] = 0;
[3143]271        delete(openTab.type[ID]);
[271]272
[801]273        if (preferences.auto_save_draft == 1)
274        {
275                if (openTab.autosave_timer[ID])
276                        clearTimeout(openTab.autosave_timer[ID]);
277                openTab.autosave_timer[ID] = false;
278        }
279
[2]280        hold_session = false;
[790]281        if (exist_className(Element('border_id_'+ID),'menu-sel'))
[2]282        {
[790]283                if (BordersArray[BordersArray.length-2].sequence == ID)
[2]284                        this.alternate_border(0);
285                else
[790]286                        this.alternate_border(BordersArray[BordersArray.length-2].sequence);
[2]287        }
288
289        // Remove TD, title
[320]290        border = Element('border_id_' + ID);
[2]291        border.parentNode.removeChild(border);
[790]292        var j=0;
[2]293        var new_BordersArray = new Array();
294        for (i=0;i<BordersArray.length;i++)
[790]295                if (document.getElementById(BordersArray[i].border_id) != null){
[2]296                        new_BordersArray[j] = BordersArray[i];
[790]297                        j++;
[2]298                }
[58]299        if(j == 1)
300                Element("footer_menu").style.display = '';
[2]301        BordersArray = new_BordersArray;
[790]302
303        // Remove Div Content
304        content = Element('content_id_' + ID);
305        content.parentNode.removeChild(content);
[3018]306        resizeWindow();
[320]307        return true;
308}
Note: See TracBrowser for help on using the repository browser.