From c957e991ba50afec59b46a4972249f5ac7f84c5e Mon Sep 17 00:00:00 2001
From: Edmar Moretti <edmar.moretti@gmail.com>
Date: Thu, 9 May 2013 02:20:13 +0000
Subject: [PATCH] Inclusão de ícone para escolha de cores no editor de classes (metaestat)

---
 admin/js/estat_variavel.js        | 20 ++++++++++++++++----
 ferramentas/colorpicker/index.htm | 35 ++++++++++++++++++-----------------
 2 files changed, 34 insertions(+), 21 deletions(-)

diff --git a/admin/js/estat_variavel.js b/admin/js/estat_variavel.js
index da89885..86dce5d 100755
--- a/admin/js/estat_variavel.js
+++ b/admin/js/estat_variavel.js
@@ -558,18 +558,30 @@ i3GEOadmin.variaveis = {
 									{titulo:"Express&atilde;o (no estilo Mapserver)<br> exemplo (([nu_farm_funcionando] > 0) and ([nu_farm_funcionando] < 5)):",id:"Eexpressao",size:"50",value:i.expressao,tipo:"text",div:""},
 									{titulo:"S&iacute;mbolo:",id:"Esimbolo",size:"10",value:i.simbolo,tipo:"text",div:""},
 									{titulo:"Tamanho do s&iacute;mbolo:",id:"Etamanho",size:"10",value:i.tamanho,tipo:"text",div:""},
-									{titulo:"Vermelho:",id:"Evermelho",size:"10",value:i.vermelho,tipo:"text",div:""},
+									{titulo:"Vermelho: <img src='../../imagens/aquarela.gif' style='cursor:pointer;' onclick='core_abreCor(\"\",\"inputEventoCor\");' />",id:"Evermelho",size:"10",value:i.vermelho,tipo:"text",div:""},
 									{titulo:"Verde:",id:"Everde",size:"10",value:i.verde,tipo:"text",div:""},
 									{titulo:"Azul:",id:"Eazul",size:"10",value:i.azul,tipo:"text",div:""},
 									{titulo:"Contorno - tamanho do s&iacute;mbolo:",id:"Eotamanho",size:"10",value:i.otamanho,tipo:"text",div:""},
-									{titulo:"Contorno - Vermelho:",id:"Eovermelho",size:"10",value:i.overmelho,tipo:"text",div:""},
+									{titulo:"Contorno - Vermelho <img src='../../imagens/aquarela.gif' style='cursor:pointer;' onclick='core_abreCor(\"\",\"inputEventoOutlineCor\");' />:",id:"Eovermelho",size:"10",value:i.overmelho,tipo:"text",div:""},
 									{titulo:"Contorno - Verde:",id:"Eoverde",size:"10",value:i.overde,tipo:"text",div:""},
 									{titulo:"Contorno - Azul:",id:"Eoazul",size:"10",value:i.oazul,tipo:"text",div:""}
 				]
 			};
 			ins += core_geraLinhas(param);
 			//ins += "<br><br><br>";
-			$i("editor_bd").innerHTML = ins;
+			//o input hidden recebe a cor da janela de selecao interativa e executa o preenchimento dos campos rgb
+
+			$i("editor_bd").innerHTML = ins+"<input type=hidden value='' id='inputEventoCor' onchange='i3GEOadmin.variaveis.classes.preencheCores(\"inputEventoCor\",\"E\")' />";
+			$i("editor_bd").innerHTML = ins+"<input type=hidden value='' id='inputEventoOutlineCor' onchange='i3GEOadmin.variaveis.classes.preencheCores(\"inputEventoOutlineCor\",\"Eo\")' />";
+
+		},
+		preencheCores: function(id,prefixo){
+			var cor = $i(id).value.split(",");
+			if(cor.length == 3){
+				$i(prefixo+"vermelho").value = cor[0];
+				$i(prefixo+"verde").value = cor[1];
+				$i(prefixo+"azul").value = cor[2];
+			}
 		}
 	},
 	parametro:{
@@ -867,7 +879,7 @@ i3GEOadmin.variaveis = {
 							core_montaEditor("","480px","300px","","Testes",false);
 							ins = "<p><b>Select simples:</b> "+dados.sql;
 							ins += "<p><b>Mapserver:</b> "+dados.sqlmapserver;
-							ins += "<p><b>�ltima URL:</b><div id='ultimaUrl'></div> ";
+							ins += "<p><b>&Uacute;ltima URL:</b><div id='ultimaUrl'></div> ";
 							ins += "<p><b>Colunas:</b> "+dados.colunas;
 							ins +="<p><input style='position:relative;top:2px' type='checkbox' id='incluirtodascolunas' />Incluir todas as colunas no resultado";
 							ins +="<p>Filtro opcional (exemplo: valor = 1)<br>";
diff --git a/ferramentas/colorpicker/index.htm b/ferramentas/colorpicker/index.htm
index 0e3d4ce..17c7e65 100644
--- a/ferramentas/colorpicker/index.htm
+++ b/ferramentas/colorpicker/index.htm
@@ -4,10 +4,10 @@
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
 <style type="text/css">
 /*margin and padding on body element
-  can introduce errors in determining
-  element position and are not recommended;
-  we turn them off as a foundation for YUI
-  CSS treatments. */
+	can introduce errors in determining
+	element position and are not recommended;
+	we turn them off as a foundation for YUI
+	CSS treatments. */
 body {
 	margin:0;
 	padding:0;border:0px;
@@ -24,8 +24,8 @@ body {
 <!--begin custom header content for this example-->
 
 <style type="text/css">
-  #container { position: relative; padding: 6px; background-color: #eeeeee; width: 300px; height:200px; }
-  .yui-picker-controls li {padding: 01px;}
+	#container { position: relative; padding: 6px; background-color: #eeeeee; width: 300px; height:200px; }
+	.yui-picker-controls li {padding: 01px;}
 </style>
 <!--end custom header content for this example-->
 <title></title>
@@ -39,18 +39,18 @@ body {
 API -->
 <script type="text/javascript">
 (function() {
-    var Event = YAHOO.util.Event,
-        picker;
+		var Event = YAHOO.util.Event,
+				picker;
 
-    Event.onDOMReady(function() {
-            picker = new YAHOO.widget.ColorPicker("container", {
-                    showhsvcontrols: true,
-                    showhexcontrols: true,
+		Event.onDOMReady(function() {
+						picker = new YAHOO.widget.ColorPicker("container", {
+										showhsvcontrols: true,
+										showhexcontrols: true,
 					images: {
 						PICKER_THUMB: window.parent.i3GEO.configura.locaplic+"/pacotes/yui290/build/colorpicker/assets/picker_thumb.png",
 						HUE_THUMB: window.parent.i3GEO.configura.locaplic+"/pacotes/yui290/build/colorpicker/assets/hue_thumb.png"
-    				}
-                });
+						}
+								});
 			var onRgbChange = function(o) {
 			};
 			picker.on("rgbChange", onRgbChange);
@@ -64,12 +64,13 @@ API -->
 			});
 			Event.on("gethex", "click", function(e) {
 			});
-        });
+				});
 
 })();
 //
-//utilize tipo para definir o tipo de cor de retorno
-//
+//utilize tipo na url para definir o tipo de cor de retorno
+//default e hex
+//se for usado rgbSep, o retorno sera em rgb separado por " "
 function aplicarCor()
 {
 	navm = false; // IE
--
libgit2 0.21.2