V6 - nova opção para inclusão de ícone na janela flutuante

Edmar Moretti
1 parent 2c3a1ef3
Showing 4 changed files with 63 additions and 29 deletions Show diff stats
classesjs/classe_janela.js
css/corrigeyui_geral.css
css/geral.css
ferramentas/tabela/index.js
@@ -227,15 +227,20 @@ i3GEO.janela = {
 	funcaoAposRedim {function} - (opcional) funcao que ser&aacute; executada para alterar o tamanho da janela
 	dimensionavel {boolean} - (opcional) a janela pode ser redimensionada ou nao pelo usuario
+	 
+	icone {string}
 	Return:
 	{Array} Array contendo: objeto YAHOO.panel criado,elemento HTML com o cabecalho, elemento HTML com o corpo
 	*/
-	cria: function(wlargura,waltura,wsrc,nx,ny,texto,id,modal,classe,funcaoCabecalho,funcaoMinimiza, funcaoAposRedim, dimensionavel){
+	cria: function(wlargura,waltura,wsrc,nx,ny,texto,id,modal,classe,funcaoCabecalho,funcaoMinimiza, funcaoAposRedim, dimensionavel,icone){
 		if(typeof(console) !== 'undefined'){console.info("i3GEO.janela.cria()");}
 		if(!dimensionavel){
-			dimensionavel == true;
+			dimensionavel = true;
+		}
+		if(!icone){
+			icone = "";
 		}
 		if($i(id)){
 			janela = YAHOO.i3GEO.janela.manager.find(id);
@@ -244,45 +249,58 @@ i3GEO.janela = {
 			return;
 		}
 		var i,wlargurA,ins,novoel,wdocaiframe,temp,fix,underlay,ifr,janela;
-		if(navm && !chro)
-		{this.TRANSICAOSUAVE = false;}
+		if(navm && !chro){
+			this.TRANSICAOSUAVE = false;
+		}
 		//executa as fun&ccedil;&otilde;es default de antes de qualquer cria&ccedil;&atilde;o de janela
 		if(this.ANTESCRIA){
 			for(i=0;i<this.ANTESCRIA.length;i++)
 			{eval(this.ANTESCRIA[i]);}
 		}
 		//define os parametros default
-		if(!classe || classe == "")
-		{classe = "hd";}
-		if(!id || id === "")
-		{id = "wdoca";}
-		if(!modal || modal === "")
-		{modal = false;}
+		if(!classe || classe == ""){
+			classe = "hd";
+		}
+		if(!id || id === ""){
+			id = "wdoca";
+		}
+		if(!modal || modal === ""){
+			modal = false;
+		}
 		ifr = false;
 		if(i3GEO.Interface && i3GEO.Interface != undefined && i3GEO.Interface.ATUAL === "googleearth"){
 			i3GEO.janela.TRANSICAOSUAVE = false;
 			ifr = true;
 		}
 		fix = "contained";
-		if(nx === "" || nx === "center")
-		{fix = true;}
+		if(nx === "" || nx === "center"){
+			fix = true;
+		}
 		//no IE, com CSS3, a sombra n&atilde;o funciona
-		if(modal === true)
-		{underlay = "none";}
-		else
-		{underlay = "shadow";}
+		if(modal === true){
+			underlay = "none";
+		}
+		else{
+			underlay = "shadow";
+		}
 		//cria as marca&ccedil;&otilde;es html para a janela
 		temp = navm ? 0:2;
 		wlargurA = parseInt(wlargura,10)+temp+"px";
 		ins = '<div id="'+id+'_cabecalho" class="'+classe+'" >';
-		if(i3GEO.configura !== undefined)
-		{ins += "<img id='"+id+"_imagemCabecalho' class='i3GeoAguardeJanela' style='visibility:hidden;' src=\'"+i3GEO.configura.locaplic+"/imagens/aguarde2.gif\' />";}
+		if(i3GEO.configura !== undefined){
+			ins += "<img id='"+id+"_imagemCabecalho' class='i3GeoAguardeJanela' style='visibility:hidden;' src=\'"+i3GEO.configura.locaplic+"/imagens/aguarde2.gif\' />";
+		}
+		if(icone != ""){
+			ins += "<img class='i3GeoIconeJanela' src='"+icone+"' >";
+		}
 		ins += "<span style='font-size:10px;'>"+texto+"</span>";
-		if(funcaoMinimiza)
-		{ins += "<div id='"+id+"_minimizaCabecalho' class='container-minimiza'></div>";}
+		if(funcaoMinimiza){
+			ins += "<div id='"+id+"_minimizaCabecalho' class='container-minimiza'></div>";
+		}
 		ins += '</div><div id="'+id+'_corpo" class="bd" style="'+this.ESTILOBD+'">';
-		if(wsrc !== "")
-		{ins += '<iframe name="'+id+'i" id="'+id+'i" valign="top" style="border:0px white solid"></iframe>';}
+		if(wsrc !== ""){
+			ins += '<iframe name="'+id+'i" id="'+id+'i" valign="top" style="border:0px white solid"></iframe>';
+		}
 		ins += '</div>';
 		ins += '<div class="ft"></div>';
 		novoel = document.createElement("div");
@@ -360,10 +378,12 @@ i3GEO.janela = {
 		janela.bringToTop();
 		//ajusta estilos e outras caracter&iacute;sticas da janela criada
-		if(navm && id !== "i3geo_janelaMensagens" && i3GEO.Interface && i3GEO.Interface != undefined && i3GEO.Interface.ATUAL === "googleearth")
-		{janela.moveTo(0,0);}
-		if(ifr === true)
-		{janela.iframe.style.zIndex = 4;}
+		if(navm && id !== "i3geo_janelaMensagens" && i3GEO.Interface && i3GEO.Interface != undefined && i3GEO.Interface.ATUAL === "googleearth"){
+			janela.moveTo(0,0);
+		}
+		if(ifr === true){
+			janela.iframe.style.zIndex = 4;
+		}
 		YAHOO.util.Event.addListener($i(id+'_corpo'), "click", YAHOO.util.Event.stopPropagation);
 		//finaliza
@@ -189,6 +189,12 @@ td.ygtvcell {
 	min-height: 1em;
 	padding: 0 10px;
 }
+.yui-skin-sam .yui-button {
+	border-color: #D3D3D3;
+}
+.yui-skin-sam .yui-button .first-child {
+	border-color: #D3D3D3;
+}
 .ygtvcontent {
 	font-size: 12px;
@@ -4,8 +4,13 @@
 	padding: 5px;
 	margin: 7px;
 }
+.i3GeoIconeJanela{
+	position:absolute;
+	left:2px;
+	top:5px;
+}
 .i3GeoAguardeJanela{
-	height: 1px;
+	height: 2px;
 	left: 0;
 	position: absolute;
 	top: 29px;
@@ -64,7 +69,7 @@
 	color:black;
 }
 .comboTemasCabecalho{
-z-index: 100; position: absolute; left: 0px; top:3px;
+z-index: 100; position: absolute; left: 22px; top:3px;
 }
 fieldset
 {text-align:left;	padding: 10px;	border: 0px solid gray;	border-radius: 5px 5px 5px 5px;	box-shadow: 0 1px 3px gray ;	background-color:rgb(250,250,250);	margin:15px;}
@@ -360,7 +360,10 @@ i3GEOF.tabela = {
 			false,
 			"hd",
 			cabecalho,
-			minimiza
+			minimiza,
+			"",
+			true,
+			i3GEO.configura.locaplic+"/imagens/oxygen/16x16/view-form-table.png"
 		);
 		divid = janela[2].id;
 		$i("i3GEOF.tabela_corpo").style.backgroundColor = "white";
	@@ -189,6 +189,12 @@ td.ygtvcell {		@@ -189,6 +189,12 @@ td.ygtvcell {
189	min-height: 1em;	189	min-height: 1em;
190	padding: 0 10px;	190	padding: 0 10px;
191	}	191	}
		192	+.yui-skin-sam .yui-button {
		193	+ border-color: #D3D3D3;
		194	+}
		195	+.yui-skin-sam .yui-button .first-child {
		196	+ border-color: #D3D3D3;
		197	+}
192		198
193	.ygtvcontent {	199	.ygtvcontent {
194	font-size: 12px;	200	font-size: 12px;