From 4049d225f62545f1756b0b27a601baaa867af10f Mon Sep 17 00:00:00 2001
From: Edmar Moretti <edmar.moretti@gmail.com>
Date: Thu, 13 Jan 2011 18:24:52 +0000
Subject: [PATCH] Efeito de mudança do tamanho dos boxes de informações da ferramenta identifica

---
 classesjs/i3geonaocompacto.js       |  2 ++
 css/geral.css                       |  2 ++
 ferramentas/identifica/index.js.php | 30 ++++++++++++++++++++++++++----
 3 files changed, 30 insertions(+), 4 deletions(-)

diff --git a/classesjs/i3geonaocompacto.js b/classesjs/i3geonaocompacto.js
index d0f29e3..79f957e 100644
--- a/classesjs/i3geonaocompacto.js
+++ b/classesjs/i3geonaocompacto.js
@@ -31,6 +31,7 @@ var jsfiles = new Array(
 "../pacotes/yui270/build/treeview/treeview.js",
 "../pacotes/yui270/build/button/button-min.js",
 "../pacotes/yui270/build/json/json-min.js",
+"../pacotes/yui270/build/resize/resize-min.js",
 "../pacotes/balloon-tooltips/htdocs/js/balloon.config.js",
 "../pacotes/balloon-tooltips/htdocs/js/balloon.js",
 "classe_i3geo.js",
@@ -81,6 +82,7 @@ var cssfiles = new Array(
 "../pacotes/yui270/build/treeview/assets/skins/sam/treeview.css",
 "../pacotes/yui270/build/button/assets/skins/sam/button.css",
 "../pacotes/yui270/build/slider/assets/skins/sam/slider.css",
+"../pacotes/yui270/build/resize/assets/skins/sam/resize.css",
 "../css/corrigeyui_geral.css"
 );
 for (i = 0; i < cssfiles.length; i++)
diff --git a/css/geral.css b/css/geral.css
index ada2144..38442a5 100644
--- a/css/geral.css
+++ b/css/geral.css
@@ -193,3 +193,5 @@ h1 {padding:.25em .5em;background-color:#ccc;}
 /*hack opera */
 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) 
 { .inputsb {border:1px solid black} }
+
+
diff --git a/ferramentas/identifica/index.js.php b/ferramentas/identifica/index.js.php
index af0eb31..169857d 100644
--- a/ferramentas/identifica/index.js.php
+++ b/ferramentas/identifica/index.js.php
@@ -177,6 +177,28 @@ i3GEOF.identifica = {
 			{i3GEOF.identifica.buscaDadosTema(i3GEO.temaAtivo);}
 		}
 		catch(erro){alert(erro);}
+
+    var Dom = YAHOO.util.Dom,
+        Event = YAHOO.util.Event,
+        col1 = null
+        col2 = null;
+
+        col1 = Dom.get('i3GEOidentificatemaativo');
+        col2 = Dom.get('i3GEOidentificaocorrencia');
+        var resize = new YAHOO.util.Resize('i3GEOidentificatemaativo', {
+            handles: ['r'],
+			maxWidth: 180
+        });
+        resize.on('resize', function(ev) {
+            var w = ev.width;
+            Dom.setStyle(col1, 'height', '');
+			//150 é o tamanho inicial da parte esquerda, corresponde a 40%
+			var w1 = parseInt(col1.style.width);
+			var dif = parseInt((w1 * 40) / 150,10);
+			Dom.setStyle(col2, 'width', 40 - dif + 60 + '%');
+			Dom.setStyle(col2, 'left', w1 + 15 + 'px');
+        });
+        resize.resize(null, null, null, 0, 0, true);
 	},
 	atualizaSistemas: function(){
 		if(i3GEOF.identifica.mostraSistemasAdicionais === true){
@@ -272,11 +294,11 @@ i3GEOF.identifica = {
 		ins += '</div>';
 		//ins += '<div class="geralFerramentas" style="left:0px;top:0px;width:98%;height:86%;">';
 		ins += '	<div class=guiaobj id="i3GEOidentificaguia1obj" style="left:1px;90%">';
-		ins += '		<div class="geralFerramentas" style="display:block;position:relative;top:-5px;left:0px;width:150px">';
-		ins += '			<div style="left:0px;width:120px;text-align:left;" id="i3GEOidentificalistaTemas" >Aguarde...</div>';
-		ins += '			<div style="left:0px;width:120px;text-align:left;" id="i3GEOidentificalistaSistemas" >Aguarde...</div>';
+		ins += '		<div id="i3GEOidentificatemaativo" class="geralFerramentas" style="overflow: hidden;display:block;position:relative;top:-5px;left:0px;width:150px">';
+		ins += '			<div style="left:0px;width:150px;text-align:left;" id="i3GEOidentificalistaTemas" >Aguarde...</div>';
+		ins += '			<div style="left:0px;width:150px;text-align:left;" id="i3GEOidentificalistaSistemas" >Aguarde...</div>';
 		ins += '		</div>';
-		ins += '		<div id="i3GEOidentificaocorrencia" style="font-size: 10px;display:block;position:absolute;top:5px;left:160px;width:60%"></div>';
+		ins += '		<div id="i3GEOidentificaocorrencia" style="overflow: hidden;font-size: 10px;display:block;position:absolute;top:5px;left:165px;width:60%"></div>';
 		ins += '	</div>';
 		ins += '	<div class=guiaobj id="i3GEOidentificaguia2obj" style="left:1px">';
 		ins += '	</div>';
--
libgit2 0.21.2