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

Revision 3336, 8.0 KB checked in by rafaelraymundo, 14 years ago (diff)

Ticket #1328 - Implementa o redimensionamento das abas quando o browser é redimensionado.
  • Property svn:eol-style set to native
  • Property svn:executable set to *
Line 
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{
13        if ( typeof win == 'object' && win.close && win.close.constructor == Function )
14                win.close( );
15
16        if (! Element('border_id_'+ID))
17                return false; // Not possible to alternate
18        show_hide_span_paging(ID);
19        spanD = Element("span_D");
20        if (spanD)
21                spanD.style.display = (openTab.type[ID] == 0 ? '' : 'none');
22
23        var footer_menu = Element("footer_menu");       
24        if (footer_menu) {
25                footer_menu.style.display = (openTab.type[ID] != 4 ? '' : 'none');
26        }
27
28        var len = BordersArray.length;
29        for (var i=0; i < len; i++)
30        {
31                m = document.getElementById(BordersArray[i].border_id);
32                if ((m)&&(m.className == 'menu-sel'))
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);
59        if (m)
60                m.className = 'menu-sel';
61        if(Element("font_border_id_" + ID))
62                Element("font_border_id_" + ID).className = 'font-menu-sel';
63        var c = Element("content_id_"+ID)
64        if (c)
65                c.style.display = '';
66
67        body = document.getElementById('body_'+ ID);
68        if (body){
69                try{
70                        if(ID){
71                                connector.loadScript("rich_text_editor");
72                                if(typeof(RichTextEditor) == 'undefined'){
73                                        setTimeout('alternate_border(\''+ID+'\');',500);
74                                        return false;
75                                }
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        }
90
91        if (typeof(ID) == 'number')
92        {
93        numBox=ID;
94        }
95        else
96                if (ID.match("search_"))
97                        numBox=ID.substr(7);
98
99        currentTab=ID;
100        return ID;
101}
102
103function create_border(borderTitle, id_value)
104{
105        var resize = false;
106        var offWidth = Element('border_blank').offsetWidth ? Element('border_blank').offsetWidth : Element('border_blank').clientWidth;
107        if (offWidth < 200) {
108                resize = resize_borders();
109                if (!resize){
110                        alert(get_lang('Reached maximum tab limit'));
111                        return false;
112                }
113        }
114       
115        if (! id_value) // Is new message?
116                var ID = parseInt(BordersArray[(BordersArray.length-1)].sequence) + 1;
117        else
118        {
119                if (Element("border_id_"+id_value)) // It's opened already!
120                        return alternate_border(id_value);
121                var ID = id_value;
122                openTab.imapBox[ID] = current_folder;
123        }
124        td = document.createElement("TD");
125        td.id="border_id_" + ID;
126        if(resize) {
127                td.setAttribute("width", parseInt(resize)+"px");
128                td.style.width = parseInt(resize)+"px";
129        }
130        else
131                td.setAttribute("width", "200px");
132
133        td.setAttribute("align", "right");
134        td.onclick = function(){alternate_border(ID);resizeWindow()};
135        td.setAttribute("noWrap","true");
136        td.alt = borderTitle;
137        td.title = borderTitle;
138        borderTitle = borderTitle ?  borderTitle : id_value ? get_lang("No Subject") : "&nbsp;" ;
139        td.value = borderTitle;
140        if (borderTitle.length > 21)
141                borderTitle = borderTitle.substring(0,21) + "...";
142
143        if (resize)
144                borderTitle = borderTitle.substring(0, resize*0.08);
145
146        td.innerHTML = "<table width=100% border=0 cellspacing=0 cellpadding=0><tr><td id=font_border_id_" + ID+" class='font-menu' width=*>" + borderTitle + "</td><td width=1px><img onmousedown='javascript:return false' style='cursor:pointer' onclick=delete_border('" + ID + "','false') src='templates/"+template+"/images/close_button.gif'></td></tr></table>";
147
148        bb = document.getElementById("border_blank");
149        parent_bb = bb.parentNode; //Pego o tbody
150        parent_bb.insertBefore(td, bb);
151
152        if(! Element("border_id_"+id_value+"_r") ||((typeof(id_value) == 'string') && id_value.match(/_r$/)))
153                _dragArea.makeDragged(td, id_value,td.value);
154
155        BordersArray[BordersArray.length] = new setBorderAttributes(ID);
156
157        var div = document.createElement("DIV");
158        div.id = "content_id_" + ID;
159        div.className = "conteudo";
160        div.style.display='';
161
162        div.style.overflow = "hidden";
163
164        Element("exmail_main_body").insertBefore(div,Element("footer_menu"));
165        alternate_border(ID);
166        return ID;
167}
168
169function resize_borders()
170{
171        var numBorders = count_borders();
172
173        if (numBorders > 8)
174                return false;
175
176        return redim_borders(numBorders+1);
177}
178
179function count_borders()
180{
181        var numBorders = 0;
182        var children = Element('border_tr').childNodes;
183        for (var i=0; i<children.length; i++) {
184            if ((children[i].nodeName === 'TD') && (children[i].id!=='border_id_0') && (children[i].id!=='border_blank'))
185                numBorders++;
186        }
187
188        return numBorders;
189}
190
191function redim_borders(numBorders)
192{
193        var children = Element('border_tr').childNodes;
194        var clientWidth = (window.document.body.clientWidth - findPosX(Element("exmail_main_body"))) - Element("border_id_0").clientWidth - 30;
195        var newWidthTD = (clientWidth/numBorders)-6;
196        newWidthTD = newWidthTD > 200 ? 200 : (newWidthTD < 50 ? 50 : newWidthTD);
197        children = Element('border_tr').childNodes;
198        for (var i=0; i<children.length; i++) {
199                if ((children[i].nodeName === 'TD') && (children[i].id!=='border_id_0') && (children[i].id!=='border_blank')){
200                        children[i].style.width = newWidthTD;
201                        if (children[i].title.substring(0, (newWidthTD-44)*0.14).length == children[i].title.length)
202                            Element("font_"+children[i].id).innerHTML = children[i].title;
203                        else
204                            Element("font_"+children[i].id).innerHTML = children[i].title.substring(0, (newWidthTD-44)*0.14) + "...";
205                }
206        }
207        return newWidthTD;
208}
209
210function delete_border(ID, msg_sent)
211{
212        var borderElem = Element("border_id_" + ID)
213        if (borderElem)
214                borderElem.onclick = null; // It's avoid a FF3 bug
215        else
216                return false;
217
218        if (msg_sent == 'false')
219        {
220                var body = document.getElementById('body_'+ ID);
221                if (body)
222                {
223                        var save_link = Element("save_message_options_"+ID);
224                        if (openTab.toPreserve[ID] == undefined)
225                                openTab.toPreserve[ID] = false;
226                        if ((! openTab.toPreserve[ID] && ! ID.toString().match("_r")) || ((body.contentWindow) == 'object' && body.contentWindow.document.designMode.toLowerCase() == 'on') && (save_link.onclick != ''))
227                        {
228                                var discard_msg = confirm(get_lang("Your message has not been sent. Discard your message?"), "");
229                                if (!discard_msg)
230                                {
231                                        Element("border_id_"+ID).onclick = function () { alternate_border(ID);};
232                                        return;
233                                }
234                                else
235                                {
236                                        if (openTab.imapBox[ID] && openTab.imapUid[ID] && !openTab.toPreserve[ID]){
237                                                delete_msgs(openTab.imapBox[ID], openTab.imapUid[ID].toString(), 0)
238                                                        openTab.toPreserve[ID] = false;
239                                        }
240                                        delete(openTab.imapBox[ID]);
241                                        // Element('to_'+ID).focus(); It crash on IE
242                                }
243                        }
244                }
245        }
246
247        openTab.toPreserve[ID] = false;
248        openTab.imapUid[ID] = 0;
249        delete(openTab.type[ID]);
250
251        if (preferences.auto_save_draft == 1)
252        {
253                if (openTab.autosave_timer[ID])
254                        clearTimeout(openTab.autosave_timer[ID]);
255                openTab.autosave_timer[ID] = false;
256        }
257
258        hold_session = false;
259        if (exist_className(Element('border_id_'+ID),'menu-sel'))
260        {
261                if (BordersArray[BordersArray.length-2].sequence == ID)
262                        this.alternate_border(0);
263                else
264                        this.alternate_border(BordersArray[BordersArray.length-2].sequence);
265        }
266
267        // Remove TD, title
268        border = Element('border_id_' + ID);
269        border.parentNode.removeChild(border);
270        var j=0;
271        var new_BordersArray = new Array();
272        for (i=0;i<BordersArray.length;i++)
273                if (document.getElementById(BordersArray[i].border_id) != null){
274                        new_BordersArray[j] = BordersArray[i];
275                        j++;
276                }
277        if(j == 1)
278                Element("footer_menu").style.display = '';
279        BordersArray = new_BordersArray;
280
281        // Remove Div Content
282        content = Element('content_id_' + ID);
283        content.parentNode.removeChild(content);
284        resizeWindow();
285        return true;
286}
Note: See TracBrowser for help on using the repository browser.