Inclusão da imagem de aguarde nas ferramentas com scripttag

Edmar Moretti
1 parent 5a6c2b1d
Showing 9 changed files with 80 additions and 24 deletions Show diff stats
classesjs/classe_selecao.js
css/geral.css
css/i3geo.css
css/i3geo.css.php
ferramentas/gradehex/index.js.php
ferramentas/gradepol/index.js.php
ferramentas/gradepontos/index.js.php
ferramentas/graficotema/index.js.php
ferramentas/inseregrafico/index.js.php
@@ -135,7 +135,7 @@ i3GEO.selecao = {
 			doc = (navm) ? document.frames("wdocai").document : $i("wdocai").contentDocument;
 			tipo = "adiciona";
 			//pega o tipo de operacao da janela de selecao
-			if (doc.getElementById("tipoOperacao"))
+			if(doc.getElementById("tipoOperacao"))
 			{tipo = doc.getElementById("tipoOperacao").value;}
 			if (i3GEO.temaAtivo === "")
 			{alert("Nenhum tema ativo");return;}
@@ -8,7 +8,10 @@
 {border:0px solid gray;}
 .lista3 td
 {border: 0px solid rgb(240,240,240);border-left: 0px;border-right:0px;border-top:0px;padding: 1px;color:#2F4632;background-color:#F2F2F2;margin:0px;text-align:left;font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif;}
-
+.lista4 td
+{border: 1px solid rgb(240,240,240);padding: 2px;color:#2F4632;margin:0px;text-align:left;font-size: 10px;font-family: Verdana, Arial, Helvetica, sans-serif;}
+.lista4 td input
+{border:0px solid gray;}
 .geralFerramentas
 {position:relative;background-color:white;text-align:left;text-decoration:none;border-top: 2px solid rgb(230,230,230);font-family: Verdana, Arial, Helvetica, sans-serif;display:block;font-size:12px;padding:5px;font-weight:normal;top:8px;left:0px;overflow:auto;width:100%;}
@@ -8,7 +8,10 @@
 {border:0px solid gray;}
 .lista3 td
 {border: 0px solid rgb(240,240,240);border-left: 0px;border-right:0px;border-top:0px;padding: 1px;color:#2F4632;background-color:#F2F2F2;margin:0px;text-align:left;font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif;}
-
+.lista4 td
+{border: 1px solid rgb(240,240,240);padding: 2px;color:#2F4632;margin:0px;text-align:left;font-size: 10px;font-family: Verdana, Arial, Helvetica, sans-serif;}
+.lista4 td input
+{border:0px solid gray;}
 .geralFerramentas
 {position:relative;background-color:white;text-align:left;text-decoration:none;border-top: 2px solid rgb(230,230,230);font-family: Verdana, Arial, Helvetica, sans-serif;display:block;font-size:12px;padding:5px;font-weight:normal;top:8px;left:0px;overflow:auto;width:100%;}
@@ -8,7 +8,10 @@
 {border:0px solid gray;}
 .lista3 td
 {border: 0px solid rgb(240,240,240);border-left: 0px;border-right:0px;border-top:0px;padding: 1px;color:#2F4632;background-color:#F2F2F2;margin:0px;text-align:left;font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif;}
-
+.lista4 td
+{border: 1px solid rgb(240,240,240);padding: 2px;color:#2F4632;margin:0px;text-align:left;font-size: 10px;font-family: Verdana, Arial, Helvetica, sans-serif;}
+.lista4 td input
+{border:0px solid gray;}
 .geralFerramentas
 {position:relative;background-color:white;text-align:left;text-decoration:none;border-top: 2px solid rgb(230,230,230);font-family: Verdana, Arial, Helvetica, sans-serif;display:block;font-size:12px;padding:5px;font-weight:normal;top:8px;left:0px;overflow:auto;width:100%;}
@@ -32,6 +32,12 @@ cria e adiciona um novo tema ao mapa contendo uma grade de heságonos com espaçam
 */
 i3GEOF.gradeDeHex = {
 	/*
+	Variavel: aguarde
+	
+	Estilo do objeto DOM com a imagem de aguarde existente no cabeçalho da janela.
+	*/
+	aguarde: "",
+	/*
 	Function: inicia
 	Inicia a ferramenta. É chamado por criaJanelaFlutuante
@@ -97,7 +103,8 @@ i3GEOF.gradeDeHex = {
 			cabecalho,
 			minimiza
 		);
-		divid = janela[2].id;	
+		divid = janela[2].id;
+		i3GEOF.gradeDeHex.aguarde = $i("i3GEOF.gradeDeHex_imagemCabecalho").style;
 		i3GEOF.gradeDeHex.inicia(divid);
 	},
 	t0: function()
@@ -163,6 +170,9 @@ i3GEOF.gradeDeHex = {
 	*/
 	criaGrade: function(){
 		try{
+			if(i3GEOF.gradeDeHex.aguarde.visibility === "visible")
+			{return;}
+			i3GEOF.gradeDeHex.aguarde.visibility = "visible";
 			var dx,dy,ix,iy,nptx,npty,fim,p,cp;
 			dx = i3GEO.calculo.dms2dd($i("i3GEOgradedehexxg").value,$i("i3GEOgradedehexxm").value,$i("i3GEOgradedehexxs").value);
 			dy = i3GEO.calculo.dms2dd($i("i3GEOgradedehexyg").value,$i("i3GEOgradedehexym").value,$i("i3GEOgradedehexys").value);
@@ -178,19 +188,18 @@ i3GEOF.gradeDeHex = {
 			{alert("Número de pontos não pode ser maior que 10.000");return;}
 			fim = function(retorno)
 			{
-				i3GEO.janela.fechaAguarde("gradeDeHex");
+				i3GEOF.gradeDeHex.aguarde.visibility = "hidden";
 				if (retorno.data == undefined )
 				{$i("i3GEOgradedehexfim").innerHTML = "<p class='paragrafo'>Erro. A operação demorou muito(?).";}
 				else
-				{i3GEO.atualiza("");}
+				{i3GEO.atualiza();}
 			}
-			i3GEO.janela.abreAguarde("gradeDeHex","Criando a grade...");
 			p = i3GEO.configura.locaplic+"/classesphp/mapa_controle.php?g_sid="+i3GEO.configura.sid+"&funcao=gradedehex&xdd="+dx+"&ydd="+dy+"&px="+ix+"&py="+iy+"&nptx="+nptx+"&npty="+npty;
 			cp = new cpaint();
 			cp.set_response_type("JSON");
 			cp.call(p,"gradeDeHex",fim);
 		}
-		catch(e){$i("i3GEOgradedehexfim").innerHTML = "<p class='paragrafo' >Erro. "+e;i3GEO.janela.fechaAguarde();}
+		catch(e){$i("i3GEOgradedehexfim").innerHTML = "<p class='paragrafo' >Erro. "+e;i3GEOF.gradeDeHex.aguarde.visibility = "hidden";}
 	},
 	/*
 	Function: capturaPonto
@@ -32,6 +32,12 @@ Cria e adiciona um novo tema ao mapa contendo uma grade de polígonos com espaçam
 */
 i3GEOF.gradeDePoligonos = {
 	/*
+	Variavel: aguarde
+	
+	Estilo do objeto DOM com a imagem de aguarde existente no cabeçalho da janela.
+	*/
+	aguarde: "",
+	/*
 	Function: inicia
 	Inicia a ferramenta. É chamado por criaJanelaFlutuante
@@ -98,6 +104,7 @@ i3GEOF.gradeDePoligonos = {
 			minimiza
 		);
 		divid = janela[2].id;
+		i3GEOF.gradeDePoligonos.aguarde = $i("i3GEOF.gradeDePoligonos_imagemCabecalho").style;
 		i3GEOF.gradeDePoligonos.inicia(divid);
 	},
 	t0: function()
@@ -163,6 +170,9 @@ i3GEOF.gradeDePoligonos = {
 	*/
 	criaGrade: function(){
 		try{
+			if(i3GEOF.gradeDePoligonos.aguarde.visibility === "visible")
+			{return;}
+			i3GEOF.gradeDePoligonos.aguarde.visibility = "visible";
 			var dx,dy,ix,iy,nptx,npty,fim,p,cp;
 			dx = i3GEO.calculo.dms2dd($i("i3GEOgradedepoligonosxg").value,$i("i3GEOgradedepoligonosxm").value,$i("i3GEOgradedepoligonosxs").value);
 			dy = i3GEO.calculo.dms2dd($i("i3GEOgradedepoligonosyg").value,$i("i3GEOgradedepoligonosym").value,$i("i3GEOgradedepoligonosys").value);
@@ -178,19 +188,18 @@ i3GEOF.gradeDePoligonos = {
 			{alert("Número de celulas não pode ser maior que 10.000");return;}
 			fim = function(retorno)
 			{
-				i3GEO.janela.fechaAguarde("gradeDePoligonos");
+				i3GEOF.gradeDePoligonos.aguarde.visibility = "hidden";
 				if (retorno.data == undefined )
 				{$i("i3GEOgradedepoligonosfim").innerHTML = "<p class='paragrafo'>Erro. A operação demorou muito(?).";}
 				else
 				{i3GEO.atualiza("");}
 			}
-			i3GEO.janela.abreAguarde("gradeDePoligonos","Criando a grade...");
 			p = i3GEO.configura.locaplic+"/classesphp/mapa_controle.php?g_sid="+i3GEO.configura.sid+"&funcao=gradedepol&xdd="+dx+"&ydd="+dy+"&px="+ix+"&py="+iy+"&nptx="+nptx+"&npty="+npty;
 			cp = new cpaint();
 			cp.set_response_type("JSON");
 			cp.call(p,"gradeDePoligonos",fim);
 		}
-		catch(e){$i("i3GEOgradedepoligonosfim").innerHTML = "<p class='paragrafo' >Erro. "+e;i3GEO.janela.fechaAguarde();}
+		catch(e){$i("i3GEOgradedepoligonosfim").innerHTML = "<p class='paragrafo' >Erro. "+e;i3GEOF.gradeDeHex.aguarde.visibility = "hidden";}
 	},
 	/*
 	Function: capturaPonto
@@ -32,6 +32,12 @@ cria e adiciona um novo tema ao mapa contendo uma grade de pontos com espaçament
 */
 i3GEOF.gradeDePontos = {
 	/*
+	Variavel: aguarde
+	
+	Estilo do objeto DOM com a imagem de aguarde existente no cabeçalho da janela.
+	*/
+	aguarde: "",
+	/*
 	Function: inicia
 	Inicia a ferramenta. É chamado por criaJanelaFlutuante
@@ -98,6 +104,7 @@ i3GEOF.gradeDePontos = {
 			minimiza
 		);
 		divid = janela[2].id;
+		i3GEOF.gradeDePontos.aguarde = $i("i3GEOF.gradeDePontos_imagemCabecalho").style;
 		i3GEOF.gradeDePontos.inicia(divid);
 	},
 	t0: function()
@@ -163,6 +170,9 @@ i3GEOF.gradeDePontos = {
 	*/
 	criaGrade: function(){
 		try{
+			if(i3GEOF.gradeDePontos.aguarde.visibility === "visible")
+			{return;}
+			i3GEOF.gradeDePontos.aguarde.visibility = "visible";
 			var dx,dy,ix,iy,nptx,npty,fim,p,cp;
 			dx = i3GEO.calculo.dms2dd($i("i3GEOgradedepontosxg").value,$i("i3GEOgradedepontosxm").value,$i("i3GEOgradedepontosxs").value);
 			dy = i3GEO.calculo.dms2dd($i("i3GEOgradedepontosyg").value,$i("i3GEOgradedepontosym").value,$i("i3GEOgradedepontosys").value);
@@ -178,19 +188,18 @@ i3GEOF.gradeDePontos = {
 			{alert("Número de pontos não pode ser maior que 10.000");return;}
 			fim = function(retorno)
 			{
-				i3GEO.janela.fechaAguarde("gradeDePontos");
+				i3GEOF.gradeDePontos.aguarde.visibility = "hidden";
 				if (retorno.data == undefined )
 				{$i("i3GEOgradedepontosfim").innerHTML = "<p class='paragrafo'>Erro. A operação demorou muito(?).";}
 				else
 				{i3GEO.atualiza("");}
 			}
-			i3GEO.janela.abreAguarde("gradeDePontos","Criando a grade...");
 			p = i3GEO.configura.locaplic+"/classesphp/mapa_controle.php?g_sid="+i3GEO.configura.sid+"&funcao=gradedepontos&xdd="+dx+"&ydd="+dy+"&px="+ix+"&py="+iy+"&nptx="+nptx+"&npty="+npty;
 			cp = new cpaint();
 			cp.set_response_type("JSON");
 			cp.call(p,"gradeDePontos",fim);
 		}
-		catch(e){$i("i3GEOgradedepontosfim").innerHTML = "<p class='paragrafo' >Erro. "+e;i3GEO.janela.fechaAguarde();}
+		catch(e){$i("i3GEOgradedepontosfim").innerHTML = "<p class='paragrafo' >Erro. "+e;i3GEO.janela.fechaAguarde();i3GEOF.gradeDePontos.aguarde.visibility = "hidden";}
 	},
 	/*
 	Function: capturaPonto
@@ -37,6 +37,12 @@ O tema que será utilizado é o que estiver armazenado na variável global i3GEO.te
 */
 i3GEOF.graficoTema = {
 	/*
+	Variavel: aguarde
+	
+	Estilo do objeto DOM com a imagem de aguarde existente no cabeçalho da janela.
+	*/
+	aguarde: "",
+	/*
 	Function: inicia
 	Inicia a ferramenta. É chamado por criaJanelaFlutuante
@@ -79,8 +85,8 @@ i3GEOF.graficoTema = {
 		var ins = '';
 		ins += '<div id=i3GEOgraficotemaguiasYUI class="yui-navset" style="top:0px;cursor:pointer;left:0px;">';
 		ins += '	<ul class="yui-nav" style="border-width:0pt 0pt 0px;border-color:rgb(240,240,240);border-bottom-color:white;">';
-		ins += '		<li><a href="#ancora"><em><div id="i3GEOgraficotemaguia1" style="text-align:center;font-size:10px;left:0px;" >Fonte dos dados</div></em></a></li>';
-		ins += '		<li><a href="#ancora"><em><div id="i3GEOgraficotemaguia2" style="text-align:center;font-size:10px;left:0px;" >Propriedades</div></em></a></li>';
+		ins += '		<li><a href="#ancora"><em><div id="i3GEOgraficotemaguia1" style="text-align:center;left:0px;" >Fonte dos dados</div></em></a></li>';
+		ins += '		<li><a href="#ancora"><em><div id="i3GEOgraficotemaguia2" style="text-align:center;left:0px;" >Propriedades</div></em></a></li>';
 		ins += '	</ul>';
 		ins += '</div>';
 		ins += '<div class="geralFerramentas" style="left:0px;top:0px;width:98%;height:86%;">';
@@ -146,6 +152,7 @@ i3GEOF.graficoTema = {
 			"hd"
 		);
 		divid = janela[2].id;
+		i3GEOF.graficoTema.aguarde = $i("i3GEOF.graficoTema_imagemCabecalho").style;
 		i3GEOF.graficoTema.inicia(divid);
 	},
 	/*
@@ -211,6 +218,8 @@ i3GEOF.graficoTema = {
 	*/
 	criaNovoTema: function(){
 		try{
+			if(i3GEOF.graficoTema.aguarde.visibility === "visible")
+			{return;}
 			var lista = i3GEOF.graficoTema.pegaItensMarcados(),
 				outlinecolor = $i("i3GEOgraficotemaoutlinecolor").value,
 				offset = $i("i3GEOgraficotemaoffset").value,
@@ -225,15 +234,15 @@ i3GEOF.graficoTema = {
 			{tamanho = $i("i3GEOgraficotemalargura").value+" "+$i("altura").value;}
 			if(lista === "")
 			{alert("selecione um item");return;}
-			i3GEO.janela.abreAguarde("montaMapa","Criando novo tema...");
+			i3GEOF.graficoTema.aguarde.visibility = "visible";
 			temp = function(retorno){
-				i3GEO.janela.fechaAguarde("montaMapa");
+				i3GEOF.graficoTema.aguarde.visibility = "hidden";
 				i3GEO.atualiza(retorno);
 			};
 			p = i3GEO.configura.locaplic+"/classesphp/mapa_controle.php?g_sid="+i3GEO.configura.sid+"&funcao=graficotema&tema="+i3GEO.temaAtivo+"&lista="+lista+"&tamanho="+tamanho+"&tipo="+tipo+"&outlinecolor="+outlinecolor+"&offset="+offset;
 			cp.set_response_type("JSON");
 			cp.call(p,"graficotema",temp);
-		}catch(e){alert("Erro: "+e);i3GEO.janela.fechaAguarde();}
+		}catch(e){alert("Erro: "+e);i3GEOF.graficoTema.aguarde.visibility = "hidden";}
 	}
 };
 <?php if(extension_loaded('zlib')){ob_end_flush();}?>
 \ No newline at end of file
@@ -39,6 +39,12 @@ O tema que será utilizado é o que estiver armazenado na variável global i3GEO.te
 */
 i3GEOF.insereGrafico = {
 	/*
+	Variavel: aguarde
+	
+	Estilo do objeto DOM com a imagem de aguarde existente no cabeçalho da janela.
+	*/
+	aguarde: "",
+	/*
 	Function: inicia
 	Inicia a ferramenta. É chamado por criaJanelaFlutuante
@@ -148,7 +154,7 @@ i3GEOF.insereGrafico = {
 			minimiza
 		);
 		divid = janela[2].id;
-		
+		i3GEOF.insereGrafico.aguarde = $i("i3GEOF.insereGrafico_imagemCabecalho").style;
 		if(i3GEO.eventos.MOUSECLIQUE.toString().search("i3GEOF.insereGrafico.insere()") < 0)
 		{i3GEO.eventos.MOUSECLIQUE.push("i3GEOF.insereGrafico.insere()");}
 		temp = function(){
@@ -187,16 +193,21 @@ i3GEOF.insereGrafico = {
 				width = $i("i3GEOinseregraficow").value,
 				inclinacao = $i("i3GEOinseregraficoinclinacao").value,
 				shadow_height = $i("i3GEOinseregraficosombra").value,
-				itens;
+				itens,
+				temp;
 			if (tema === ""){alert("Nenhum tema definido para pegar os dados");}
 			else{
 				itens = i3GEOF.insereGrafico.pegaItensMarcados();
 				if (itens === "")
 				{alert("Nenhum item foi escolhido");}
 				else{
-					i3GEO.janela.abreAguarde("i3GEO.atualiza",$trad("o1"));
+					temp = function(){
+						i3GEOF.insereGrafico.aguarde.visibility = "hidden";
+						i3GEO.atualiza();
+					};
+					i3GEOF.insereGrafico.aguarde.visibility = "visible";
 					i3GEO.contadorAtualiza++;
-					i3GEO.php.insereSHPgrafico(i3GEO.atualiza,tema,objposicaocursor.ddx,objposicaocursor.ddy,itens,shadow_height,width,inclinacao);
+					i3GEO.php.insereSHPgrafico(temp,tema,objposicaocursor.ddx,objposicaocursor.ddy,itens,shadow_height,width,inclinacao);
 				}
 			}
 		}
	@@ -135,7 +135,7 @@ i3GEO.selecao = {		@@ -135,7 +135,7 @@ i3GEO.selecao = {
135	doc = (navm) ? document.frames("wdocai").document : $i("wdocai").contentDocument;	135	doc = (navm) ? document.frames("wdocai").document : $i("wdocai").contentDocument;
136	tipo = "adiciona";	136	tipo = "adiciona";
137	//pega o tipo de operacao da janela de selecao	137	//pega o tipo de operacao da janela de selecao
138	- if (doc.getElementById("tipoOperacao"))	138	+ if(doc.getElementById("tipoOperacao"))
139	{tipo = doc.getElementById("tipoOperacao").value;}	139	{tipo = doc.getElementById("tipoOperacao").value;}
140	if (i3GEO.temaAtivo === "")	140	if (i3GEO.temaAtivo === "")
141	{alert("Nenhum tema ativo");return;}	141	{alert("Nenhum tema ativo");return;}