source: trunk/expressoMail1_2/js/jscode/abas.js @ 2800

Revision 2800, 8.1 KB checked in by niltonneto, 14 years ago (diff)

Ticket #1040 - Corrige problemas ao redimensionar largura das divs principais.
Line 
1var openTab = {
2        'type' : [], // 8 types of tabs, further info. see expressolivre.org/dev/wiki/mail/Documentacao
3        'content_id' : [],
4        'imapUid' : [], // Stores the imap email number of current tab
5        'countFile' : [0,0,0,0,0,0,0,0,0,0], // Stores the number of files attached in current tab
6        'imapBox' : [], // Stores the folder name
7        'toPreserve' : [], // Check if the message should be removed from draft after send
8        'autosave_timer' : [] // The timeout timer for autosave function
9};
10var tabTypes = {
11        'new':4,
12        'forward':6,
13        'reply_with_history':7,
14        'reply_to_all_with_history':7,
15        'reply_without_history':7,
16        'reply_to_all_without_history':7,
17        'edit':5
18};
19var currentTab,numBox = 0; // Open Tab and num of mailboxes opened at context
20
21function setBorderAttributes(ID)
22{
23        this.border_id = "border_id_"+ID;
24        this.sequence = ID;
25}
26
27
28function alternate_border(ID)
29{
30        if (! Element('border_id_'+ID))
31                return false; // Not possible to alternate
32        show_hide_span_paging(ID);
33        spanD = Element("span_D");
34        if (spanD)
35                spanD.style.display = (openTab.type[ID] == 0 ? '' : 'none');
36
37        var footer_menu = Element("footer_menu");       
38        if (footer_menu) {
39                footer_menu.style.display = (openTab.type[ID] != 4 ? '' : 'none');
40        }
41
42        var len = BordersArray.length;
43        for (var i=0; i < len; i++)
44        {
45                m = document.getElementById(BordersArray[i].border_id);
46                if ((m)&&(m.className == 'menu-sel'))
47                {
48                        m.className = 'menu';
49                        c = document.getElementById("content_id_"+BordersArray[i].sequence);
50                        c.style.display = 'none';
51                        if(Element("font_border_id_"+BordersArray[i].sequence))
52                                Element("font_border_id_"+BordersArray[i].sequence).className = 'font-menu';   
53                        var body = Element('body_'+BordersArray[i].sequence);
54                        if (body)
55                        {
56                                try
57                                {
58                                        if (Element('viewsource_rt_checkbox').checked)
59                                        { 
60                                                expresso.connector.loadScript("jscode/rich_text_editor");
61                                                RichTextEditor.viewsource(false);
62                                        }
63                                }
64                                catch(e)
65                                {
66                                        //alert(e.message)
67                                }
68                        }
69                }
70        }
71
72        m = Element("border_id_"+ID);
73        if (m)
74                m.className = 'menu-sel';
75        if(Element("font_border_id_" + ID))
76                Element("font_border_id_" + ID).className = 'font-menu-sel';
77        var c = Element("content_id_"+ID);
78        if (c)
79                c.style.display = '';
80
81        body = document.getElementById('body_'+ ID);
82        if (body){
83                try{
84                        if(ID){
85                                expresso.connector.loadScript("jscode/rich_text_editor");
86                                RichTextEditor.loadEditor(ID);
87                        }
88                        body.contentWindow.document.designMode="on";
89                }
90                catch(e){
91                        //alert(e.message);
92                };
93        }
94
95        // hide the DropDrowContact, if necessary
96        window_DropDownContacts = Element('tipDiv');
97        if ((window_DropDownContacts)&&(window_DropDownContacts.style.visibility != 'hidden')){
98                window_DropDownContacts.style.visibility = 'hidden';
99        }
100
101        if (typeof(ID) == 'number')
102        {
103        numBox=ID;
104        }
105        else
106                if (ID.match("search_"))
107                        numBox=ID.substr(7);
108
109        currentTab=ID;
110        return ID;
111}
112
113function create_border(borderTitle, id_value)
114{
115        if ( _dragArea == null )
116                _dragArea = new DragArea( );
117
118        var resize = false;
119        var offWidth = Element('border_blank').offsetWidth ? Element('border_blank').offsetWidth : Element('border_blank').clientWidth;
120        if (offWidth < 200) {
121                resize = resize_borders();
122                if (!resize){
123                        alert(get_lang('Reached maximum tab limit'));
124                        return false;
125                }
126        }
127       
128        if (! id_value) // Is new message?
129                var ID = parseInt(BordersArray[(BordersArray.length-1)].sequence) + 1;
130        else
131        {
132                if (Element("border_id_"+id_value)) // It's opened already!
133                        return alternate_border(id_value);
134                var ID = id_value;
135                openTab.imapBox[ID] = current_folder;
136        }
137        td = document.createElement("TD");
138        td.id="border_id_" + ID;
139        if(resize) {
140                td.setAttribute("width", parseInt(resize)+"px");
141                td.style.width = parseInt(resize)+"px";
142        }
143        else
144                td.setAttribute("width", "200px");
145
146        td.setAttribute("align", "right");     
147        td.onclick = function(){alternate_border(ID);resizeWindow()};
148        td.setAttribute("noWrap","true");
149        td.alt = borderTitle;
150        td.title = borderTitle;
151        borderTitle = borderTitle ?  borderTitle : id_value ? get_lang("No Subject") : "&nbsp;" ;
152        td.value = borderTitle;
153        if (borderTitle.length > 21)
154                borderTitle = borderTitle.substring(0,21) + "...";
155
156        if (resize)
157                borderTitle = borderTitle.substring(0, resize*0.08);
158
159        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='"+URL_SERVER+"expressoMail1_2/templates/"+template+"/images/close_button.gif'></td></tr></table>";
160
161        bb = document.getElementById("border_blank");
162        parent_bb = bb.parentNode; //Pego o tbody
163        parent_bb.insertBefore(td, bb);
164
165        if(! Element("border_id_"+id_value+"_r") ||((typeof(id_value) == 'string') && id_value.match(/_r$/)))
166                _dragArea.makeDragged(td, id_value,td.value);
167
168        BordersArray[BordersArray.length] = new setBorderAttributes(ID);
169
170        var div = document.createElement("DIV");
171        div.id = "content_id_" + ID;
172        div.className = "conteudo";
173        div.style.display='';
174
175        div.style.overflow = "hidden";
176        Element("exmail_main_body").insertBefore(div,Element("footer_menu"));
177        alternate_border(ID);
178        return ID;
179}
180
181function resize_borders()
182{
183        var children;
184        var     numBorders = 0;
185        var widthTD = 0;
186        var newWidthTD = 0;             
187        children = Element('border_tr').childNodes;     
188        for (var i=0; i<children.length; i++) {
189                if ((children[i].nodeName === 'TD') && (children[i].id!=='border_id_0') && (children[i].id!=='border_blank')) {
190                        numBorders++;
191                        if(!widthTD)
192                                widthTD = children[i].clientWidth;                             
193                }
194        }
195        if (numBorders > 8)
196                return false;
197       
198        newWidthTD = ((numBorders*widthTD)+(Element("border_blank").clientWidth-44))/(numBorders+1);
199        for (var i=0; i<children.length; i++) {
200                if ((children[i].nodeName === 'TD') && (children[i].id!=='border_id_0') && (children[i].id!=='border_blank')){
201                        children[i].style.width = newWidthTD;
202                        Element("font_"+children[i].id).innerHTML = Element("font_"+children[i].id).innerHTML.substring(0, newWidthTD*0.08);
203                }
204        }
205        return newWidthTD;
206}
207
208function delete_border(ID, msg_sent)
209{
210        var borderElem = Element("border_id_" + ID);
211        if (borderElem)
212                borderElem.onclick = null; // It's avoid a FF3 bug
213        else
214                return false;
215
216        if (msg_sent == 'false')
217        {
218                var body = document.getElementById('body_'+ ID);
219                if (body)
220                {
221                                var save_link = Element("save_message_options_"+ID);
222                                if (openTab.toPreserve[ID] == undefined);
223                                        openTab.toPreserve[ID] = false;
224                                if ((! openTab.toPreserve[ID] && ! ID.toString().match("_r")) || ((body.contentWindow) == 'object' && body.contentWindow.document.designMode.toLowerCase() == 'on') && (save_link.onclick != ''))
225                                {
226                                        var discard_msg = confirm(get_lang("Your message has not been sent. Discard your message?"), "");
227                                        if (!discard_msg)
228                                        {
229                                                Element("border_id_"+ID).onclick = function () { alternate_border(ID);};
230                                                return;
231                                        }
232                                        else
233                                        {
234                                                if (openTab.imapBox[ID] &&  openTab.imapUid[ID] && !openTab.toPreserve[ID]){
235                                                        delete_msgs(openTab.imapBox[ID], openTab.imapUid[ID].toString(), 0);
236                                                        openTab.toPreserve[ID] = false;
237                                                        }
238                                                delete(openTab.imapBox[ID]);   
239                                                        // Element('to_'+ID).focus(); It crash on IE
240                                        }
241                                }
242                }
243        }
244
245        openTab.toPreserve[ID] = false;
246        openTab.imapUid[ID] = 0;
247
248        if (preferences.auto_save_draft == 1)
249        {
250                if (openTab.autosave_timer[ID])
251                        clearTimeout(openTab.autosave_timer[ID]);
252                openTab.autosave_timer[ID] = false;
253        }
254
255        expresso.connector.hold_session = false;
256        if (exist_className(Element('border_id_'+ID),'menu-sel'))
257        {
258                if (BordersArray[BordersArray.length-2].sequence == ID)
259                        this.alternate_border(0);
260                else
261                        this.alternate_border(BordersArray[BordersArray.length-2].sequence);
262        }
263
264        // Remove TD, title
265        border = Element('border_id_' + ID);
266        border.parentNode.removeChild(border);
267        var j=0;
268        var new_BordersArray = new Array();
269        for (i=0;i<BordersArray.length;i++)
270                if (document.getElementById(BordersArray[i].border_id) != null){
271                        new_BordersArray[j] = BordersArray[i];
272                        j++;
273                }
274        if(j == 1)
275                Element("footer_menu").style.display = '';
276        BordersArray = new_BordersArray;
277
278        // Remove Div Content
279        content = Element('content_id_' + ID);
280        content.parentNode.removeChild(content);
281        resizeWindow();
282        return true;
283};
Note: See TracBrowser for help on using the repository browser.