Commit 166a17b16c2b50d05d27c487171c3f4f6b5ef49f
1 parent
f5a604e8
Exists in
master
and in
7 other branches
Documentacao do codigo
Showing
1 changed file
with
288 additions
and
207 deletions
Show diff stats
ferramentas/metaestat/editorlimites.js
1 | 1 | /* |
2 | 2 | Title: Editor vetorial de limites de regiões do sistema METAESTAT |
3 | 3 | |
4 | +Utilizado em i3geo/metaestat/editorlimites.php | |
5 | + | |
6 | +Utiliza a API do Google Maps e pacotes/wicket/wicket.js (que cria o objeto Wkt com funcoes para processamento de Wkt) | |
7 | + | |
4 | 8 | Arquivo: |
5 | 9 | |
6 | 10 | i3geo/ferramentas/metaestat/editorlimites.js |
... | ... | @@ -41,24 +45,44 @@ Funções de edição vetorial utilizadas pelo editor de |
41 | 45 | */ |
42 | 46 | i3GEOF.editorlimites = { |
43 | 47 | /** |
44 | - * Estilo do objeto DOM com a imagem de aguarde existente no cabecalho da janela | |
48 | + * Objeto DOM com a imagem de aguarde existente no cabecalho da janela | |
45 | 49 | * |
46 | 50 | */ |
47 | 51 | aguarde: "", |
52 | + /** | |
53 | + * Guarda o Id do DIV que recebera o conteudo HTML do editor | |
54 | + */ | |
48 | 55 | iddiv: "", |
56 | + /** | |
57 | + * Objeto criado com new google.maps.drawing.DrawingManager | |
58 | + */ | |
49 | 59 | drawingManager: "", |
50 | 60 | selectedShape: null, |
61 | + /** | |
62 | + * Array que guarda todos os objetos que estao atualmente no mapa | |
63 | + * E atualizado toda vez que uma figura e acrescentada ou removida | |
64 | + */ | |
51 | 65 | shapes: [], |
52 | - regioestemas:{},//guarda o mapeamento entre o codigo da regiao e o codigo do layer adicionado ao mapa | |
53 | - temasregioes:{},//guarda o mapeamento entre o codigo da regiao e o codigo do layer adicionado ao mapa | |
54 | - descregioes:[],//guarda os dados descritivos sobre cada regiao obtidos na formacao no combo de escolha de regioes | |
66 | + /** | |
67 | + * guarda o mapeamento entre o codigo da regiao e o codigo do layer adicionado ao mapa | |
68 | + */ | |
69 | + regioestemas:{}, | |
70 | + /** | |
71 | + * Guarda o mapeamento entre o codigo da regiao e o codigo do layer adicionado ao mapa | |
72 | + */ | |
73 | + temasregioes:{}, | |
74 | + /** | |
75 | + * Guarda os dados descritivos sobre cada regiao obtidos na formacao no combo de escolha de regioes | |
76 | + */ | |
77 | + descregioes:[], | |
55 | 78 | /** |
56 | 79 | * Inicia o editor |
57 | 80 | * |
58 | - * O objeto googlemap e i3GeoMap | |
81 | + * Cria o objeto da API do Google Maps com new google.maps.drawing.DrawingManager | |
82 | + * A janela flutuante que recebera os componentes do editor ja deve estar aberta (veja editorlimites.php) | |
83 | + * Executa i3GEOF.editorlimites.html | |
59 | 84 | * |
60 | - * @param {String} Id do DIV que recebera o conteudo HTML do editor. Ja deve estar criado no HTML | |
61 | - * @return | |
85 | + * @param Id do DIV que recebera o conteudo HTML do editor | |
62 | 86 | */ |
63 | 87 | inicia: function(iddiv){ |
64 | 88 | var i,n,ics; |
... | ... | @@ -125,19 +149,21 @@ i3GEOF.editorlimites = { |
125 | 149 | i3GEOF.editorlimites.shapes.push(newShape); |
126 | 150 | } |
127 | 151 | }); |
128 | - google.maps.event.addListener( | |
129 | - i3GEOF.editorlimites.drawingManager, | |
130 | - 'drawingmode_changed', | |
131 | - i3GEOF.editorlimites.clearSelection | |
132 | - ); | |
133 | - google.maps.event.addListener( | |
134 | - i3GeoMap, | |
135 | - 'click', | |
136 | - i3GEOF.editorlimites.clearSelection | |
137 | - ); | |
152 | + google.maps.event.addListener( | |
153 | + i3GEOF.editorlimites.drawingManager, | |
154 | + 'drawingmode_changed', | |
155 | + i3GEOF.editorlimites.clearSelection | |
156 | + ); | |
157 | + google.maps.event.addListener( | |
158 | + i3GeoMap, | |
159 | + 'click', | |
160 | + i3GEOF.editorlimites.clearSelection | |
161 | + ); | |
138 | 162 | }, |
139 | 163 | /** |
140 | 164 | * Atualiza as camadas do mapa que sao oriundas do sistema METAESTAT |
165 | + * Busca a lista de camadas com ferramentas/metaestat/analise.php?funcao=LISTACAMADASMETAESTAT | |
166 | + * Faz um loop para atualizar cada camada | |
141 | 167 | */ |
142 | 168 | atualizaCamadasMetaestat: function(){ |
143 | 169 | var p = i3GEO.configura.locaplic+"/ferramentas/metaestat/analise.php?funcao=LISTACAMADASMETAESTAT&g_sid="+i3GEO.configura.sid, |
... | ... | @@ -149,15 +175,11 @@ i3GEOF.editorlimites = { |
149 | 175 | }; |
150 | 176 | cpJSON.call(p,"foo",temp); |
151 | 177 | }, |
152 | - /* | |
153 | - Function: html | |
154 | - | |
155 | - Gera o código html para apresentação das opções da ferramenta | |
156 | - | |
157 | - Retorno: | |
158 | - | |
159 | - String com o código html | |
160 | - */ | |
178 | + /** | |
179 | + * Monta o codigo HTML com o conteudo da ferramenta | |
180 | + * Define os botoes e demais elementos que serao preenchidos via codigo | |
181 | + * @return html | |
182 | + */ | |
161 | 183 | html:function(){ |
162 | 184 | var ins = '<div style=margin-left:5px >' + |
163 | 185 | ' <button title="Desenhar um polígono" onclick="i3GEOF.editorlimites.digitalizaPol(this)"><img src="'+i3GEO.configura.locaplic+'/imagens/gisicons/polygon-create.png" /></button>' + |
... | ... | @@ -170,22 +192,26 @@ i3GEOF.editorlimites = { |
170 | 192 | ' <br><div id="i3geoCartoRegioesEditaveisDiv" ><img style="display:block;z-index:2" src="'+i3GEO.configura.locaplic+'/imagens/aguarde.gif" /></div></div>'; //combo para escolher a regiao |
171 | 193 | return ins; |
172 | 194 | }, |
173 | - /* | |
174 | - Function: ativaFoco | |
175 | - | |
176 | - Refaz a interface da ferramenta quando a janela flutuante tem seu foco ativado | |
177 | - */ | |
195 | + /** | |
196 | + * Atualiza a ferramenta quando a janela flutuante tem seu foco ativado | |
197 | + */ | |
178 | 198 | ativaFoco: function(){ |
179 | 199 | i3GEO.util.mudaCursor(i3GEO.configura.cursores,"crosshair",i3GEO.Interface.IDMAPA,i3GEO.configura.locaplic); |
180 | 200 | i3GEO.barraDeBotoes.ativaIcone("pan"); |
181 | 201 | i3GEOF.editorlimites.mudaicone(); |
182 | 202 | i3GEO.Interface.googlemaps.recalcPar(); |
183 | 203 | }, |
204 | + /** | |
205 | + * Marca uma figura como selecionada | |
206 | + * @param objeto shape que sera marcado | |
207 | + */ | |
184 | 208 | setSelection: function(shape){ |
185 | - //i3GEOF.editorlimites.clearSelection(); | |
186 | - //i3GEOF.editorlimites.selectedShape = shape; | |
187 | 209 | shape.setEditable(!shape.editable); |
188 | 210 | }, |
211 | + /** | |
212 | + * Marca todas as figuras como nao selecionadas | |
213 | + * As figuras existentes no mapa sao mantidas na variavel i3GEOF.editorlimites.shapes | |
214 | + */ | |
189 | 215 | clearSelection: function(){ |
190 | 216 | var i, |
191 | 217 | n = i3GEOF.editorlimites.shapes.length; |
... | ... | @@ -195,6 +221,10 @@ i3GEOF.editorlimites = { |
195 | 221 | } |
196 | 222 | } |
197 | 223 | }, |
224 | + /** | |
225 | + * Remove do mapa as figuras que estiverem selecionadas | |
226 | + * @param boolean indica se deve ser feita uma confirmacao ou nao antes de apagar | |
227 | + */ | |
198 | 228 | deleteSelectedShape: function(naoconfirma) { |
199 | 229 | if(!naoconfirma){ |
200 | 230 | naoconfirma = false; |
... | ... | @@ -221,6 +251,10 @@ i3GEOF.editorlimites = { |
221 | 251 | i3GEO.janela.tempoMsg("Selecione pelo menos uma figura"); |
222 | 252 | } |
223 | 253 | }, |
254 | + /** | |
255 | + * Lista as figuras que estao marcadas como selecionadas | |
256 | + * @return array de shapes | |
257 | + */ | |
224 | 258 | selectedShapes: function() { |
225 | 259 | var i,s = [], |
226 | 260 | n = i3GEOF.editorlimites.shapes.length; |
... | ... | @@ -231,6 +265,10 @@ i3GEOF.editorlimites = { |
231 | 265 | } |
232 | 266 | return s; |
233 | 267 | }, |
268 | + /** | |
269 | + * Lista as coordenadas de todas as figuras existentes | |
270 | + * @return objeto contendo a indicacao do tipo de figura e o array com a lista de coordenadas | |
271 | + */ | |
234 | 272 | getCoordenadas: function(){ |
235 | 273 | var coordenadas = [], |
236 | 274 | lista = [], |
... | ... | @@ -256,41 +294,24 @@ i3GEOF.editorlimites = { |
256 | 294 | p = {"tipo":tipo,"coordenadas":lista}; |
257 | 295 | return p; |
258 | 296 | }, |
297 | + /** | |
298 | + * Converte um objeto shape em uma string WKT | |
299 | + * @param shape | |
300 | + */ | |
259 | 301 | toWKT: function(obj){ |
260 | 302 | var wkt = new Wkt.Wkt(); |
261 | 303 | wkt.fromObject(obj); |
262 | 304 | return wkt.write(); |
263 | - /* | |
264 | - var wkt = "", | |
265 | - coordenadas = obj.coordenadas, | |
266 | - n = coordenadas.length, | |
267 | - lista = [], | |
268 | - i,c; | |
269 | - if(obj.tipo == "polygon" || obj.tipo == "" || obj.tipo == undefined ){ | |
270 | - if(n == 1 && coordenadas[0] != ""){ | |
271 | - coordenadas.push(coordenadas[0][0]); | |
272 | - wkt = "POLYGON(("+coordenadas.toString()+"))"; | |
273 | - } | |
274 | - else{ | |
275 | - for(i=0;i<n;i++){ | |
276 | - c = coordenadas[i]; | |
277 | - c.push(c[0][0]); | |
278 | - lista.push("(("+c.toString()+"))"); | |
279 | - } | |
280 | - if(lista.length > 0) | |
281 | - {wkt = "MULTIPOLYGON("+lista.toString()+")";} | |
282 | - } | |
283 | - } | |
284 | - if(obj.tipo == "point"){ | |
285 | - | |
286 | - } | |
287 | - if(obj.tipo == "polyline"){ | |
288 | - | |
289 | - } | |
290 | - return wkt; | |
291 | - */ | |
292 | 305 | }, |
306 | + /** | |
307 | + * Funcoes que controlam o processo de obtencao das coordenadas de um componente de uma camada existente no mapa | |
308 | + */ | |
293 | 309 | capturaPoligonoTema:{ |
310 | + /** | |
311 | + * Ativa a operaco de captura definindo o evento que sera executado no onclick do mouse sobre o mapa | |
312 | + * O evento executa i3GEOF.editorlimites.capturaPoligonoTema.captura | |
313 | + * @param botao da interface que foi pressionado | |
314 | + */ | |
294 | 315 | ativa: function(botao){ |
295 | 316 | i3GEOF.editorlimites.mudaicone(botao); |
296 | 317 | i3GEO.util.mudaCursor(i3GEO.configura.cursores,"pointer",i3GEO.Interface.IDMAPA,i3GEO.configura.locaplic); |
... | ... | @@ -299,6 +320,11 @@ i3GEOF.editorlimites = { |
299 | 320 | }, |
300 | 321 | desativa: function(){ |
301 | 322 | }, |
323 | + /** | |
324 | + * Realiza a captura de um componente do mapa quando o usuario faz o clique | |
325 | + * A captura e feita com classesphp/mapa_controle.php&funcao=identifica3 | |
326 | + * O resultado e adicionado ao mapa como um novo objeto shape | |
327 | + */ | |
302 | 328 | captura: function(){ |
303 | 329 | var temp,tema="",regiao="",p,par, |
304 | 330 | aguarde = $i("janelaEditorLimites_imagemCabecalho"); |
... | ... | @@ -366,40 +392,12 @@ i3GEOF.editorlimites = { |
366 | 392 | } |
367 | 393 | } |
368 | 394 | }, |
369 | - /* | |
370 | - Function: mudaicone | |
371 | - | |
372 | - Altera as bordas dos ícones e desativa eventos anteriores | |
373 | - */ | |
374 | - mudaicone: function(botao){ | |
375 | - var c = $i(i3GEOF.editorlimites.iddiv), | |
376 | - ci = c.getElementsByTagName("img"), | |
377 | - n = ci.length, | |
378 | - i; | |
379 | - for(i=0;i<n;i++){ | |
380 | - ci[i].parentNode.style.backgroundColor = "#F5F5F5"; | |
381 | - } | |
382 | - i3GEO.eventos.MOUSECLIQUE = []; | |
383 | - i3GEOF.editorlimites.capturaPoligonoTema.desativa(); | |
384 | - i3GEOF.editorlimites.editarAtributos.desativa(); | |
385 | - if(botao && botao.style){ | |
386 | - botao.style.backgroundColor = "#cedff2"; | |
387 | - } | |
388 | - }, | |
389 | - digitalizaPol: function(botao){ | |
390 | - i3GEOF.editorlimites.mudaicone(botao); | |
391 | - i3GEO.util.mudaCursor(i3GEO.configura.cursores,"pointer",i3GEO.Interface.IDMAPA,i3GEO.configura.locaplic); | |
392 | - i3GEOF.editorlimites.drawingManager.setOptions({ | |
393 | - drawingMode: google.maps.drawing.OverlayType.POLYGON | |
394 | - }); | |
395 | - }, | |
396 | - seleciona: function(botao){ | |
397 | - i3GEOF.editorlimites.mudaicone(botao); | |
398 | - i3GEO.util.mudaCursor(i3GEO.configura.cursores,"pointer",i3GEO.Interface.IDMAPA,i3GEO.configura.locaplic); | |
399 | - i3GEOF.editorlimites.drawingManager.setOptions({ | |
400 | - drawingMode: null | |
401 | - }); | |
402 | - }, | |
395 | + /** | |
396 | + * Monta um combo com a lista de regioes cadastradas e que podem ser editadas pelo editor | |
397 | + * A regiao em edicao sera a escolhida nesse combo | |
398 | + * Ao ser escolhida, e adicionada uma camada no mapa | |
399 | + * @param opcional codigo da regiao no cadastro. Se nao for definido, busca todas | |
400 | + */ | |
403 | 401 | comboRegiaoEditavel: function(codigo_tipo_regiao){ |
404 | 402 | if(!codigo_tipo_regiao){ |
405 | 403 | codigo_tipo_regiao = ""; |
... | ... | @@ -425,6 +423,10 @@ i3GEOF.editorlimites = { |
425 | 423 | }; |
426 | 424 | i3GEO.php.listaTipoRegiao(temp,codigo_tipo_regiao); |
427 | 425 | }, |
426 | + /** | |
427 | + * Funcao ativada no evento onchange do combo criado com comboRegiaoEditavel | |
428 | + * Executa i3GEO.php.mapfileTipoRegiao | |
429 | + */ | |
428 | 430 | comboRegiaoEditavelOnchange: function(combo){ |
429 | 431 | if(combo.value === ""){ |
430 | 432 | return; |
... | ... | @@ -440,6 +442,57 @@ i3GEOF.editorlimites = { |
440 | 442 | }; |
441 | 443 | i3GEO.php.mapfileTipoRegiao(temp,combo.value); |
442 | 444 | }, |
445 | + /** | |
446 | + * Altera as bordas dos icones e desativa eventos | |
447 | + * Desativa todos os botoes e ativa o indicado | |
448 | + * @param objeto DOM que representa o botao que sera focado | |
449 | + */ | |
450 | + mudaicone: function(botao){ | |
451 | + var c = $i(i3GEOF.editorlimites.iddiv), | |
452 | + ci = c.getElementsByTagName("img"), | |
453 | + n = ci.length, | |
454 | + i; | |
455 | + for(i=0;i<n;i++){ | |
456 | + ci[i].parentNode.style.backgroundColor = "#F5F5F5"; | |
457 | + } | |
458 | + i3GEO.eventos.MOUSECLIQUE = []; | |
459 | + i3GEOF.editorlimites.capturaPoligonoTema.desativa(); | |
460 | + i3GEOF.editorlimites.editarAtributos.desativa(); | |
461 | + if(botao && botao.style){ | |
462 | + botao.style.backgroundColor = "#cedff2"; | |
463 | + } | |
464 | + }, | |
465 | + /** | |
466 | + * Ativa a digitalizacao de poligono | |
467 | + * @param objeto DOM que representa o botao que sera focado | |
468 | + */ | |
469 | + digitalizaPol: function(botao){ | |
470 | + i3GEOF.editorlimites.mudaicone(botao); | |
471 | + i3GEO.util.mudaCursor(i3GEO.configura.cursores,"pointer",i3GEO.Interface.IDMAPA,i3GEO.configura.locaplic); | |
472 | + i3GEOF.editorlimites.drawingManager.setOptions({ | |
473 | + drawingMode: google.maps.drawing.OverlayType.POLYGON | |
474 | + }); | |
475 | + }, | |
476 | + /** | |
477 | + * Ativa a selecao de figuras | |
478 | + * @param objeto DOM que representa o botao que sera focado | |
479 | + */ | |
480 | + seleciona: function(botao){ | |
481 | + i3GEOF.editorlimites.mudaicone(botao); | |
482 | + i3GEO.util.mudaCursor(i3GEO.configura.cursores,"pointer",i3GEO.Interface.IDMAPA,i3GEO.configura.locaplic); | |
483 | + i3GEOF.editorlimites.drawingManager.setOptions({ | |
484 | + drawingMode: null | |
485 | + }); | |
486 | + }, | |
487 | + /** | |
488 | + * Adiciona uma nova figura ao mapa (shape) | |
489 | + * @param objeto shape (API do Google) | |
490 | + * @param codigo do layer que sera vinculado ao shape | |
491 | + * @param coluna do tema que contem os identificadores de cada um de seus elementos (registros) | |
492 | + * @param valor do identificador | |
493 | + * @param coluna que cntem os nomes das regioes | |
494 | + * @param nome da regiao a ser adicionada | |
495 | + */ | |
443 | 496 | adicionaPoligonos: function(obj,tema,colunaid,valorid,colunanome,valornome){ |
444 | 497 | if(!tema){ |
445 | 498 | tema = $i("i3geoCartoRegioesEditaveis").value; |
... | ... | @@ -456,25 +509,12 @@ i3GEOF.editorlimites = { |
456 | 509 | if(!valornome){ |
457 | 510 | valornome = ""; |
458 | 511 | } |
459 | - /* | |
460 | - var n = listaDePontos.length, | |
461 | - i = 0, | |
462 | - nn, | |
463 | - temp, | |
464 | - j, | |
465 | - pol, | |
466 | - pontos = []; | |
467 | - | |
468 | - for(i=0;i<n;i++){ | |
469 | - pontos = []; | |
470 | - nn = listaDePontos[i].length; | |
471 | - for(j=0;j<nn;j++){ | |
472 | - temp = listaDePontos[i][j]; | |
473 | - pontos.push(new google.maps.LatLng(temp[1],temp[0])); | |
474 | - } | |
475 | - pontos.push(pontos[0]); | |
476 | - pol = new google.maps.Polygon({ | |
477 | - path: pontos, | |
512 | + var pol; | |
513 | + if (Wkt.isArray(obj)) { // Distinguish multigeometries (Arrays) from objects | |
514 | + for (i in obj) { | |
515 | + if (obj.hasOwnProperty(i) && !Wkt.isArray(obj[i])) { | |
516 | + pol = new google.maps.Polygon({ | |
517 | + path: obj[i].getPath(), | |
478 | 518 | map: i3GeoMap, |
479 | 519 | fillColor: '#ffff00', |
480 | 520 | fillOpacity: .5, |
... | ... | @@ -492,35 +532,10 @@ i3GEOF.editorlimites = { |
492 | 532 | i3GEOF.editorlimites.setSelection(pol); |
493 | 533 | }); |
494 | 534 | i3GEOF.editorlimites.shapes.push(pol); |
495 | - } | |
496 | - */ | |
497 | - var pol; | |
498 | - if (Wkt.isArray(obj)) { // Distinguish multigeometries (Arrays) from objects | |
499 | - for (i in obj) { | |
500 | - if (obj.hasOwnProperty(i) && !Wkt.isArray(obj[i])) { | |
501 | - pol = new google.maps.Polygon({ | |
502 | - path: obj[i].getPath(), | |
503 | - map: i3GeoMap, | |
504 | - fillColor: '#ffff00', | |
505 | - fillOpacity: .5, | |
506 | - strokeWeight: 2, | |
507 | - clickable: true, | |
508 | - zIndex: 1, | |
509 | - editable: true, | |
510 | - tema: tema, | |
511 | - colunaid: colunaid, | |
512 | - valorid: valorid, | |
513 | - colunanome: colunanome, | |
514 | - valornome: valornome | |
515 | - }); | |
516 | - google.maps.event.addListener(pol, 'click', function() { | |
517 | - i3GEOF.editorlimites.setSelection(pol); | |
518 | - }); | |
519 | - i3GEOF.editorlimites.shapes.push(pol); | |
520 | - } | |
521 | 535 | } |
522 | - return; | |
523 | 536 | } |
537 | + return; | |
538 | + } | |
524 | 539 | if (obj.type === 'polygon' || obj.type === 'linestring'){ |
525 | 540 | pol = new google.maps.Polygon({ |
526 | 541 | paths: obj.getPaths(), |
... | ... | @@ -544,7 +559,14 @@ i3GEOF.editorlimites = { |
544 | 559 | return; |
545 | 560 | } |
546 | 561 | }, |
562 | + /** | |
563 | + * Salva um poligono no banco de dados | |
564 | + */ | |
547 | 565 | salvaLimite: { |
566 | + /** | |
567 | + * Inicia a ferramenta definindo as funcoes dos botoes | |
568 | + * Executa i3GEOF.editorlimites.salvaLimite.criaJanelaFlutuante | |
569 | + */ | |
548 | 570 | inicia: function(){ |
549 | 571 | if(i3GEO.login.verificaCookieLogin() === false){ |
550 | 572 | i3GEO.janela.tempoMsg("Você precisa fazer login para usar essa opção"); |
... | ... | @@ -587,7 +609,9 @@ i3GEOF.editorlimites = { |
587 | 609 | i3GEO.janela.tempoMsg("Selecione uma figura"); |
588 | 610 | } |
589 | 611 | }, |
590 | - //altera um poligono que ja existia | |
612 | + /** | |
613 | + * Monta o HTML para o formulario que permite salvar os dados | |
614 | + */ | |
591 | 615 | html:function(colunaIdElemento,valorIdElemento,colunaNomeElemento,valorNomeElemento){ |
592 | 616 | var ins = '' + |
593 | 617 | '<p class=paragrafo >Se o valor do código for vazio, será criado um novo elemento. Caso contrário, os valores atualmente registrados serão atualizados.</p>' + |
... | ... | @@ -606,6 +630,10 @@ i3GEOF.editorlimites = { |
606 | 630 | '<br><br><input id=i3GEOFmetaestati3GEOF.editorlimitesBotao3 type="button" value="Excluir polígono" />'; |
607 | 631 | return ins; |
608 | 632 | }, |
633 | + /** | |
634 | + * Cria a janela flutuante para receber os componentes da ferramenta | |
635 | + * @param html com o conteudo da ferramenta | |
636 | + */ | |
609 | 637 | criaJanelaFlutuante: function(html){ |
610 | 638 | var titulo,cabecalho,minimiza,janela; |
611 | 639 | cabecalho = function(){}; |
... | ... | @@ -630,6 +658,11 @@ i3GEOF.editorlimites = { |
630 | 658 | $i("salvaLimite_corpo").innerHTML = html; |
631 | 659 | YAHOO.util.Event.addListener(janela[0].close, "click", i3GEOF.editorlimites.mudaicone); |
632 | 660 | }, |
661 | + /** | |
662 | + * Aplica a operacao de salvar os dados no banco para o shape selecionado | |
663 | + * Executa admin/php/metaestat.php?funcao=mantemDadosRegiao | |
664 | + * @param boolean indica se as coordenadas serao salvas tambem | |
665 | + */ | |
633 | 666 | gravaDados: function(comwkt){ |
634 | 667 | if(i3GEO.login.verificaCookieLogin() === false){ |
635 | 668 | i3GEO.janela.tempoMsg("Você precisa fazer login para usar essa opção"); |
... | ... | @@ -663,6 +696,10 @@ i3GEOF.editorlimites = { |
663 | 696 | p = i3GEO.configura.locaplic+"/admin/php/metaestat.php?funcao=mantemDadosRegiao&tipo="; |
664 | 697 | cpJSON.call(p,"foo",temp,"&codigo_tipo_regiao="+codigo_tipo_regiao+"&identificadornovo="+identificadornovo+"&identificador="+identificador+"&nome="+nome+"&wkt="+wkt); |
665 | 698 | }, |
699 | + /** | |
700 | + * Exclui um registro do banco de dados | |
701 | + * Executa admin/php/metaestat.php?funcao=mantemDadosRegiao&tipo=excluir | |
702 | + */ | |
666 | 703 | excluiPoligono: function(){ |
667 | 704 | if(i3GEO.login.verificaCookieLogin() === false){ |
668 | 705 | i3GEO.janela.tempoMsg("Você precisa fazer login para usar essa opção"); |
... | ... | @@ -685,10 +722,20 @@ i3GEOF.editorlimites = { |
685 | 722 | cpJSON.call(p,"foo",temp,"&codigo_tipo_regiao="+codigo_tipo_regiao+"&identificador="+identificador); |
686 | 723 | } |
687 | 724 | }, |
725 | + /** | |
726 | + *Funcoes que controlam o processo de edicao de atributos de um shape | |
727 | + */ | |
688 | 728 | editarAtributos: { |
689 | 729 | aliascolunas: "", //guarda os nomes das colunas e seus aliases para permitir a criacao de novos registros |
690 | 730 | x: "", |
691 | 731 | y: "", |
732 | + /** | |
733 | + * Ativa a ferramenta | |
734 | + * Define os eventos de onclick para abrir formulario quando o usuario clica no mapa | |
735 | + * Para cada regiao sao obtidas todas as variaveis cadastradas | |
736 | + * Executa i3GEOF.editorlimites.editarAtributos.criaJanelaFlutuante | |
737 | + * Executa i3GEOF.editorlimites.editarAtributos.comboVariaveis(); | |
738 | + */ | |
692 | 739 | ativa: function(botao){ |
693 | 740 | if($i("i3geoCartoRegioesEditaveis").value == ""){ |
694 | 741 | i3GEO.janela.tempoMsg("Escolha uma regiao"); |
... | ... | @@ -706,12 +753,96 @@ i3GEOF.editorlimites = { |
706 | 753 | i3GEOF.editorlimites.editarAtributos.comboVariaveis(); |
707 | 754 | } |
708 | 755 | }, |
756 | + /** | |
757 | + * Fecha a janela de edicao | |
758 | + */ | |
709 | 759 | desativa: function(){ |
710 | 760 | var janela = YAHOO.i3GEO.janela.manager.find("editaAtributos"); |
711 | 761 | if(janela){ |
712 | 762 | janela.destroy(); |
713 | 763 | } |
714 | 764 | }, |
765 | + criaJanelaFlutuante: function(html){ | |
766 | + var janela,titulo,cabecalho,minimiza; | |
767 | + cabecalho = function(){}; | |
768 | + minimiza = function(){ | |
769 | + i3GEO.janela.minimiza("editaAtributos"); | |
770 | + }; | |
771 | + titulo = "Atributos </a>"; | |
772 | + janela = i3GEO.janela.cria( | |
773 | + "250px", | |
774 | + "265px", | |
775 | + "", | |
776 | + "", | |
777 | + "", | |
778 | + titulo, | |
779 | + "editaAtributos", | |
780 | + false, | |
781 | + "hd", | |
782 | + cabecalho, | |
783 | + minimiza | |
784 | + ); | |
785 | + $i("editaAtributos_corpo").style.backgroundColor = "white"; | |
786 | + $i("editaAtributos_corpo").innerHTML = html; | |
787 | + i3GEO.janela.tempoMsg("Após escolher a medida da variável, clique no mapa para escolher o limite geográfico."); | |
788 | + YAHOO.util.Event.addListener(janela[0].close, "click", i3GEOF.editorlimites.mudaicone); | |
789 | + }, | |
790 | + /** | |
791 | + * Fornece o HTML com os objetos que receberao os componentes da ferramenta | |
792 | + * @return html | |
793 | + */ | |
794 | + html: function(){ | |
795 | + var ins = '' + | |
796 | + '<p class="paragrafo" ><div id="editarAtributosVariaveis" ></div></p>' + | |
797 | + '<p class="paragrafo" ><div id="editarAtributosMedidasVariavel" ></div></p>' + | |
798 | + '<p class="paragrafo" ><div id="editarAtributosRegiao" ></div></p>' + | |
799 | + '<p class="paragrafo" ><div id="editarAtributosForm" ></div></p>' + | |
800 | + ''; | |
801 | + return ins; | |
802 | + }, | |
803 | + /** | |
804 | + * Monta um combo para escolha de uma variavel que sera editada | |
805 | + * Executa i3GEO.php.listaVariavel | |
806 | + */ | |
807 | + comboVariaveis: function(){ | |
808 | + var temp = function(dados){ | |
809 | + var i,n = dados.length, ins = ''; | |
810 | + ins += '<p class="paragrafo" >Escolha uma variável para editar</p>'; | |
811 | + ins += "<select style='box-shadow:0 1px 5px gray;width:200px' onchange='i3GEOF.editorlimites.editarAtributos.comboMedidasVariavel(this)'><option value=''>---</option>"; | |
812 | + for(i=0;i<n;i++){ | |
813 | + ins += "<option title='"+dados[i].descricao+"' value='"+dados[i].codigo_variavel+"'>"+dados[i].nome+"</option>"; | |
814 | + } | |
815 | + ins += "</select>"; | |
816 | + $i("editarAtributosVariaveis").innerHTML = ins; | |
817 | + }; | |
818 | + i3GEO.php.listaVariavel(temp,"i3geo_metaestat"); | |
819 | + }, | |
820 | + /** | |
821 | + * Monta um combo com as medidas de uma variavel | |
822 | + * Executa i3GEO.php.listaMedidaVariavel | |
823 | + * @param objeto DOM do tipo select que contem a lista de variaveis | |
824 | + */ | |
825 | + comboMedidasVariavel: function(comboMedidas){ | |
826 | + var temp = function(dados){ | |
827 | + var i,n = dados.length, ins = ''; | |
828 | + ins += '<p class="paragrafo" >Escolha uma medida da variável para editar</p>'; | |
829 | + ins += "<select id='editarAtributosComboMedidas' style='box-shadow:0 1px 5px gray;width:200px' onchange=''><option value=''>---</option>"; | |
830 | + for(i=0;i<n;i++){ | |
831 | + if(dados[i].esquemadb == "i3geo_metaestat" && dados[i].codigo_tipo_regiao == $i("i3geoCartoRegioesEditaveis").value){ | |
832 | + ins += "<option value='"+dados[i].id_medida_variavel+"'>"+dados[i].nomemedida+"</option>"; | |
833 | + } | |
834 | + } | |
835 | + ins += "</select>"; | |
836 | + $i("editarAtributosMedidasVariavel").innerHTML = ins; | |
837 | + }; | |
838 | + if(comboMedidas.value !== ""){ | |
839 | + i3GEO.php.listaMedidaVariavel(comboMedidas.value,temp); | |
840 | + } | |
841 | + }, | |
842 | + /** | |
843 | + * Captura os atributos de um elemento do mapa | |
844 | + * Executa i3GEOF.editorlimites.editarAtributos.pegaDados(); | |
845 | + */ | |
715 | 846 | captura: function(){ |
716 | 847 | if(!YAHOO.i3GEO.janela.manager.find("editaAtributos")){ |
717 | 848 | i3GEOF.editorlimites.mudaicone(botao); |
... | ... | @@ -721,6 +852,11 @@ i3GEOF.editorlimites = { |
721 | 852 | i3GEOF.editorlimites.editarAtributos.y = objposicaocursor.ddy; |
722 | 853 | i3GEOF.editorlimites.editarAtributos.pegaDados(); |
723 | 854 | }, |
855 | + /** | |
856 | + * Obtem os dados de um elemento de uma regiao | |
857 | + * Monta o formulario para edicao | |
858 | + * Executa admin/php/metaestat.php?funcao=listaAtributosMedidaVariavelXY | |
859 | + */ | |
724 | 860 | pegaDados: function(){ |
725 | 861 | var p = i3GEO.configura.locaplic+"/admin/php/metaestat.php?funcao=listaAtributosMedidaVariavelXY", |
726 | 862 | codigo_tipo_regiao = $i("i3geoCartoRegioesEditaveis").value, |
... | ... | @@ -786,6 +922,9 @@ i3GEOF.editorlimites = { |
786 | 922 | cpJSON.call(p,"foo",temp,"&codigo_tipo_regiao="+codigo_tipo_regiao+"&id_medida_variavel="+id_medida_variavel+"&x="+i3GEOF.editorlimites.editarAtributos.x+"&y="+i3GEOF.editorlimites.editarAtributos.y); |
787 | 923 | }, |
788 | 924 | //TODO redesenhar as camadas que sofrerem alterações em função do salvar ou excluir |
925 | + /** | |
926 | + * Exclui o valor de uma medida de variavel para o componente de uma regiao | |
927 | + */ | |
789 | 928 | excluir: function(id){ |
790 | 929 | if(i3GEO.login.verificaCookieLogin() === false){ |
791 | 930 | i3GEO.janela.tempoMsg("Você precisa fazer login para usar essa opção"); |
... | ... | @@ -805,6 +944,9 @@ i3GEOF.editorlimites = { |
805 | 944 | cpJSON.call(p,"foo",temp,"&codigo_tipo_regiao="+codigo_tipo_regiao+"&identificador_regiao="+identificador_regiao+"&id_medida_variavel="+id_medida_variavel+"&id="+id); |
806 | 945 | |
807 | 946 | }, |
947 | + /** | |
948 | + * Salva os valores digitados | |
949 | + */ | |
808 | 950 | salva: function(){ |
809 | 951 | if(i3GEO.login.verificaCookieLogin() === false){ |
810 | 952 | i3GEO.janela.tempoMsg("Você precisa fazer login para usar essa opção"); |
... | ... | @@ -863,72 +1005,11 @@ i3GEOF.editorlimites = { |
863 | 1005 | i3GEO.janela.abreAguarde("aguardeSalvaAtributos","Salvando..."); |
864 | 1006 | i3GEO.janela.AGUARDEMODAL = false; |
865 | 1007 | cpJSON.call(p,"foo",temp,"&codigo_tipo_regiao="+codigo_tipo_regiao+"&identificador_regiao="+identificador_regiao+"&id_medida_variavel="+id_medida_variavel+"&colunas="+colunasT[0]+"&valores="+valoresT.join("|")+"&idsunicos="+idsunicosT.join(";")); |
866 | - }, | |
867 | - criaJanelaFlutuante: function(html){ | |
868 | - var janela,titulo,cabecalho,minimiza; | |
869 | - cabecalho = function(){}; | |
870 | - minimiza = function(){ | |
871 | - i3GEO.janela.minimiza("editaAtributos"); | |
872 | - }; | |
873 | - titulo = "Atributos </a>"; | |
874 | - janela = i3GEO.janela.cria( | |
875 | - "250px", | |
876 | - "265px", | |
877 | - "", | |
878 | - "", | |
879 | - "", | |
880 | - titulo, | |
881 | - "editaAtributos", | |
882 | - false, | |
883 | - "hd", | |
884 | - cabecalho, | |
885 | - minimiza | |
886 | - ); | |
887 | - $i("editaAtributos_corpo").style.backgroundColor = "white"; | |
888 | - $i("editaAtributos_corpo").innerHTML = html; | |
889 | - i3GEO.janela.tempoMsg("Após escolher a medida da variável, clique no mapa para escolher o limite geográfico."); | |
890 | - YAHOO.util.Event.addListener(janela[0].close, "click", i3GEOF.editorlimites.mudaicone); | |
891 | - }, | |
892 | - html: function(){ | |
893 | - var ins = '' + | |
894 | - '<p class="paragrafo" ><div id="editarAtributosVariaveis" ></div></p>' + | |
895 | - '<p class="paragrafo" ><div id="editarAtributosMedidasVariavel" ></div></p>' + | |
896 | - '<p class="paragrafo" ><div id="editarAtributosRegiao" ></div></p>' + | |
897 | - '<p class="paragrafo" ><div id="editarAtributosForm" ></div></p>' + | |
898 | - ''; | |
899 | - return ins; | |
900 | - }, | |
901 | - comboVariaveis: function(){ | |
902 | - var temp = function(dados){ | |
903 | - var i,n = dados.length, ins = ''; | |
904 | - ins += '<p class="paragrafo" >Escolha uma variável para editar</p>'; | |
905 | - ins += "<select style='box-shadow:0 1px 5px gray;width:200px' onchange='i3GEOF.editorlimites.editarAtributos.comboMedidasVariavel(this)'><option value=''>---</option>"; | |
906 | - for(i=0;i<n;i++){ | |
907 | - ins += "<option title='"+dados[i].descricao+"' value='"+dados[i].codigo_variavel+"'>"+dados[i].nome+"</option>"; | |
908 | - } | |
909 | - ins += "</select>"; | |
910 | - $i("editarAtributosVariaveis").innerHTML = ins; | |
911 | - }; | |
912 | - i3GEO.php.listaVariavel(temp,"i3geo_metaestat"); | |
913 | - }, | |
914 | - comboMedidasVariavel: function(comboMedidas){ | |
915 | - var temp = function(dados){ | |
916 | - var i,n = dados.length, ins = ''; | |
917 | - ins += '<p class="paragrafo" >Escolha uma medida da variável para editar</p>'; | |
918 | - ins += "<select id='editarAtributosComboMedidas' style='box-shadow:0 1px 5px gray;width:200px' onchange=''><option value=''>---</option>"; | |
919 | - for(i=0;i<n;i++){ | |
920 | - if(dados[i].esquemadb == "i3geo_metaestat" && dados[i].codigo_tipo_regiao == $i("i3geoCartoRegioesEditaveis").value){ | |
921 | - ins += "<option value='"+dados[i].id_medida_variavel+"'>"+dados[i].nomemedida+"</option>"; | |
922 | - } | |
923 | - } | |
924 | - ins += "</select>"; | |
925 | - $i("editarAtributosMedidasVariavel").innerHTML = ins; | |
926 | - }; | |
927 | - if(comboMedidas.value !== ""){ | |
928 | - i3GEO.php.listaMedidaVariavel(comboMedidas.value,temp); | |
929 | - } | |
930 | 1008 | } |
931 | 1009 | }, |
1010 | + /** | |
1011 | + * Abre a janela de ajuda sobre a operacao dos botoes do editor | |
1012 | + */ | |
932 | 1013 | ajuda: function(){ |
933 | 1014 | var titulo,cabecalho,minimiza,html = ""; |
934 | 1015 | cabecalho = function(){}; | ... | ... |