Changeset 3336 for branches/2.2

Timestamp:

10/07/10 10:35:49 (14 years ago)

Author:

rafaelraymundo

Message:

Ticket #1328 - Implementa o redimensionamento das abas quando o browser é redimensionado.

Location:

branches/2.2/expressoMail1_2/js

Files:

• abas.js (modified) (1 diff)
• common_functions.js (modified) (1 diff)
• main.js (modified) (1 diff)

branches/2.2/expressoMail1_2/js/abas.js

@@ -169 +169 @@
 function resize_borders()
 {
-        var children;
-        var     numBorders = 0; 
-        var widthTD = 0;
-        var newWidthTD = 0;             
-        children = Element('border_tr').childNodes;     
-        for (var i=0; i<children.length; i++) {
-                if ((children[i].nodeName === 'TD') && (children[i].id!=='border_id_0') && (children[i].id!=='border_blank')) {
-                        numBorders++;
-                        if(!widthTD)
-                                widthTD = children[i].clientWidth;                              
-                }
-        }
+        var numBorders = count_borders();
+
         if (numBorders > 8)
                 return false;
-        
-        newWidthTD = ((numBorders*widthTD)+(Element("border_blank").clientWidth-44))/(numBorders+1);
+
+        return redim_borders(numBorders+1);
+}
+
+function count_borders()
+{
+        var numBorders = 0;
+        var children = Element('border_tr').childNodes;
+        for (var i=0; i<children.length; i++) {
+            if ((children[i].nodeName === 'TD') && (children[i].id!=='border_id_0') && (children[i].id!=='border_blank'))
+                numBorders++;
+        }
+
+        return numBorders;
+}
+
+function redim_borders(numBorders)
+{
+        var children = Element('border_tr').childNodes;
+        var clientWidth = (window.document.body.clientWidth - findPosX(Element("exmail_main_body"))) - Element("border_id_0").clientWidth - 30;
+        var newWidthTD = (clientWidth/numBorders)-6;
+        newWidthTD = newWidthTD > 200 ? 200 : (newWidthTD < 50 ? 50 : newWidthTD);
+        children = Element('border_tr').childNodes;
         for (var i=0; i<children.length; i++) {
                 if ((children[i].nodeName === 'TD') && (children[i].id!=='border_id_0') && (children[i].id!=='border_blank')){
                         children[i].style.width = newWidthTD;
-                        Element("font_"+children[i].id).innerHTML = Element("font_"+children[i].id).innerHTML.substring(0, newWidthTD*0.08);
+                        if (children[i].title.substring(0, (newWidthTD-44)*0.14).length == children[i].title.length)
+                            Element("font_"+children[i].id).innerHTML = children[i].title;
+                        else
+                            Element("font_"+children[i].id).innerHTML = children[i].title.substring(0, (newWidthTD-44)*0.14) + "...";
                 }
         }

branches/2.2/expressoMail1_2/js/common_functions.js

@@ -66 +66 @@
                 content_folders.style.height = (clientHeight - (contentFoldersY + (contentFoldersY > findPosY(search_div) ? 0 : (search_div.clientHeight ? search_div.clientHeight : search_div.offsetHeight) + 5))) + "px"; 
         } 
+        redim_borders(count_borders());
 }
 // END: FUNCTION RESIZE WINDOW

branches/2.2/expressoMail1_2/js/main.js

@@ -1354 +1354 @@
         // END Tab event
 
-        var offWidth = Element('border_blank').offsetWidth ? Element('border_blank').offsetWidth : Element('border_blank').clientWidth;
-        var resize = false;
-
-        if (offWidth < 200) {
-                resize = Element("border_id_" + new_border_ID).style.width;
-        }
-
-        if (title.length > 21){
-                title = title.substring(0,21) + "...";
-        }
-
-        if(resize)
-                title = title.substring(0, parseInt(resize)*0.08);
-
         // Load default style for <PRE> tag, inside RichTextEditor.
-        RichTextEditor.loadStyle("pre","main.css");     
-
-        Element("border_id_" + new_border_ID).innerHTML = "<table width=100% border=0 cellspacing=0 cellpadding=0><tr><td id=font_border_id_" + new_border_ID +" class='font-menu' width=*>" +title + "</td><td width=1px><img onmousedown='javascript:return false' style='cursor:pointer' onclick=delete_border('" + new_border_ID + "','false') src='templates/"+template+"/images/close_button.gif'></td></tr></table>";
+        RichTextEditor.loadStyle("pre","main.css");
+
+        var caption = "";
+        var resize = Element("border_id_" + new_border_ID).width;
+        if (title.substring(0, (resize-44)*0.14).length == title.length)
+            caption = title;
+        else
+            caption = title.substring(0, (resize-44)*0.14) + "...";
+
+        Element("border_id_" + new_border_ID).title = title;
+        Element("border_id_" + new_border_ID).innerHTML = "<table width=100% border=0 cellspacing=0 cellpadding=0><tr><td id=font_border_id_" + new_border_ID +" class='font-menu' width=*>" +caption + "</td><td width=1px><img onmousedown='javascript:return false' style='cursor:pointer' onclick=delete_border('" + new_border_ID + "','false') src='templates/"+template+"/images/close_button.gif'></td></tr></table>";
+
         return new_border_ID; //Preciso retornar o ID da nova mensagem.
 }