Download as
Browse Code »

Commit 8f0cef269333cf49b9c0682577cd6b006899aab6

Authored by Edmar Moretti
1 parent 2dd0a17f
Exists in master and in 7 other branches composer, doc-root, docker, guia, licenca, readme, unmaintened

--no commit message

Showing 1 changed file with 0 additions and 441 deletions   Show diff stats
ferramentas/graficointerativo/index.js
View file @2dd0a17
... ... @@ -1,441 +0,0 @@
1   -/*
2   -About: Licença
3   -
4   -I3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet
5   -
6   -Direitos Autorais Reservados (c) 2006 Ministério do Meio Ambiente Brasil
7   -Desenvolvedor: Edmar Moretti edmar.moretti@mma.gov.br
8   -
9   -Este programa é software livre; você pode redistribuí-lo
10   -e/ou modificá-lo sob os termos da Licença Pública Geral
11   -GNU conforme publicada pela Free Software Foundation;
12   -tanto a versão 2 da Licença.
13   -Este programa é distribuído na expectativa de que seja útil,
14   -porém, SEM NENHUMA GARANTIA; nem mesmo a garantia implícita
15   -de COMERCIABILIDADE OU ADEQUAÇÃO A UMA FINALIDADE ESPECÍFICA.
16   -Consulte a Licença Pública Geral do GNU para mais detalhes.
17   -Você deve ter recebido uma cópia da Licença Pública Geral do
18   -GNU junto com este programa; se não, escreva para a
19   -Free Software Foundation, Inc., no endereço
20   -59 Temple Street, Suite 330, Boston, MA 02111-1307 USA.
21   -*/
22   -
23   -YAHOO.example.init = function ()
24   -{
25   - function onPushButtonsMarkupReady()
26   - {
27   - new YAHOO.widget.Button("botao1");
28   - new YAHOO.widget.Button("botao2");
29   - new YAHOO.widget.Button("botao3");
30   - new YAHOO.widget.Button("botao4");
31   - new YAHOO.widget.Button("botaoGr");
32   - }
33   - YAHOO.util.Event.onContentReady("botao1", onPushButtonsMarkupReady);
34   -}()
35   -
36   -//inicializa
37   -mensagemAjuda("men1",$i("men1").innerHTML)
38   -parametrosURL()
39   -aguarde("block")
40   -ativaGuias("")
41   -mostraGuia("guia1")
42   -comboi = ""
43   -tema = ""
44   -//eventos das guias
45   -$i("guia1").onclick = function()
46   -{mostraGuia("guia1");$i("opc1").style.display="block";$i("botoesopc").style.display="block";}
47   -$i("guia2").onclick = function()
48   -{
49   - mostraGuia("guia2");
50   - if ($i("comboTemas").value == "")
51   - {alert("Escolha um tema");}
52   - $i("opc1").style.display="block";
53   - $i("botoesopc").style.display="block";
54   -}
55   -$i("guia3").onclick = function()
56   -{
57   - mostraGuia("guia3")
58   - comboTemasSel("comboOverlay",function(retorno)
59   - {
60   - $i("overlay").innerHTML = retorno.dados
61   - },"overlay")
62   - $i("opc1").style.display="block";
63   - $i("botoesopc").style.display="block";
64   -}
65   -$i("guia4").onclick = function()
66   -{
67   - mostraGuia("guia4")
68   - $i("opc1").style.display="block";
69   - $i("botoesopc").style.display="block";
70   -}
71   -$i("guia5").onclick = function()
72   -{
73   - var temp = pegaTemasSel().split(",")
74   - if(temp.length > 1)
75   - {alert("Escolha apenas um tema!");return;}
76   - mostraGuia("guia5")
77   - $i("opc1").style.display="none";
78   - $i("botoesopc").style.display="none";
79   - if ($i("comboTemas").value == "")
80   - {alert("Escolha um tema");}
81   - else
82   - {
83   - if(!$i("itemX"))
84   - {
85   - comboitens("itemX",$i("comboTemas").value,function(retorno)
86   - {
87   - $i("lugarComboX").innerHTML = retorno.dados;
88   - },"lugarComboX")
89   - }
90   - if(!$i("itemY"))
91   - {
92   - comboitens("itemY",$i("comboTemas").value,function(retorno)
93   - {
94   - $i("lugarComboY").innerHTML = retorno.dados;
95   - },"lugarComboY")
96   - }
97   - if($i("itemX") && $i("itemY"))
98   - {atualizaGrafico();}
99   - }
100   -}
101   -
102   -//combo com o tipo de operacao
103   -var combot = "<select id=tipoOperacao onchange='operacao(this)' >"
104   -combot += "<option value='adiciona' >Adiciona</option>"
105   -combot += "<option value='retira' >Retira</option>"
106   -combot += "<option value='inverte' >Inverte</option>"
107   -combot += "<option value='limpa' >Limpa</option>"
108   -combot += "</select>"
109   -$i("operacao").innerHTML = combot
110   -
111   -function mudaicone()
112   -{
113   - $i("selecaopt").style.border = "1px solid gray"
114   - $i("selecaoext").style.border = "1px solid gray"
115   - $i("selecaobox").style.border = "1px solid gray"
116   - $i("selecaopoli").style.border = "1px solid gray"
117   - if(window.parent.richdraw)
118   - window.parent.richdraw.fecha()
119   - if(window.parent.$i("img"))
120   - window.parent.$i("img").style.cursor="pointer";
121   -}
122   -//pega os temas selecionados
123   -function pegaTemasSel()
124   -{
125   - var selObj = $i("comboTemas");
126   - var selectedArray = new Array();
127   - for (i=0; i<selObj.options.length; i++) {
128   - if (selObj.options[i].selected) {
129   - selectedArray.push(selObj.options[i].value);
130   - }
131   - }
132   - return selectedArray.toString();
133   -}
134   -//botoes de tipo
135   -function tiposel(obj)
136   -{
137   - var combotemas = $i("comboTemas");
138   - window.parent.i3GEO.mapa.ativaTema(pegaTemasSel());
139   - window.parent.i3GEO.eventos.MOUSEDOWN.remove("i3GEO.selecao.box.inicia()")
140   - $i("parapoli").style.display = "none";
141   - var fim = function()
142   - {aguarde("none");window.parent.i3GEO.atualiza("");}
143   - if (combotemas.value == ""){alert("Escolha um tema");return;}
144   -
145   - if (obj.id == "selecaoext")
146   - {
147   - if (window.parent.i3GEO.parametros.mapscale > 500000)
148   - {alert("A escala do mapa deve ser pelo menos 1:500.000");return;}
149   - aguarde("block")
150   - var p = g_locaplic+"/classesphp/mapa_controle.php?g_sid="+g_sid+"&funcao=selecaoext&tema="+pegaTemasSel()+"&tipo="+$i("tipoOperacao").value
151   - var cp = new cpaint();
152   - //cp.set_debug(2)
153   - cp.set_response_type("JSON");
154   - cp.call(p,"selecaoEXT",fim);
155   - }
156   - if (obj.id == "selecaobox")
157   - {
158   - mudaicone()
159   - obj.style.border = "1px solid white";
160   - window.parent.g_tipoacao = "selecaobox";
161   - window.parent.i3GEO.selecao.box.criaBox();
162   - if(window.parent.i3GEO.eventos.MOUSEDOWN.toString().search("i3GEO.selecao.box.inicia()") < 0)
163   - {window.parent.i3GEO.eventos.MOUSEDOWN.push("i3GEO.selecao.box.inicia()");}
164   - }
165   - if (obj.id == "selecaopt")
166   - {
167   - mudaicone()
168   - obj.style.border = "1px solid white"
169   - window.parent.g_tipoacao = "selecao";
170   - if(window.parent.i3GEO.eventos.MOUSECLIQUE.toString().search("i3GEO.selecao.clique()") < 0)
171   - {window.parent.i3GEO.eventos.MOUSECLIQUE.push("i3GEO.selecao.clique()");}
172   - }
173   - if (obj.id == "selecaopoli")
174   - {
175   - var temp = pegaTemasSel().split(",")
176   - if(temp.length > 1)
177   - {alert("Escolha apenas um tema!");return;}
178   - mudaicone()
179   - obj.style.border = "1px solid white"
180   - window.parent.g_tipoacao = "selecaopoli";
181   - window.parent.i3GEO.selecao.poligono.inicia()
182   - }
183   -}
184   -
185   -//cria combo com os temas
186   -
187   -comboTemasLigados("comboTemas",function(retorno)
188   -{
189   - $i("temas").innerHTML = retorno.dados
190   - aguarde("none")
191   - $i("comboTemas").onchange = function()
192   - {
193   - $i("lugarComboX").innerHTML = "";
194   - $i("lugarComboY").innerHTML = "";
195   - window.parent.i3GEO.mapa.ativaTema(pegaTemasSel());
196   - comboitens("selItem",$i("comboTemas").value,function(retorno)
197   - {
198   - comboi = retorno.dados
199   - var p = $i("parametros")
200   - for (i = 0; i < p.childNodes.length;i++)
201   - {p.removeChild(p.childNodes[i])}
202   - adicionalinha()
203   - })
204   - if ($i("comboTemas").value != "")
205   - {$i("opc3").style.display="block"}
206   - else
207   - {
208   - alert("Selecione um tema");
209   - $i("opc3").style.display="block"
210   - }
211   - }
212   -},"temas","",true)
213   -
214   -//adiciona uma linha de parametros
215   -function adicionalinha()
216   -{
217   - var comboitens = comboi
218   - //interrogacao abre a lista de valores
219   - var interrogacao = document.createElement("img")
220   - interrogacao.src = '../../imagens/interrogacao.gif'
221   - interrogacao.title='lista'
222   - interrogacao.style.cursor="pointer"
223   - interrogacao.onclick = function()
224   - {
225   - var itemTema = (this.parentNode.parentNode.getElementsByTagName("select"))[0].value
226   - if (itemTema == "")
227   - {
228   - alert("Selecione um campo")
229   - return
230   - }
231   - aguarde("block")
232   - valoresItem
233   - (
234   - $i("comboTemas").value,
235   - itemTema,
236   - function(retorno)
237   - {
238   - aguarde("none")
239   - $i("valores").innerHTML = "<br>Valores:<br>"+retorno.dados
240   - }
241   - ,"valores"
242   - )
243   - }
244   - var operador = "<select>"
245   - operador += "<option value=',=,'>igual</option>"
246   - operador += "<option value=',!=,'>dif</option>"
247   - operador += "<option value=',<,'>menor</option>"
248   - operador += "<option value=',>,'>maior</option>"
249   - operador += "<option value=',<=,'><=</option>"
250   - operador += "<option value=',>=,'>=</option>"
251   - operador += "<option value=',in,'>in</option>"
252   - operador += "<option value=',~=,'>regExp</option></select>"
253   - var valor = document.createElement("input")
254   - valor.type = "text"
255   - valor.value = ""
256   - valor.size = "20"
257   - var ntb = document.createElement("tbody")
258   - var ntr = document.createElement("tr")
259   - ntb.appendChild(ntr)
260   - var ntd1 = document.createElement("td")
261   - ntd1.innerHTML = comboi
262   - ntr.appendChild(ntd1)
263   - var ntd2 = document.createElement("td")
264   - ntd2.innerHTML = operador
265   - ntr.appendChild(ntd2)
266   - var ntd3 = document.createElement("td")
267   - ntd3.appendChild(valor)
268   - ntr.appendChild(ntd3)
269   - var ntd4 = document.createElement("td")
270   - ntd4.appendChild(interrogacao)
271   - ntr.appendChild(ntd4)
272   - tabela = $i("parametros")
273   - tabela.appendChild(ntb)
274   -}
275   -//executa o tipo de operacao selecionada se for o caso
276   -function operacao(tipo)
277   -{
278   - if ($i("comboTemas").value == ""){alert("Escolha um tema");return;}
279   - if((tipo.value == "limpa") || (tipo.value == "inverte"))
280   - {
281   - aguarde("block")
282   - var fim = function()
283   - {aguarde("none");window.parent.i3GEO.atualiza("")}
284   - var p = g_locaplic+"/classesphp/mapa_controle.php?g_sid="+g_sid+"&funcao=selecaopt&tema="+pegaTemasSel()+"&tipo="+tipo.value+"&tolerancia="+$i("toleranciapt").value
285   - var cp = new cpaint();
286   - //cp.set_debug(2)
287   - cp.set_response_type("JSON");
288   - window.parent.g_operacao = "selecao"
289   - cp.call(p,"selecaoPT",fim);
290   - }
291   -}
292   -//aplica a selecao por atributo
293   -function aplicaselecao()
294   -{
295   - var temp = pegaTemasSel().split(",")
296   - if(temp.length > 1)
297   - {alert("Escolha apenas um tema!");return;}
298   - if ($i("comboTemas").value == ""){alert("Escolha um tema");return;}
299   - aguarde("block")
300   - var g = $i("parametros")
301   - var ipt = g.getElementsByTagName("tr")
302   - if (ipt.length > 0)
303   - {
304   - var filtro = ""
305   - for (i=0;i<ipt.length; i++)
306   - {
307   - var nos = ipt[i].childNodes
308   - var s = nos[0].getElementsByTagName("select")
309   - var itemsel = s[0].value
310   - var s = nos[1].getElementsByTagName("select")
311   - var operador = s[0].value
312   - var s = nos[2].getElementsByTagName("input")
313   - var valor = s[0].value
314   - }
315   - var tipo = $i("tipoOperacao").value
316   - var fim = function()
317   - {aguarde("none");window.parent.i3GEO.atualiza("")}
318   - var p = g_locaplic+"/classesphp/mapa_controle.php?g_sid="+g_sid+"&funcao=selecaoatrib&tipo="+tipo+"&tema="+pegaTemasSel()+"&valor="+valor+"&operador="+operador+"&item="+itemsel
319   - var cp = new cpaint();
320   - //cp.set_debug(2)
321   - cp.set_response_type("JSON");
322   - window.parent.g_operacao = "selecao"
323   - cp.call(p,"selecaoAtributos",fim);
324   - }
325   -}
326   -//aplica a selecao por tema
327   -function aplicaselecaoTema()
328   -{
329   - aguarde("block")
330   - var p = g_locaplic+"/classesphp/mapa_controle.php?g_sid="+g_sid+"&funcao=selecaotema&temao="+$i("comboOverlay").value+"&tema="+pegaTemasSel()+"&tipo="+$i("tipoOperacao").value
331   - var cp = new cpaint();
332   - //cp.set_debug(2)
333   - cp.set_response_type("JSON");
334   - window.parent.g_operacao = "selecao"
335   - cp.call(p,"selecaoTema",mostraSelecaoTema);
336   -}
337   -//mostra a seleção por tema
338   -function mostraSelecaoTema(retorno)
339   -{
340   - aguarde("none")
341   - window.parent.remapaf();
342   -}
343   -//cria um novo tema
344   -function criatemaf()
345   -{
346   - var temp = pegaTemasSel().split(",")
347   - if(temp.length > 1)
348   - {alert("Escolha apenas um tema!");return;}
349   - if ($i("comboTemas").value == "")
350   - {alert("Escolha um tema!");}
351   - else
352   - {
353   - aguarde("block")
354   - var fim = function()
355   - {aguarde("none");window.parent.i3GEO.atualiza("")}
356   - var p = g_locaplic+"/classesphp/mapa_controle.php?g_sid="+g_sid+"&funcao=criatemasel&tema="+$i("comboTemas").value+"&nome=Novo tema "+$i("comboTemas").value
357   - var cp = new cpaint();
358   - //cp.set_debug(2)
359   - cp.set_response_type("JSON");
360   - cp.call(p,"selecao2tema",fim);
361   - }
362   -}
363   -function concluidof()
364   -{
365   - window.parent.remapaf()
366   - aguarde("none")
367   -}
368   -function concluipoligono()
369   -{
370   - $i("parapoli").style.display = "none";
371   - tiposel($i("selecaopt"))
372   - var pontos = window.parent.pontosdistobj;
373   - window.parent.richdraw.fecha()
374   - var n = pontos.xpt.length;
375   - if (n > 2)
376   - {
377   - aguarde("block")
378   - var xs = pontos.xpt.toString(",")
379   - var ys = pontos.ypt.toString(",")
380   - var p = g_locaplic+"/classesphp/mapa_controle.php?g_sid="+g_sid+"&funcao=selecaoPoli"
381   - var cp = new cpaint();
382   - //cp.set_debug(2)
383   - cp.set_transfer_mode('POST');
384   - cp.set_response_type("JSON");
385   - cp.call(p,"selecaoPoli",concluidof,xs,ys,pegaTemasSel(),$i("tipoOperacao").value);
386   - }
387   - else
388   - {alert("Sao necessarios pelo menos tres pontos");}
389   -}
390   -function atualizaGrafico()
391   -{
392   - $i("lugarGrafico").innerHTML = ""
393   - var monta = function(retorno)
394   - {
395   - var dados = retorno.data.dados;
396   - var values = new Array();
397   - var labels = new Array();
398   - for (i=1;i<dados.length; i++)
399   - {
400   - var celula = dados[i].split(";");
401   - values.push(eval("["+i+","+celula[1]+"]"));
402   - var temp = '{v:'+(i)+',label:'+'"'+celula[0]+'"}';
403   - labels.push(temp);
404   - }
405   - var options = {
406   - "colorScheme": "",
407   - "padding": {left: 2, right: 2, top: 5, bottom: 2},
408   - "xTicks": eval("["+labels+"]")
409   - };
410   - layout = new Layout("bar", options);
411   - renderer = new SweetCanvasRenderer($('canvasTest'), layout, options);
412   - var chartStyle = "bar"; //document.forms["options"].chartStyle[chartStyleSelected].value;
413   - var colorScheme = "Blue"; //document.forms["options"].colorScheme[colorSchemeSelected].value;
414   - // setup layout options
415   - var themeName = "office" + $i("colorScheme").value;
416   - var theme = PlotKit.Base[themeName]();
417   - MochiKit.Base.update(options, theme);
418   - layout.style = $i("chartStyle").value;
419   - MochiKit.Base.update(layout.options, options);
420   - MochiKit.Base.update(renderer.options, options);
421   - layout.addDataset("data", values);
422   - layout.evaluate();
423   - renderer.clear();
424   - renderer.render();
425   - }
426   - if(!$i("canvasTest"))
427   - $i("lugarGrafico").innerHTML = "<canvas id='canvasTest' width='350' height='180' style='border: 1px solid #eee;'></canvas>"
428   - if ($i("canvasTest").getContext)
429   - {
430   - if($i("itemX").value == "" || $i("itemY").value == "")
431   - {alert("Escolha as colunas primeiro");}
432   - var p = g_locaplic+"/classesphp/mapa_controle.php?g_sid="+g_sid+"&funcao=graficoSelecao&tema="+$i("comboTemas").value+"&itemclasses="+$i("itemX").value+"&itemvalores="+$i("itemY").value
433   - var cp = new cpaint();
434   - cp.set_response_type("JSON");
435   - cp.call(p,"graficoSelecao",monta);
436   - }
437   - else
438   - {
439   - $i("lugarGrafico").innerHTML = "<span style=color:red >Voc&ecirc; precisa atuallizar seu navegador para que o gr&aacute;fico possa ser mostrado</span>";
440   - }
441   -}