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

Revision 2714, 8.6 KB checked in by amuller, 14 years ago (diff)

Ticket #1064 - Implementando parcialmente o ticket

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);};
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        var bar = document.getElementById("toolbar");
176        var offset = 0;
177        if(bar.style.visibility != 'hidden')
178                offset = bar.offsetHeight ? bar.offsetHeight :  bar.clientHeight;
179
180        div.style.height = document.body.clientHeight - offset - (is_ie ? 76 : 86);
181        div.style.overflow = "hidden";
182
183        if(!is_ie) {
184                var menuHidden = Element("folderscol").style.display == 'none' ? true : false;
185                var defaultWidth = document.body.clientWidth - 27;
186                if(!menuHidden)
187                        defaultWidth -= Element("folderscol").offsetWidth;
188
189                div.style.width = defaultWidth;
190        }
191        Element("exmail_main_body").insertBefore(div,Element("footer_menu"));
192        alternate_border(ID);
193        return ID;
194}
195
196function resize_borders()
197{
198        var children;
199        var     numBorders = 0;
200        var widthTD = 0;
201        var newWidthTD = 0;             
202        children = Element('border_tr').childNodes;     
203        for (var i=0; i<children.length; i++) {
204                if ((children[i].nodeName === 'TD') && (children[i].id!=='border_id_0') && (children[i].id!=='border_blank')) {
205                        numBorders++;
206                        if(!widthTD)
207                                widthTD = children[i].clientWidth;                             
208                }
209        }
210        if (numBorders > 8)
211                return false;
212       
213        newWidthTD = ((numBorders*widthTD)+(Element("border_blank").clientWidth-44))/(numBorders+1);
214        for (var i=0; i<children.length; i++) {
215                if ((children[i].nodeName === 'TD') && (children[i].id!=='border_id_0') && (children[i].id!=='border_blank')){
216                        children[i].style.width = newWidthTD;
217                        Element("font_"+children[i].id).innerHTML = Element("font_"+children[i].id).innerHTML.substring(0, newWidthTD*0.08);
218                }
219        }
220        return newWidthTD;
221}
222
223function delete_border(ID, msg_sent)
224{
225        var borderElem = Element("border_id_" + ID);
226        if (borderElem)
227                borderElem.onclick = null; // It's avoid a FF3 bug
228        else
229                return false;
230
231        if (msg_sent == 'false')
232        {
233                var body = document.getElementById('body_'+ ID);
234                if (body)
235                {
236                                var save_link = Element("save_message_options_"+ID);
237                                if (openTab.toPreserve[ID] == undefined);
238                                        openTab.toPreserve[ID] = false;
239                                if ((! openTab.toPreserve[ID] && ! ID.toString().match("_r")) || ((body.contentWindow) == 'object' && body.contentWindow.document.designMode.toLowerCase() == 'on') && (save_link.onclick != ''))
240                                {
241                                        var discard_msg = confirm(get_lang("Your message has not been sent. Discard your message?"), "");
242                                        if (!discard_msg)
243                                        {
244                                                Element("border_id_"+ID).onclick = function () { alternate_border(ID);};
245                                                return;
246                                        }
247                                        else
248                                        {
249                                                if (openTab.imapBox[ID] &&  openTab.imapUid[ID] && !openTab.toPreserve[ID]){
250                                                        delete_msgs(openTab.imapBox[ID], openTab.imapUid[ID].toString(), 0);
251                                                        openTab.toPreserve[ID] = false;
252                                                        }
253                                                delete(openTab.imapBox[ID]);   
254                                                        // Element('to_'+ID).focus(); It crash on IE
255                                        }
256                                }
257                }
258        }
259
260        openTab.toPreserve[ID] = false;
261        openTab.imapUid[ID] = 0;
262
263        if (preferences.auto_save_draft == 1)
264        {
265                if (openTab.autosave_timer[ID])
266                        clearTimeout(openTab.autosave_timer[ID]);
267                openTab.autosave_timer[ID] = false;
268        }
269
270        expresso.connector.hold_session = false;
271        if (exist_className(Element('border_id_'+ID),'menu-sel'))
272        {
273                if (BordersArray[BordersArray.length-2].sequence == ID)
274                        this.alternate_border(0);
275                else
276                        this.alternate_border(BordersArray[BordersArray.length-2].sequence);
277        }
278
279        // Remove TD, title
280        border = Element('border_id_' + ID);
281        border.parentNode.removeChild(border);
282        var j=0;
283        var new_BordersArray = new Array();
284        for (i=0;i<BordersArray.length;i++)
285                if (document.getElementById(BordersArray[i].border_id) != null){
286                        new_BordersArray[j] = BordersArray[i];
287                        j++;
288                }
289        if(j == 1)
290                Element("footer_menu").style.display = '';
291        BordersArray = new_BordersArray;
292
293        // Remove Div Content
294        content = Element('content_id_' + ID);
295        content.parentNode.removeChild(content);
296        return true;
297};
Note: See TracBrowser for help on using the repository browser.