Commit b463612251da3c36da9fb15311c951aca8092f15

Authored by Edmar Moretti
1 parent a6d6b39d

Atualização das interfaces dos mapas interativos

interface/carto_ol.htm
@@ -63,48 +63,29 @@ @@ -63,48 +63,29 @@
63 </select> 63 </select>
64 </div> 64 </div>
65 <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block; position: absolute; top: 0px; left: 60px;"> 65 <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block; position: absolute; top: 0px; left: 60px;">
66 - X:  
67 - <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text">  
68 - <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">  
69 - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text">  
70 - Y:  
71 - <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg" type="text">  
72 - <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text">  
73 - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjys" type="text">  
74 - <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif"> 66 + X: <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text"> <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">
  67 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text"> Y: <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg"
  68 + type="text"> <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text"> <input name="" value="00.00" size="5" title="segundo"
  69 + id="localizarxygeoProjys" type="text"> <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">
75 </div> 70 </div>
76 <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 71 <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
77 - X:  
78 - <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text">  
79 - Y:  
80 - <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text"> 72 + X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">
81 </div> 73 </div>
82 <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 74 <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
83 - GeoHash  
84 - <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text">  
85 - <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif"> 75 + GeoHash <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text"> <img class="ticfind" style="margin-left: 8px;" title="zoom"
  76 + onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">
86 </div> 77 </div>
87 <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 78 <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
88 - X:  
89 - <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text">  
90 - Y:  
91 - <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y" type="text"> 79 + X: <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y"
  80 + type="text">
92 </div> 81 </div>
93 <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 82 <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
94 - X:  
95 - <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text">  
96 - Y:  
97 - <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY" type="text">  
98 - Zn:  
99 - <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text"> 83 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY"
  84 + type="text"> Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">
100 </div> 85 </div>
101 <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 86 <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
102 - X:  
103 - <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text">  
104 - Y:  
105 - <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY" type="text">  
106 - Zn:  
107 - <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text"> 87 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY"
  88 + type="text"> Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">
108 </div> 89 </div>
109 </div> 90 </div>
110 <!-- barra de icones de navegacao --> 91 <!-- barra de icones de navegacao -->
@@ -156,7 +137,7 @@ @@ -156,7 +137,7 @@
156 <!-- configuracao para todos os botoes 137 <!-- configuracao para todos os botoes
157 data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado 138 data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
158 --> 139 -->
159 - <div class="iconesGuiaMovel ol-control" data-traduzir="true"> 140 + <div class="iconesGuiaMovel ol-control" data-traduzir="true">
160 <!-- ferramentas 141 <!-- ferramentas
161 data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel 142 data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
162 data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta 143 data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
@@ -233,16 +214,16 @@ @@ -233,16 +214,16 @@
233 <!-- camadas existentes no mapa --> 214 <!-- camadas existentes no mapa -->
234 <div id='guia1obj' data-traduzir="true" style='display: none;'> 215 <div id='guia1obj' data-traduzir="true" style='display: none;'>
235 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 216 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
236 - <span class="pull-left">{{{iconeMapa}}}</span>  
237 - X 217 + <button>
  218 + <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
  219 + </button>
238 </div> 220 </div>
239 <div class="separadorCabecalhoGuias">&nbsp;</div> 221 <div class="separadorCabecalhoGuias">&nbsp;</div>
240 - <div class="list-group condensed noprint">  
241 - <label>{{{opcoes}}}</label>  
242 - <a data-target="#opcoesGuia1" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">  
243 -  
244 - </a>  
245 - <div class="text-left collapse" id="opcoesGuia1" style="margin-left: 30px;"> 222 + <div class="guiaOverflow">
  223 + <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
  224 + <label>{{{opcoes}}}</label>
  225 + </div>
  226 + <div class="text-left collapse noprint" id="opcoesGuia1" style="margin-left: 30px;">
246 <p> 227 <p>
247 <a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">Refresh</a> 228 <a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">Refresh</a>
248 </p> 229 </p>
@@ -271,44 +252,42 @@ @@ -271,44 +252,42 @@
271 <a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)">{{{t4}}}</a> 252 <a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)">{{{t4}}}</a>
272 </p> 253 </p>
273 </div> 254 </div>
274 - </div>  
275 - <hr>  
276 - <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->  
277 - <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div>  
278 - <!-- Esta div acrescenta a lista de de camadas de fundo 255 + <hr>
  256 + <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
  257 + <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div>
  258 + <!-- Esta div acrescenta a lista de de camadas de fundo
279 A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS 259 A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
280 Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida 260 Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
281 no programa interface/config.php 261 no programa interface/config.php
282 --> 262 -->
283 - <div class="list-group condensed">  
284 - <label>{{{camadasDeFundo}}}</label>  
285 - <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">  
286 -  
287 - </a> 263 + <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
  264 + <label>{{{camadasDeFundo}}}</label>
  265 + </div>
288 <div style="margin-left: 0px;" class="collapse text-left" id="collapseFundo"> 266 <div style="margin-left: 0px;" class="collapse text-left" id="collapseFundo">
289 <form> 267 <form>
290 - <div id="listaFundo" class="form-group" data-template="templates/camadaFundo.html"></div> 268 + <div id="listaFundo" class="form-group condensed" data-template="templates/camadaFundo.html"></div>
291 </form> 269 </form>
292 </div> 270 </div>
  271 +
293 </div> 272 </div>
294 </div> 273 </div>
295 <!-- Catalogo de temas --> 274 <!-- Catalogo de temas -->
296 <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'> 275 <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'>
297 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"> 276 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
298 - <span class="pull-left">{{{iconeCatalogo}}}</span>  
299 - X 277 + <button>
  278 + <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
  279 + </button>
300 </div> 280 </div>
301 <div class="separadorCabecalhoGuias">&nbsp;</div> 281 <div class="separadorCabecalhoGuias">&nbsp;</div>
302 - <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->  
303 - <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>  
304 - <div id="catalogoNavegacao"></div>  
305 - <!-- Opcoes -->  
306 - <div id="catalogoPrincipal">  
307 - <div class="list-group condensed noprint">  
308 - <label>{{{opcoes}}}</label>  
309 - <a data-target="#opcoesGuia2" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">  
310 -  
311 - </a> 282 + <div class="guiaOverflow">
  283 + <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
  284 + <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>
  285 + <div id="catalogoNavegacao"></div>
  286 + <!-- Opcoes -->
  287 + <div id="catalogoPrincipal">
  288 + <div data-toggle="collapse" data-target="#opcoesGuia2" class="list-group condensed collapsed noprint">
  289 + <label>{{{opcoes}}}</label>
  290 + </div>
312 <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;"> 291 <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;">
313 <p> 292 <p>
314 <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a> 293 <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a>
@@ -345,9 +324,9 @@ @@ -345,9 +324,9 @@
345 <a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a> 324 <a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
346 </p> 325 </p>
347 </div> 326 </div>
348 - </div>  
349 - <hr>  
350 - <!-- busca tema no catalogo 327 +
  328 + <hr>
  329 + <!-- busca tema no catalogo
351 <div class="form-group label-floating"> 330 <div class="form-group label-floating">
352 <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label> 331 <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
353 <div class="input-group"> 332 <div class="input-group">
@@ -360,18 +339,18 @@ @@ -360,18 +339,18 @@
360 </div> 339 </div>
361 </div> 340 </div>
362 --> 341 -->
363 - <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona 342 + <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona
364 Nessa funcao ficam tambem os parametros: 343 Nessa funcao ficam tambem os parametros:
365 "idOndeMenus": "catalogoMenus", 344 "idOndeMenus": "catalogoMenus",
366 "idCatalogoPrincipal": "catalogoPrincipal", 345 "idCatalogoPrincipal": "catalogoPrincipal",
367 "idCatalogoNavegacao": "catalogoNavegacao", 346 "idCatalogoNavegacao": "catalogoNavegacao",
368 "idOndeMigalha": "catalogoMigalha" 347 "idOndeMigalha": "catalogoMigalha"
369 --> 348 -->
370 - <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div> 349 + <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
371 350
372 - <div id="arvoreAdicionaTema"></div> 351 + <div id="arvoreAdicionaTema"></div>
373 352
374 - <!-- 353 + <!--
375 As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao: 354 As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
376 config: { 355 config: {
377 'templateDir': 'templates/dir.html', 356 'templateDir': 'templates/dir.html',
@@ -386,7 +365,7 @@ @@ -386,7 +365,7 @@
386 onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" 365 onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
387 --> 366 -->
388 367
389 - <!-- servicos da INDE brasileira --> 368 + <!-- servicos da INDE brasileira -->
390 <div class="list-group condensed"> 369 <div class="list-group condensed">
391 <div class="row-content text-left"> 370 <div class="row-content text-left">
392 <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"> 371 <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
@@ -459,7 +438,8 @@ @@ -459,7 +438,8 @@
459 <!-- camadas por estrelas --> 438 <!-- camadas por estrelas -->
460 <div class="list-group condensed"> 439 <div class="list-group condensed">
461 <div class="row-content text-left"> 440 <div class="row-content text-left">
462 - <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"> 441 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max"
  442 + href="javascript:void(0)">
463 <span class="material-icons ">folder_open</span> 443 <span class="material-icons ">folder_open</span>
464 </a> 444 </a>
465 <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" 445 <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
@@ -505,16 +485,18 @@ @@ -505,16 +485,18 @@
505 </div> 485 </div>
506 </div> 486 </div>
507 </div> 487 </div>
508 -  
509 <!-- Legenda --> 488 <!-- Legenda -->
510 <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'> 489 <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
511 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"> 490 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
512 - <span class="pull-left">{{{iconeLegenda}}}</span>  
513 - X 491 + <button>
  492 + <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
  493 + </button>
514 </div> 494 </div>
515 <div class="separadorCabecalhoGuias">&nbsp;</div> 495 <div class="separadorCabecalhoGuias">&nbsp;</div>
516 - <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a>  
517 - <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div> 496 + <div class="guiaOverflow">
  497 + <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a>
  498 + <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
  499 + </div>
518 </div> 500 </div>
519 <!-- busca 501 <!-- busca
520 Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google 502 Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
@@ -523,45 +505,42 @@ @@ -523,45 +505,42 @@
523 --> 505 -->
524 <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'> 506 <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
525 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 507 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
526 - <span class="pull-left">{{{t23}}}</span>  
527 - X 508 + <button>
  509 + <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
  510 + </button>
528 </div> 511 </div>
529 <div class="separadorCabecalhoGuias">&nbsp;</div> 512 <div class="separadorCabecalhoGuias">&nbsp;</div>
530 - <form onSubmit="return false;">  
531 - <div class="form-group label-floating">  
532 - <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>  
533 - <div class="input-group">  
534 - <input class="form-control" type="text" value="" name="valorBuscaRapida">  
535 - <span class="input-group-btn">  
536 - <a onclick="i3GEO.busca.inicia(this);return false;" data-templateGoogle="templates/buscaEmTemas.html" data-inputGoogle="[name=google]"  
537 - data-ondeGoogle=".i3GEOresultadoBuscaGoogle" data-templateTemasMapa="templates/buscaEmTemas.html" data-inputTemasMapa="[name=temasMapa]"  
538 - data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa" data-templateServico="templates/buscaEmServico.html" data-ondeConteiner="#guia7obj"  
539 - data-inputOndePalavra="[name=valorBuscaRapida]" data-inputServicosExternos="[name=servicosExternos]" data-ondeServicosExternos=".i3GEOresultadoBuscaServicos"  
540 - role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">  
541 - <span class="material-icons ">send</span>  
542 - </a>  
543 - </span>  
544 - </div>  
545 - </div>  
546 - <h4>{{{x37}}}:</h4>  
547 - <div class="form-inline" style="width: 100%;">  
548 - <div class="list-group condensed">  
549 - <div class="checkbox text-left">  
550 - <label>  
551 - <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos">  
552 - {{{x38}}}  
553 - </label> 513 + <div class="guiaOverflow">
  514 + <form onSubmit="return false;">
  515 + <div class="form-group label-floating">
  516 + <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
  517 + <div class="input-group">
  518 + <input class="form-control" type="text" value="" name="valorBuscaRapida"> <span class="input-group-btn"> <a
  519 + onclick="i3GEO.busca.inicia(this);return false;" data-templateGoogle="templates/buscaEmTemas.html" data-inputGoogle="[name=google]"
  520 + data-ondeGoogle=".i3GEOresultadoBuscaGoogle" data-templateTemasMapa="templates/buscaEmTemas.html" data-inputTemasMapa="[name=temasMapa]"
  521 + data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa" data-templateServico="templates/buscaEmServico.html" data-ondeConteiner="#guia7obj"
  522 + data-inputOndePalavra="[name=valorBuscaRapida]" data-inputServicosExternos="[name=servicosExternos]"
  523 + data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
  524 + <span class="material-icons ">send</span>
  525 + </a>
  526 + </span>
554 </div> 527 </div>
555 </div> 528 </div>
556 - <div class="list-group condensed">  
557 - <div class="checkbox text-left">  
558 - <label>  
559 - <input class="noprint" value="on" type="checkbox" name="temasMapa">  
560 - {{{x39}}}  
561 - </label> 529 + <h4>{{{x37}}}:</h4>
  530 + <div class="form-inline" style="width: 100%;">
  531 + <div class="list-group condensed">
  532 + <div class="checkbox text-left">
  533 + <label> <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos"> {{{x38}}}
  534 + </label>
  535 + </div>
562 </div> 536 </div>
563 - </div>  
564 - <!-- Apenas para a interface google maps 537 + <div class="list-group condensed">
  538 + <div class="checkbox text-left">
  539 + <label> <input class="noprint" value="on" type="checkbox" name="temasMapa"> {{{x39}}}
  540 + </label>
  541 + </div>
  542 + </div>
  543 + <!-- Apenas para a interface google maps
565 <div class="list-group condensed"> 544 <div class="list-group condensed">
566 <div class="checkbox text-left"> 545 <div class="checkbox text-left">
567 <label> 546 <label>
@@ -571,52 +550,56 @@ @@ -571,52 +550,56 @@
571 </div> 550 </div>
572 </div> 551 </div>
573 --> 552 -->
574 - </div>  
575 - </form>  
576 - <hr>  
577 - <div class="i3GEOresultadoBuscaServicos"></div>  
578 - <div class="i3GEOresultadoBuscaTemasMapa"></div>  
579 - <div class="i3GEOresultadoBuscaGoogle"></div>  
580 - <div class="alert alert-info" role="alert">{{{x40}}}</div> 553 + </div>
  554 + </form>
  555 + <hr>
  556 + <div class="i3GEOresultadoBuscaServicos"></div>
  557 + <div class="i3GEOresultadoBuscaTemasMapa"></div>
  558 + <div class="i3GEOresultadoBuscaGoogle"></div>
  559 + <div class="alert alert-info" role="alert">{{{x40}}}</div>
  560 + </div>
581 </div> 561 </div>
582 <!-- Ferramentas --> 562 <!-- Ferramentas -->
583 <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'> 563 <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
584 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 564 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
585 - <span class="pull-left">{{{iconeFerramentas}}}</span>  
586 - X 565 + <button>
  566 + <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
  567 + </button>
587 </div> 568 </div>
588 <div class="separadorCabecalhoGuias">&nbsp;</div> 569 <div class="separadorCabecalhoGuias">&nbsp;</div>
589 - <div class="form-inline" style="width: 100%;">  
590 - <div class="text-center form-group" style="margin: 4px;">  
591 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.area();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">  
592 - <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">  
593 - </a>  
594 - <h6>{{{d21at}}}</h6>  
595 - </div>  
596 - <div class="text-center form-group" style="margin: 4px;">  
597 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.distancia();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">  
598 - <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">  
599 - </a>  
600 - <h6>{{{d21t}}}</h6>  
601 - </div>  
602 - <div class="text-center form-group" style="margin: 4px;">  
603 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.selecao();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">  
604 - <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">  
605 - </a>  
606 - <h6>{{{d24t}}}</h6>  
607 - </div>  
608 - <div class="text-center form-group" style="margin: 4px;">  
609 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.geolocal();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">  
610 - <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">  
611 - </a>  
612 - <h6>{{{localiza}}}</h6> 570 + <div class="guiaOverflow">
  571 + <div class="form-inline" style="width: 100%;">
  572 + <div class="text-center form-group" style="margin: 4px;">
  573 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.area();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  574 + <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">
  575 + </a>
  576 + <h6>{{{d21at}}}</h6>
  577 + </div>
  578 + <div class="text-center form-group" style="margin: 4px;">
  579 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.distancia();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  580 + <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">
  581 + </a>
  582 + <h6>{{{d21t}}}</h6>
  583 + </div>
  584 + <div class="text-center form-group" style="margin: 4px;">
  585 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.selecao();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  586 + <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">
  587 + </a>
  588 + <h6>{{{d24t}}}</h6>
  589 + </div>
  590 + <div class="text-center form-group" style="margin: 4px;">
  591 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.geolocal();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  592 + <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">
  593 + </a>
  594 + <h6>{{{localiza}}}</h6>
  595 + </div>
613 </div> 596 </div>
  597 + <div class="clearfix"></div>
  598 + <hr>
  599 + <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>
  600 + <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>
  601 + <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>
614 </div> 602 </div>
615 - <div class="clearfix"></div>  
616 - <hr>  
617 - <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>  
618 - <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>  
619 - <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>  
620 </div> 603 </div>
621 </div> 604 </div>
622 </div> 605 </div>
interface/gm.phtml
@@ -56,7 +56,10 @@ include (&quot;../ms_configura.php&quot;); @@ -56,7 +56,10 @@ include (&quot;../ms_configura.php&quot;);
56 Se os estilos width e height nao estiverem definidos, o tamanho do mapa abrangera a tela toda 56 Se os estilos width e height nao estiverem definidos, o tamanho do mapa abrangera a tela toda
57 --> 57 -->
58 <div id="mapai3Geo"></div> 58 <div id="mapai3Geo"></div>
59 - 59 + <!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado-->
  60 + <form class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;">
  61 + <input id='i3GEOescalanum' type='text' name='' value='' size='10' title=''>
  62 + </form>
60 63
61 <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse --> 64 <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->
62 <div class="localizarxy fundoRodape hidden-xs hidden-sm"> 65 <div class="localizarxy fundoRodape hidden-xs hidden-sm">
@@ -73,48 +76,29 @@ include (&quot;../ms_configura.php&quot;); @@ -73,48 +76,29 @@ include (&quot;../ms_configura.php&quot;);
73 </select> 76 </select>
74 </div> 77 </div>
75 <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block; position: absolute; top: 0px; left: 60px;"> 78 <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block; position: absolute; top: 0px; left: 60px;">
76 - X:  
77 - <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text">  
78 - <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">  
79 - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text">  
80 - Y:  
81 - <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg" type="text">  
82 - <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text">  
83 - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjys" type="text">  
84 - <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif"> 79 + X: <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text"> <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">
  80 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text"> Y: <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg"
  81 + type="text"> <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text"> <input name="" value="00.00" size="5" title="segundo"
  82 + id="localizarxygeoProjys" type="text"> <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">
85 </div> 83 </div>
86 <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 84 <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
87 - X:  
88 - <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text">  
89 - Y:  
90 - <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text"> 85 + X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">
91 </div> 86 </div>
92 <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 87 <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
93 - GeoHash  
94 - <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text">  
95 - <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif"> 88 + GeoHash <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text"> <img class="ticfind" style="margin-left: 8px;" title="zoom"
  89 + onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">
96 </div> 90 </div>
97 <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 91 <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
98 - X:  
99 - <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text">  
100 - Y:  
101 - <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y" type="text"> 92 + X: <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y"
  93 + type="text">
102 </div> 94 </div>
103 <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 95 <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
104 - X:  
105 - <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text">  
106 - Y:  
107 - <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY" type="text">  
108 - Zn:  
109 - <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text"> 96 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY"
  97 + type="text"> Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">
110 </div> 98 </div>
111 <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 99 <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
112 - X:  
113 - <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text">  
114 - Y:  
115 - <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY" type="text">  
116 - Zn:  
117 - <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text"> 100 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY"
  101 + type="text"> Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">
118 </div> 102 </div>
119 </div> 103 </div>
120 <!-- barra de icones de navegacao --> 104 <!-- barra de icones de navegacao -->
@@ -166,7 +150,7 @@ include (&quot;../ms_configura.php&quot;); @@ -166,7 +150,7 @@ include (&quot;../ms_configura.php&quot;);
166 <!-- configuracao para todos os botoes 150 <!-- configuracao para todos os botoes
167 data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado 151 data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
168 --> 152 -->
169 - <div class="iconesGuiaMovel ol-control" data-traduzir="true"> 153 + <div class="iconesGuiaMovel ol-control" data-traduzir="true">
170 <!-- ferramentas 154 <!-- ferramentas
171 data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel 155 data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
172 data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta 156 data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
@@ -229,7 +213,7 @@ include (&quot;../ms_configura.php&quot;); @@ -229,7 +213,7 @@ include (&quot;../ms_configura.php&quot;);
229 </div> 213 </div>
230 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem 214 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
231 <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;"> 215 <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
232 - <button title="{{{iconeIdentifica}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;"> 216 + <button title="{{{iconeIdentifica}}}" class="iconeGuiaMovel" style="box-shadow: none;">
233 <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;"> 217 <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
234 </button> 218 </button>
235 </div> 219 </div>
@@ -243,16 +227,16 @@ include (&quot;../ms_configura.php&quot;); @@ -243,16 +227,16 @@ include (&quot;../ms_configura.php&quot;);
243 <!-- camadas existentes no mapa --> 227 <!-- camadas existentes no mapa -->
244 <div id='guia1obj' data-traduzir="true" style='display: none;'> 228 <div id='guia1obj' data-traduzir="true" style='display: none;'>
245 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 229 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
246 - <span class="pull-left">{{{iconeMapa}}}</span>  
247 - X 230 + <button>
  231 + <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
  232 + </button>
248 </div> 233 </div>
249 <div class="separadorCabecalhoGuias">&nbsp;</div> 234 <div class="separadorCabecalhoGuias">&nbsp;</div>
250 - <div class="list-group condensed noprint">  
251 - <label>{{{opcoes}}}</label>  
252 - <a data-target="#opcoesGuia1" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">  
253 -  
254 - </a>  
255 - <div class="text-left collapse" id="opcoesGuia1" style="margin-left: 30px;"> 235 + <div class="guiaOverflow">
  236 + <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
  237 + <label>{{{opcoes}}}</label>
  238 + </div>
  239 + <div class="text-left collapse noprint" id="opcoesGuia1" style="margin-left: 30px;">
256 <p> 240 <p>
257 <a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">Refresh</a> 241 <a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">Refresh</a>
258 </p> 242 </p>
@@ -281,44 +265,42 @@ include (&quot;../ms_configura.php&quot;); @@ -281,44 +265,42 @@ include (&quot;../ms_configura.php&quot;);
281 <a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)">{{{t4}}}</a> 265 <a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)">{{{t4}}}</a>
282 </p> 266 </p>
283 </div> 267 </div>
284 - </div>  
285 - <hr>  
286 - <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->  
287 - <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div>  
288 - <!-- Esta div acrescenta a lista de de camadas de fundo 268 + <hr>
  269 + <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
  270 + <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div>
  271 + <!-- Esta div acrescenta a lista de de camadas de fundo
289 A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS 272 A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
290 Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida 273 Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
291 no programa interface/config.php 274 no programa interface/config.php
292 --> 275 -->
293 - <div class="list-group condensed">  
294 - <label>{{{camadasDeFundo}}}</label>  
295 - <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">  
296 -  
297 - </a> 276 + <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
  277 + <label>{{{camadasDeFundo}}}</label>
  278 + </div>
298 <div style="margin-left: 0px;" class="collapse text-left" id="collapseFundo"> 279 <div style="margin-left: 0px;" class="collapse text-left" id="collapseFundo">
299 <form> 280 <form>
300 - <div id="listaFundo" class="form-group" data-template="templates/camadaFundo.html"></div> 281 + <div id="listaFundo" class="form-group condensed" data-template="templates/camadaFundo.html"></div>
301 </form> 282 </form>
302 </div> 283 </div>
  284 +
303 </div> 285 </div>
304 </div> 286 </div>
305 <!-- Catalogo de temas --> 287 <!-- Catalogo de temas -->
306 <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'> 288 <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'>
307 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"> 289 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
308 - <span class="pull-left">{{{iconeCatalogo}}}</span>  
309 - X 290 + <button>
  291 + <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
  292 + </button>
310 </div> 293 </div>
311 <div class="separadorCabecalhoGuias">&nbsp;</div> 294 <div class="separadorCabecalhoGuias">&nbsp;</div>
312 - <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->  
313 - <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>  
314 - <div id="catalogoNavegacao"></div>  
315 - <!-- Opcoes -->  
316 - <div id="catalogoPrincipal">  
317 - <div class="list-group condensed noprint">  
318 - <label>{{{opcoes}}}</label>  
319 - <a data-target="#opcoesGuia2" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">  
320 -  
321 - </a> 295 + <div class="guiaOverflow">
  296 + <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
  297 + <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>
  298 + <div id="catalogoNavegacao"></div>
  299 + <!-- Opcoes -->
  300 + <div id="catalogoPrincipal">
  301 + <div data-toggle="collapse" data-target="#opcoesGuia2" class="list-group condensed collapsed noprint">
  302 + <label>{{{opcoes}}}</label>
  303 + </div>
322 <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;"> 304 <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;">
323 <p> 305 <p>
324 <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a> 306 <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a>
@@ -354,11 +336,10 @@ include (&quot;../ms_configura.php&quot;); @@ -354,11 +336,10 @@ include (&quot;../ms_configura.php&quot;);
354 <p> 336 <p>
355 <a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a> 337 <a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
356 </p> 338 </p>
357 -  
358 </div> 339 </div>
359 - </div>  
360 - <hr>  
361 - <!-- busca tema no catalogo 340 +
  341 + <hr>
  342 + <!-- busca tema no catalogo
362 <div class="form-group label-floating"> 343 <div class="form-group label-floating">
363 <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label> 344 <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
364 <div class="input-group"> 345 <div class="input-group">
@@ -371,18 +352,18 @@ include (&quot;../ms_configura.php&quot;); @@ -371,18 +352,18 @@ include (&quot;../ms_configura.php&quot;);
371 </div> 352 </div>
372 </div> 353 </div>
373 --> 354 -->
374 - <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona 355 + <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona
375 Nessa funcao ficam tambem os parametros: 356 Nessa funcao ficam tambem os parametros:
376 "idOndeMenus": "catalogoMenus", 357 "idOndeMenus": "catalogoMenus",
377 "idCatalogoPrincipal": "catalogoPrincipal", 358 "idCatalogoPrincipal": "catalogoPrincipal",
378 "idCatalogoNavegacao": "catalogoNavegacao", 359 "idCatalogoNavegacao": "catalogoNavegacao",
379 "idOndeMigalha": "catalogoMigalha" 360 "idOndeMigalha": "catalogoMigalha"
380 --> 361 -->
381 - <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div> 362 + <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
382 363
383 - <div id="arvoreAdicionaTema"></div> 364 + <div id="arvoreAdicionaTema"></div>
384 365
385 - <!-- 366 + <!--
386 As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao: 367 As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
387 config: { 368 config: {
388 'templateDir': 'templates/dir.html', 369 'templateDir': 'templates/dir.html',
@@ -397,7 +378,7 @@ include (&quot;../ms_configura.php&quot;); @@ -397,7 +378,7 @@ include (&quot;../ms_configura.php&quot;);
397 onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" 378 onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
398 --> 379 -->
399 380
400 - <!-- servicos da INDE brasileira --> 381 + <!-- servicos da INDE brasileira -->
401 <div class="list-group condensed"> 382 <div class="list-group condensed">
402 <div class="row-content text-left"> 383 <div class="row-content text-left">
403 <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"> 384 <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
@@ -458,19 +439,20 @@ include (&quot;../ms_configura.php&quot;); @@ -458,19 +439,20 @@ include (&quot;../ms_configura.php&quot;);
458 </div> 439 </div>
459 <hr> 440 <hr>
460 <!-- mapas cadastrados no sistema de administracao (nao funcional) 441 <!-- mapas cadastrados no sistema de administracao (nao funcional)
461 - <div class="list-group condensed"><div class="row-content text-left">  
462 - <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>  
463 - <label style="width: 255px;vertical-align: middle;">  
464 - <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">  
465 - <h4>{{{x90}}}</h4></a>  
466 - <h6>{{{descMapas}}}</h6>  
467 - </label>  
468 - </div></div><hr>  
469 - --> 442 + <div class="list-group condensed"><div class="row-content text-left">
  443 + <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
  444 + <label style="width: 255px;vertical-align: middle;">
  445 + <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">
  446 + <h4>{{{x90}}}</h4></a>
  447 + <h6>{{{descMapas}}}</h6>
  448 + </label>
  449 + </div></div><hr>
  450 + -->
470 <!-- camadas por estrelas --> 451 <!-- camadas por estrelas -->
471 <div class="list-group condensed"> 452 <div class="list-group condensed">
472 <div class="row-content text-left"> 453 <div class="row-content text-left">
473 - <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"> 454 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max"
  455 + href="javascript:void(0)">
474 <span class="material-icons ">folder_open</span> 456 <span class="material-icons ">folder_open</span>
475 </a> 457 </a>
476 <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" 458 <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
@@ -516,16 +498,18 @@ include (&quot;../ms_configura.php&quot;); @@ -516,16 +498,18 @@ include (&quot;../ms_configura.php&quot;);
516 </div> 498 </div>
517 </div> 499 </div>
518 </div> 500 </div>
519 -  
520 <!-- Legenda --> 501 <!-- Legenda -->
521 <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'> 502 <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
522 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"> 503 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
523 - <span class="pull-left">{{{iconeLegenda}}}</span>  
524 - X 504 + <button>
  505 + <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
  506 + </button>
525 </div> 507 </div>
526 <div class="separadorCabecalhoGuias">&nbsp;</div> 508 <div class="separadorCabecalhoGuias">&nbsp;</div>
527 - <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a>  
528 - <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div> 509 + <div class="guiaOverflow">
  510 + <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a>
  511 + <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
  512 + </div>
529 </div> 513 </div>
530 <!-- busca 514 <!-- busca
531 Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google 515 Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
@@ -534,47 +518,42 @@ include (&quot;../ms_configura.php&quot;); @@ -534,47 +518,42 @@ include (&quot;../ms_configura.php&quot;);
534 --> 518 -->
535 <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'> 519 <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
536 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 520 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
537 - <span class="pull-left">{{{t23}}}</span>  
538 - X 521 + <button>
  522 + <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
  523 + </button>
539 </div> 524 </div>
540 <div class="separadorCabecalhoGuias">&nbsp;</div> 525 <div class="separadorCabecalhoGuias">&nbsp;</div>
541 - <form onSubmit="return false;">  
542 - <div class="form-group label-floating">  
543 - <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>  
544 - <div class="input-group">  
545 - <input class="form-control" type="text" value="" name="valorBuscaRapida">  
546 - <span class="input-group-btn">  
547 - <a onclick="i3GEO.busca.inicia(this);return false;" data-templateGoogle="templates/buscaEmTemas.html" data-inputGoogle="[name=google]"  
548 - data-ondeGoogle=".i3GEOresultadoBuscaGoogle" data-templateTemasMapa="templates/buscaEmTemas.html" data-inputTemasMapa="[name=temasMapa]"  
549 - data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa" data-templateServico="templates/buscaEmServico.html" data-ondeConteiner="#guia7obj"  
550 - data-inputOndePalavra="[name=valorBuscaRapida]" data-inputServicosExternos="[name=servicosExternos]" data-ondeServicosExternos=".i3GEOresultadoBuscaServicos"  
551 - role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">  
552 - <span class="material-icons ">send</span>  
553 - </a>  
554 - </span>  
555 - </div>  
556 - </div>  
557 - <h4>{{{x37}}}:</h4>  
558 - <div class="form-inline" style="width: 100%;">  
559 - <div class="list-group condensed">  
560 - <div class="checkbox text-left">  
561 - <label>  
562 - <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos">  
563 -  
564 - {{{x38}}}  
565 - </label> 526 + <div class="guiaOverflow">
  527 + <form onSubmit="return false;">
  528 + <div class="form-group label-floating">
  529 + <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
  530 + <div class="input-group">
  531 + <input class="form-control" type="text" value="" name="valorBuscaRapida"> <span class="input-group-btn"> <a
  532 + onclick="i3GEO.busca.inicia(this);return false;" data-templateGoogle="templates/buscaEmTemas.html" data-inputGoogle="[name=google]"
  533 + data-ondeGoogle=".i3GEOresultadoBuscaGoogle" data-templateTemasMapa="templates/buscaEmTemas.html" data-inputTemasMapa="[name=temasMapa]"
  534 + data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa" data-templateServico="templates/buscaEmServico.html" data-ondeConteiner="#guia7obj"
  535 + data-inputOndePalavra="[name=valorBuscaRapida]" data-inputServicosExternos="[name=servicosExternos]"
  536 + data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
  537 + <span class="material-icons ">send</span>
  538 + </a>
  539 + </span>
566 </div> 540 </div>
567 </div> 541 </div>
568 - <div class="list-group condensed">  
569 - <div class="checkbox text-left">  
570 - <label>  
571 - <input class="noprint" value="on" type="checkbox" name="temasMapa">  
572 -  
573 - {{{x39}}}  
574 - </label> 542 + <h4>{{{x37}}}:</h4>
  543 + <div class="form-inline" style="width: 100%;">
  544 + <div class="list-group condensed">
  545 + <div class="checkbox text-left">
  546 + <label> <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos"> {{{x38}}}
  547 + </label>
  548 + </div>
575 </div> 549 </div>
576 - </div>  
577 - <!-- Apenas para a interface google maps 550 + <div class="list-group condensed">
  551 + <div class="checkbox text-left">
  552 + <label> <input class="noprint" value="on" type="checkbox" name="temasMapa"> {{{x39}}}
  553 + </label>
  554 + </div>
  555 + </div>
  556 + <!-- Apenas para a interface google maps
578 <div class="list-group condensed"> 557 <div class="list-group condensed">
579 <div class="checkbox text-left"> 558 <div class="checkbox text-left">
580 <label> 559 <label>
@@ -584,52 +563,56 @@ include (&quot;../ms_configura.php&quot;); @@ -584,52 +563,56 @@ include (&quot;../ms_configura.php&quot;);
584 </div> 563 </div>
585 </div> 564 </div>
586 --> 565 -->
587 - </div>  
588 - </form>  
589 - <hr>  
590 - <div class="i3GEOresultadoBuscaServicos"></div>  
591 - <div class="i3GEOresultadoBuscaTemasMapa"></div>  
592 - <div class="i3GEOresultadoBuscaGoogle"></div>  
593 - <div class="alert alert-info" role="alert">{{{x40}}}</div> 566 + </div>
  567 + </form>
  568 + <hr>
  569 + <div class="i3GEOresultadoBuscaServicos"></div>
  570 + <div class="i3GEOresultadoBuscaTemasMapa"></div>
  571 + <div class="i3GEOresultadoBuscaGoogle"></div>
  572 + <div class="alert alert-info" role="alert">{{{x40}}}</div>
  573 + </div>
594 </div> 574 </div>
595 <!-- Ferramentas --> 575 <!-- Ferramentas -->
596 <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'> 576 <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
597 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 577 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
598 - <span class="pull-left">{{{iconeFerramentas}}}</span>  
599 - X 578 + <button>
  579 + <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
  580 + </button>
600 </div> 581 </div>
601 <div class="separadorCabecalhoGuias">&nbsp;</div> 582 <div class="separadorCabecalhoGuias">&nbsp;</div>
602 - <div class="form-inline" style="width: 100%;">  
603 - <div class="text-center form-group" style="margin: 4px;">  
604 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.area();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">  
605 - <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">  
606 - </a>  
607 - <h6>{{{d21at}}}</h6>  
608 - </div>  
609 - <div class="text-center form-group" style="margin: 4px;">  
610 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.distancia();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">  
611 - <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">  
612 - </a>  
613 - <h6>{{{d21t}}}</h6>  
614 - </div>  
615 - <div class="text-center form-group" style="margin: 4px;">  
616 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.selecao();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">  
617 - <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">  
618 - </a>  
619 - <h6>{{{d24t}}}</h6>  
620 - </div>  
621 - <div class="text-center form-group" style="margin: 4px;">  
622 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.geolocal();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">  
623 - <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">  
624 - </a>  
625 - <h6>{{{localiza}}}</h6> 583 + <div class="guiaOverflow">
  584 + <div class="form-inline" style="width: 100%;">
  585 + <div class="text-center form-group" style="margin: 4px;">
  586 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.area();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  587 + <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">
  588 + </a>
  589 + <h6>{{{d21at}}}</h6>
  590 + </div>
  591 + <div class="text-center form-group" style="margin: 4px;">
  592 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.distancia();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  593 + <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">
  594 + </a>
  595 + <h6>{{{d21t}}}</h6>
  596 + </div>
  597 + <div class="text-center form-group" style="margin: 4px;">
  598 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.selecao();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  599 + <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">
  600 + </a>
  601 + <h6>{{{d24t}}}</h6>
  602 + </div>
  603 + <div class="text-center form-group" style="margin: 4px;">
  604 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.geolocal();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  605 + <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">
  606 + </a>
  607 + <h6>{{{localiza}}}</h6>
  608 + </div>
626 </div> 609 </div>
  610 + <div class="clearfix"></div>
  611 + <hr>
  612 + <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>
  613 + <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>
  614 + <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>
627 </div> 615 </div>
628 - <div class="clearfix"></div>  
629 - <hr>  
630 - <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>  
631 - <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>  
632 - <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>  
633 </div> 616 </div>
634 </div> 617 </div>
635 </div> 618 </div>
interface/gmdebug.phtml
@@ -56,7 +56,10 @@ include (&quot;../ms_configura.php&quot;); @@ -56,7 +56,10 @@ include (&quot;../ms_configura.php&quot;);
56 Se os estilos width e height nao estiverem definidos, o tamanho do mapa abrangera a tela toda 56 Se os estilos width e height nao estiverem definidos, o tamanho do mapa abrangera a tela toda
57 --> 57 -->
58 <div id="mapai3Geo"></div> 58 <div id="mapai3Geo"></div>
59 - 59 + <!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado-->
  60 + <form class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;">
  61 + <input id='i3GEOescalanum' type='text' name='' value='' size='10' title=''>
  62 + </form>
60 63
61 <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse --> 64 <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->
62 <div class="localizarxy fundoRodape hidden-xs hidden-sm"> 65 <div class="localizarxy fundoRodape hidden-xs hidden-sm">
@@ -73,48 +76,29 @@ include (&quot;../ms_configura.php&quot;); @@ -73,48 +76,29 @@ include (&quot;../ms_configura.php&quot;);
73 </select> 76 </select>
74 </div> 77 </div>
75 <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block; position: absolute; top: 0px; left: 60px;"> 78 <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block; position: absolute; top: 0px; left: 60px;">
76 - X:  
77 - <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text">  
78 - <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">  
79 - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text">  
80 - Y:  
81 - <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg" type="text">  
82 - <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text">  
83 - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjys" type="text">  
84 - <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif"> 79 + X: <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text"> <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">
  80 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text"> Y: <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg"
  81 + type="text"> <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text"> <input name="" value="00.00" size="5" title="segundo"
  82 + id="localizarxygeoProjys" type="text"> <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">
85 </div> 83 </div>
86 <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 84 <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
87 - X:  
88 - <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text">  
89 - Y:  
90 - <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text"> 85 + X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">
91 </div> 86 </div>
92 <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 87 <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
93 - GeoHash  
94 - <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text">  
95 - <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif"> 88 + GeoHash <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text"> <img class="ticfind" style="margin-left: 8px;" title="zoom"
  89 + onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">
96 </div> 90 </div>
97 <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 91 <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
98 - X:  
99 - <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text">  
100 - Y:  
101 - <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y" type="text"> 92 + X: <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y"
  93 + type="text">
102 </div> 94 </div>
103 <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 95 <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
104 - X:  
105 - <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text">  
106 - Y:  
107 - <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY" type="text">  
108 - Zn:  
109 - <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text"> 96 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY"
  97 + type="text"> Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">
110 </div> 98 </div>
111 <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 99 <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
112 - X:  
113 - <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text">  
114 - Y:  
115 - <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY" type="text">  
116 - Zn:  
117 - <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text"> 100 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY"
  101 + type="text"> Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">
118 </div> 102 </div>
119 </div> 103 </div>
120 <!-- barra de icones de navegacao --> 104 <!-- barra de icones de navegacao -->
@@ -166,7 +150,7 @@ include (&quot;../ms_configura.php&quot;); @@ -166,7 +150,7 @@ include (&quot;../ms_configura.php&quot;);
166 <!-- configuracao para todos os botoes 150 <!-- configuracao para todos os botoes
167 data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado 151 data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
168 --> 152 -->
169 - <div class="iconesGuiaMovel ol-control" data-traduzir="true"> 153 + <div class="iconesGuiaMovel ol-control" data-traduzir="true">
170 <!-- ferramentas 154 <!-- ferramentas
171 data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel 155 data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
172 data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta 156 data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
@@ -229,7 +213,7 @@ include (&quot;../ms_configura.php&quot;); @@ -229,7 +213,7 @@ include (&quot;../ms_configura.php&quot;);
229 </div> 213 </div>
230 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem 214 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
231 <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;"> 215 <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
232 - <button title="{{{iconeIdentifica}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;"> 216 + <button title="{{{iconeIdentifica}}}" class="iconeGuiaMovel" style="box-shadow: none;">
233 <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;"> 217 <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
234 </button> 218 </button>
235 </div> 219 </div>
@@ -243,16 +227,16 @@ include (&quot;../ms_configura.php&quot;); @@ -243,16 +227,16 @@ include (&quot;../ms_configura.php&quot;);
243 <!-- camadas existentes no mapa --> 227 <!-- camadas existentes no mapa -->
244 <div id='guia1obj' data-traduzir="true" style='display: none;'> 228 <div id='guia1obj' data-traduzir="true" style='display: none;'>
245 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 229 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
246 - <span class="pull-left">{{{iconeMapa}}}</span>  
247 - X 230 + <button>
  231 + <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
  232 + </button>
248 </div> 233 </div>
249 <div class="separadorCabecalhoGuias">&nbsp;</div> 234 <div class="separadorCabecalhoGuias">&nbsp;</div>
250 - <div class="list-group condensed noprint">  
251 - <label>{{{opcoes}}}</label>  
252 - <a data-target="#opcoesGuia1" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">  
253 -  
254 - </a>  
255 - <div class="text-left collapse" id="opcoesGuia1" style="margin-left: 30px;"> 235 + <div class="guiaOverflow">
  236 + <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
  237 + <label>{{{opcoes}}}</label>
  238 + </div>
  239 + <div class="text-left collapse noprint" id="opcoesGuia1" style="margin-left: 30px;">
256 <p> 240 <p>
257 <a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">Refresh</a> 241 <a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">Refresh</a>
258 </p> 242 </p>
@@ -281,44 +265,42 @@ include (&quot;../ms_configura.php&quot;); @@ -281,44 +265,42 @@ include (&quot;../ms_configura.php&quot;);
281 <a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)">{{{t4}}}</a> 265 <a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)">{{{t4}}}</a>
282 </p> 266 </p>
283 </div> 267 </div>
284 - </div>  
285 - <hr>  
286 - <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->  
287 - <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div>  
288 - <!-- Esta div acrescenta a lista de de camadas de fundo 268 + <hr>
  269 + <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
  270 + <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div>
  271 + <!-- Esta div acrescenta a lista de de camadas de fundo
289 A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS 272 A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
290 Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida 273 Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
291 no programa interface/config.php 274 no programa interface/config.php
292 --> 275 -->
293 - <div class="list-group condensed">  
294 - <label>{{{camadasDeFundo}}}</label>  
295 - <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">  
296 -  
297 - </a> 276 + <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
  277 + <label>{{{camadasDeFundo}}}</label>
  278 + </div>
298 <div style="margin-left: 0px;" class="collapse text-left" id="collapseFundo"> 279 <div style="margin-left: 0px;" class="collapse text-left" id="collapseFundo">
299 <form> 280 <form>
300 - <div id="listaFundo" class="form-group" data-template="templates/camadaFundo.html"></div> 281 + <div id="listaFundo" class="form-group condensed" data-template="templates/camadaFundo.html"></div>
301 </form> 282 </form>
302 </div> 283 </div>
  284 +
303 </div> 285 </div>
304 </div> 286 </div>
305 <!-- Catalogo de temas --> 287 <!-- Catalogo de temas -->
306 <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'> 288 <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'>
307 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"> 289 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
308 - <span class="pull-left">{{{iconeCatalogo}}}</span>  
309 - X 290 + <button>
  291 + <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
  292 + </button>
310 </div> 293 </div>
311 <div class="separadorCabecalhoGuias">&nbsp;</div> 294 <div class="separadorCabecalhoGuias">&nbsp;</div>
312 - <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->  
313 - <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>  
314 - <div id="catalogoNavegacao"></div>  
315 - <!-- Opcoes -->  
316 - <div id="catalogoPrincipal">  
317 - <div class="list-group condensed noprint">  
318 - <label>{{{opcoes}}}</label>  
319 - <a data-target="#opcoesGuia2" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">  
320 -  
321 - </a> 295 + <div class="guiaOverflow">
  296 + <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
  297 + <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>
  298 + <div id="catalogoNavegacao"></div>
  299 + <!-- Opcoes -->
  300 + <div id="catalogoPrincipal">
  301 + <div data-toggle="collapse" data-target="#opcoesGuia2" class="list-group condensed collapsed noprint">
  302 + <label>{{{opcoes}}}</label>
  303 + </div>
322 <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;"> 304 <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;">
323 <p> 305 <p>
324 <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a> 306 <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a>
@@ -354,11 +336,10 @@ include (&quot;../ms_configura.php&quot;); @@ -354,11 +336,10 @@ include (&quot;../ms_configura.php&quot;);
354 <p> 336 <p>
355 <a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a> 337 <a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
356 </p> 338 </p>
357 -  
358 </div> 339 </div>
359 - </div>  
360 - <hr>  
361 - <!-- busca tema no catalogo 340 +
  341 + <hr>
  342 + <!-- busca tema no catalogo
362 <div class="form-group label-floating"> 343 <div class="form-group label-floating">
363 <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label> 344 <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
364 <div class="input-group"> 345 <div class="input-group">
@@ -371,18 +352,18 @@ include (&quot;../ms_configura.php&quot;); @@ -371,18 +352,18 @@ include (&quot;../ms_configura.php&quot;);
371 </div> 352 </div>
372 </div> 353 </div>
373 --> 354 -->
374 - <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona 355 + <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona
375 Nessa funcao ficam tambem os parametros: 356 Nessa funcao ficam tambem os parametros:
376 "idOndeMenus": "catalogoMenus", 357 "idOndeMenus": "catalogoMenus",
377 "idCatalogoPrincipal": "catalogoPrincipal", 358 "idCatalogoPrincipal": "catalogoPrincipal",
378 "idCatalogoNavegacao": "catalogoNavegacao", 359 "idCatalogoNavegacao": "catalogoNavegacao",
379 "idOndeMigalha": "catalogoMigalha" 360 "idOndeMigalha": "catalogoMigalha"
380 --> 361 -->
381 - <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div> 362 + <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
382 363
383 - <div id="arvoreAdicionaTema"></div> 364 + <div id="arvoreAdicionaTema"></div>
384 365
385 - <!-- 366 + <!--
386 As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao: 367 As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
387 config: { 368 config: {
388 'templateDir': 'templates/dir.html', 369 'templateDir': 'templates/dir.html',
@@ -397,7 +378,7 @@ include (&quot;../ms_configura.php&quot;); @@ -397,7 +378,7 @@ include (&quot;../ms_configura.php&quot;);
397 onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" 378 onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
398 --> 379 -->
399 380
400 - <!-- servicos da INDE brasileira --> 381 + <!-- servicos da INDE brasileira -->
401 <div class="list-group condensed"> 382 <div class="list-group condensed">
402 <div class="row-content text-left"> 383 <div class="row-content text-left">
403 <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"> 384 <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
@@ -470,7 +451,8 @@ include (&quot;../ms_configura.php&quot;); @@ -470,7 +451,8 @@ include (&quot;../ms_configura.php&quot;);
470 <!-- camadas por estrelas --> 451 <!-- camadas por estrelas -->
471 <div class="list-group condensed"> 452 <div class="list-group condensed">
472 <div class="row-content text-left"> 453 <div class="row-content text-left">
473 - <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"> 454 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max"
  455 + href="javascript:void(0)">
474 <span class="material-icons ">folder_open</span> 456 <span class="material-icons ">folder_open</span>
475 </a> 457 </a>
476 <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" 458 <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
@@ -516,16 +498,18 @@ include (&quot;../ms_configura.php&quot;); @@ -516,16 +498,18 @@ include (&quot;../ms_configura.php&quot;);
516 </div> 498 </div>
517 </div> 499 </div>
518 </div> 500 </div>
519 -  
520 <!-- Legenda --> 501 <!-- Legenda -->
521 <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'> 502 <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
522 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"> 503 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
523 - <span class="pull-left">{{{iconeLegenda}}}</span>  
524 - X 504 + <button>
  505 + <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
  506 + </button>
525 </div> 507 </div>
526 <div class="separadorCabecalhoGuias">&nbsp;</div> 508 <div class="separadorCabecalhoGuias">&nbsp;</div>
527 - <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a>  
528 - <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div> 509 + <div class="guiaOverflow">
  510 + <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a>
  511 + <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
  512 + </div>
529 </div> 513 </div>
530 <!-- busca 514 <!-- busca
531 Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google 515 Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
@@ -534,47 +518,42 @@ include (&quot;../ms_configura.php&quot;); @@ -534,47 +518,42 @@ include (&quot;../ms_configura.php&quot;);
534 --> 518 -->
535 <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'> 519 <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
536 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 520 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
537 - <span class="pull-left">{{{t23}}}</span>  
538 - X 521 + <button>
  522 + <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
  523 + </button>
539 </div> 524 </div>
540 <div class="separadorCabecalhoGuias">&nbsp;</div> 525 <div class="separadorCabecalhoGuias">&nbsp;</div>
541 - <form onSubmit="return false;">  
542 - <div class="form-group label-floating">  
543 - <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>  
544 - <div class="input-group">  
545 - <input class="form-control" type="text" value="" name="valorBuscaRapida">  
546 - <span class="input-group-btn">  
547 - <a onclick="i3GEO.busca.inicia(this);return false;" data-templateGoogle="templates/buscaEmTemas.html" data-inputGoogle="[name=google]"  
548 - data-ondeGoogle=".i3GEOresultadoBuscaGoogle" data-templateTemasMapa="templates/buscaEmTemas.html" data-inputTemasMapa="[name=temasMapa]"  
549 - data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa" data-templateServico="templates/buscaEmServico.html" data-ondeConteiner="#guia7obj"  
550 - data-inputOndePalavra="[name=valorBuscaRapida]" data-inputServicosExternos="[name=servicosExternos]" data-ondeServicosExternos=".i3GEOresultadoBuscaServicos"  
551 - role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">  
552 - <span class="material-icons ">send</span>  
553 - </a>  
554 - </span>  
555 - </div>  
556 - </div>  
557 - <h4>{{{x37}}}:</h4>  
558 - <div class="form-inline" style="width: 100%;">  
559 - <div class="list-group condensed">  
560 - <div class="checkbox text-left">  
561 - <label>  
562 - <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos">  
563 -  
564 - {{{x38}}}  
565 - </label> 526 + <div class="guiaOverflow">
  527 + <form onSubmit="return false;">
  528 + <div class="form-group label-floating">
  529 + <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
  530 + <div class="input-group">
  531 + <input class="form-control" type="text" value="" name="valorBuscaRapida"> <span class="input-group-btn"> <a
  532 + onclick="i3GEO.busca.inicia(this);return false;" data-templateGoogle="templates/buscaEmTemas.html" data-inputGoogle="[name=google]"
  533 + data-ondeGoogle=".i3GEOresultadoBuscaGoogle" data-templateTemasMapa="templates/buscaEmTemas.html" data-inputTemasMapa="[name=temasMapa]"
  534 + data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa" data-templateServico="templates/buscaEmServico.html" data-ondeConteiner="#guia7obj"
  535 + data-inputOndePalavra="[name=valorBuscaRapida]" data-inputServicosExternos="[name=servicosExternos]"
  536 + data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
  537 + <span class="material-icons ">send</span>
  538 + </a>
  539 + </span>
566 </div> 540 </div>
567 </div> 541 </div>
568 - <div class="list-group condensed">  
569 - <div class="checkbox text-left">  
570 - <label>  
571 - <input class="noprint" value="on" type="checkbox" name="temasMapa">  
572 -  
573 - {{{x39}}}  
574 - </label> 542 + <h4>{{{x37}}}:</h4>
  543 + <div class="form-inline" style="width: 100%;">
  544 + <div class="list-group condensed">
  545 + <div class="checkbox text-left">
  546 + <label> <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos"> {{{x38}}}
  547 + </label>
  548 + </div>
575 </div> 549 </div>
576 - </div>  
577 - <!-- Apenas para a interface google maps 550 + <div class="list-group condensed">
  551 + <div class="checkbox text-left">
  552 + <label> <input class="noprint" value="on" type="checkbox" name="temasMapa"> {{{x39}}}
  553 + </label>
  554 + </div>
  555 + </div>
  556 + <!-- Apenas para a interface google maps
578 <div class="list-group condensed"> 557 <div class="list-group condensed">
579 <div class="checkbox text-left"> 558 <div class="checkbox text-left">
580 <label> 559 <label>
@@ -584,52 +563,56 @@ include (&quot;../ms_configura.php&quot;); @@ -584,52 +563,56 @@ include (&quot;../ms_configura.php&quot;);
584 </div> 563 </div>
585 </div> 564 </div>
586 --> 565 -->
587 - </div>  
588 - </form>  
589 - <hr>  
590 - <div class="i3GEOresultadoBuscaServicos"></div>  
591 - <div class="i3GEOresultadoBuscaTemasMapa"></div>  
592 - <div class="i3GEOresultadoBuscaGoogle"></div>  
593 - <div class="alert alert-info" role="alert">{{{x40}}}</div> 566 + </div>
  567 + </form>
  568 + <hr>
  569 + <div class="i3GEOresultadoBuscaServicos"></div>
  570 + <div class="i3GEOresultadoBuscaTemasMapa"></div>
  571 + <div class="i3GEOresultadoBuscaGoogle"></div>
  572 + <div class="alert alert-info" role="alert">{{{x40}}}</div>
  573 + </div>
594 </div> 574 </div>
595 <!-- Ferramentas --> 575 <!-- Ferramentas -->
596 <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'> 576 <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
597 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 577 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
598 - <span class="pull-left">{{{iconeFerramentas}}}</span>  
599 - X 578 + <button>
  579 + <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
  580 + </button>
600 </div> 581 </div>
601 <div class="separadorCabecalhoGuias">&nbsp;</div> 582 <div class="separadorCabecalhoGuias">&nbsp;</div>
602 - <div class="form-inline" style="width: 100%;">  
603 - <div class="text-center form-group" style="margin: 4px;">  
604 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.area();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">  
605 - <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">  
606 - </a>  
607 - <h6>{{{d21at}}}</h6>  
608 - </div>  
609 - <div class="text-center form-group" style="margin: 4px;">  
610 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.distancia();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">  
611 - <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">  
612 - </a>  
613 - <h6>{{{d21t}}}</h6>  
614 - </div>  
615 - <div class="text-center form-group" style="margin: 4px;">  
616 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.selecao();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">  
617 - <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">  
618 - </a>  
619 - <h6>{{{d24t}}}</h6>  
620 - </div>  
621 - <div class="text-center form-group" style="margin: 4px;">  
622 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.geolocal();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">  
623 - <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">  
624 - </a>  
625 - <h6>{{{localiza}}}</h6> 583 + <div class="guiaOverflow">
  584 + <div class="form-inline" style="width: 100%;">
  585 + <div class="text-center form-group" style="margin: 4px;">
  586 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.area();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  587 + <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">
  588 + </a>
  589 + <h6>{{{d21at}}}</h6>
  590 + </div>
  591 + <div class="text-center form-group" style="margin: 4px;">
  592 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.distancia();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  593 + <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">
  594 + </a>
  595 + <h6>{{{d21t}}}</h6>
  596 + </div>
  597 + <div class="text-center form-group" style="margin: 4px;">
  598 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.selecao();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  599 + <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">
  600 + </a>
  601 + <h6>{{{d24t}}}</h6>
  602 + </div>
  603 + <div class="text-center form-group" style="margin: 4px;">
  604 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.geolocal();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  605 + <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">
  606 + </a>
  607 + <h6>{{{localiza}}}</h6>
  608 + </div>
626 </div> 609 </div>
  610 + <div class="clearfix"></div>
  611 + <hr>
  612 + <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>
  613 + <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>
  614 + <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>
627 </div> 615 </div>
628 - <div class="clearfix"></div>  
629 - <hr>  
630 - <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>  
631 - <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>  
632 - <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>  
633 </div> 616 </div>
634 </div> 617 </div>
635 </div> 618 </div>
interface/googlemaps_noite.phtml
@@ -49,14 +49,17 @@ include (&quot;../ms_configura.php&quot;); @@ -49,14 +49,17 @@ include (&quot;../ms_configura.php&quot;);
49 --> 49 -->
50 <body id="i3geo" style='background: white;'> 50 <body id="i3geo" style='background: white;'>
51 <!-- inclui o nome do usuario logado 51 <!-- inclui o nome do usuario logado
52 - <div id="i3GEONomeLogin"  
53 - style="position: absolute; left: 10px; top: 2px; font-size: 11px; z-index: 50000"></div>  
54 - --> 52 + <div id="i3GEONomeLogin"
  53 + style="position: absolute; left: 10px; top: 2px; font-size: 11px; z-index: 50000"></div>
  54 + -->
55 <!-- Aqui vai o mapa. O div a ser inserido e padronizado e depende da interface usar openlayers ou googlemaps 55 <!-- Aqui vai o mapa. O div a ser inserido e padronizado e depende da interface usar openlayers ou googlemaps
56 - Se os estilos width e height nao estiverem definidos, o tamanho do mapa abrangera a tela toda  
57 - --> 56 + Se os estilos width e height nao estiverem definidos, o tamanho do mapa abrangera a tela toda
  57 + -->
58 <div id="mapai3Geo"></div> 58 <div id="mapai3Geo"></div>
59 - 59 + <!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado-->
  60 + <form class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;">
  61 + <input id='i3GEOescalanum' type='text' name='' value='' size='10' title=''>
  62 + </form>
60 63
61 <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse --> 64 <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->
62 <div class="localizarxy fundoRodape hidden-xs hidden-sm"> 65 <div class="localizarxy fundoRodape hidden-xs hidden-sm">
@@ -73,48 +76,29 @@ include (&quot;../ms_configura.php&quot;); @@ -73,48 +76,29 @@ include (&quot;../ms_configura.php&quot;);
73 </select> 76 </select>
74 </div> 77 </div>
75 <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block; position: absolute; top: 0px; left: 60px;"> 78 <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block; position: absolute; top: 0px; left: 60px;">
76 - X:  
77 - <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text">  
78 - <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">  
79 - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text">  
80 - Y:  
81 - <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg" type="text">  
82 - <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text">  
83 - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjys" type="text">  
84 - <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif"> 79 + X: <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text"> <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">
  80 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text"> Y: <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg"
  81 + type="text"> <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text"> <input name="" value="00.00" size="5" title="segundo"
  82 + id="localizarxygeoProjys" type="text"> <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">
85 </div> 83 </div>
86 <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 84 <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
87 - X:  
88 - <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text">  
89 - Y:  
90 - <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text"> 85 + X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">
91 </div> 86 </div>
92 <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 87 <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
93 - GeoHash  
94 - <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text">  
95 - <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif"> 88 + GeoHash <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text"> <img class="ticfind" style="margin-left: 8px;" title="zoom"
  89 + onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">
96 </div> 90 </div>
97 <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 91 <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
98 - X:  
99 - <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text">  
100 - Y:  
101 - <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y" type="text"> 92 + X: <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y"
  93 + type="text">
102 </div> 94 </div>
103 <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 95 <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
104 - X:  
105 - <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text">  
106 - Y:  
107 - <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY" type="text">  
108 - Zn:  
109 - <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text"> 96 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY"
  97 + type="text"> Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">
110 </div> 98 </div>
111 <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 99 <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
112 - X:  
113 - <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text">  
114 - Y:  
115 - <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY" type="text">  
116 - Zn:  
117 - <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text"> 100 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY"
  101 + type="text"> Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">
118 </div> 102 </div>
119 </div> 103 </div>
120 <!-- barra de icones de navegacao --> 104 <!-- barra de icones de navegacao -->
@@ -164,26 +148,26 @@ include (&quot;../ms_configura.php&quot;); @@ -164,26 +148,26 @@ include (&quot;../ms_configura.php&quot;);
164 <!-- botoes laterais que abrem guias moveis --> 148 <!-- botoes laterais que abrem guias moveis -->
165 <div id="i3GEOguiaMovel"> 149 <div id="i3GEOguiaMovel">
166 <!-- configuracao para todos os botoes 150 <!-- configuracao para todos os botoes
167 - data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado  
168 - -->  
169 - <div class="iconesGuiaMovel ol-control" data-traduzir="true"> 151 + data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
  152 + -->
  153 + <div class="iconesGuiaMovel ol-control" data-traduzir="true">
170 <!-- ferramentas 154 <!-- ferramentas
171 - data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel  
172 - data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta  
173 - data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior  
174 - --> 155 + data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
  156 + data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
  157 + data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
  158 + -->
175 <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)"> 159 <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
176 <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;"> 160 <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
177 <i class="material-icons">business_center</i> 161 <i class="material-icons">business_center</i>
178 </button> 162 </button>
179 </div> 163 </div>
180 <!-- temas existentes no mapa 164 <!-- temas existentes no mapa
181 - data-idListaDeCamadas - id onde sera incluida a lista de camadas  
182 - data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)  
183 - data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,  
184 - inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende  
185 - do metadata existente na camada. Deixe vazio para nao ativar a operacao.  
186 - --> 165 + data-idListaDeCamadas - id onde sera incluida a lista de camadas
  166 + data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)
  167 + data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,
  168 + inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
  169 + do metadata existente na camada. Deixe vazio para nao ativar a operacao.
  170 + -->
187 <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" 171 <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas"
188 style="margin-top: 3px;"> 172 style="margin-top: 3px;">
189 <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;"> 173 <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
@@ -191,14 +175,14 @@ include (&quot;../ms_configura.php&quot;); @@ -191,14 +175,14 @@ include (&quot;../ms_configura.php&quot;);
191 </button> 175 </button>
192 </div> 176 </div>
193 <!-- catalogo de adicao de temas ao mapa 177 <!-- catalogo de adicao de temas ao mapa
194 - data-idCatalogo - id do DIV que contem a primeira pagina do catalogo. Esse DIV sera escondido e mostrado conforme o usuario navega pelo catalogo  
195 - data-idMenus - id do DIV que recebera a lista de menus cadastrados no sistema de administracao  
196 - data-idNavegacao - id do DIV que recebera a lista de opcoes apos o usuario clicar em um item do catalogo principal  
197 - data-idMigalha - id do DIV que recebera o link para retorno ao nivel anterior do catalogo 178 + data-idCatalogo - id do DIV que contem a primeira pagina do catalogo. Esse DIV sera escondido e mostrado conforme o usuario navega pelo catalogo
  179 + data-idMenus - id do DIV que recebera a lista de menus cadastrados no sistema de administracao
  180 + data-idNavegacao - id do DIV que recebera a lista de opcoes apos o usuario clicar em um item do catalogo principal
  181 + data-idMigalha - id do DIV que recebera o link para retorno ao nivel anterior do catalogo
198 182
199 - Variaveis javascript:  
200 - i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.  
201 - --> 183 + Variaveis javascript:
  184 + i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
  185 + -->
202 <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" 186 <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal"
203 data-idMenus="catalogoMenus" style="margin-top: 3px;"> 187 data-idMenus="catalogoMenus" style="margin-top: 3px;">
204 <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;"> 188 <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
@@ -228,12 +212,12 @@ include (&quot;../ms_configura.php&quot;); @@ -228,12 +212,12 @@ include (&quot;../ms_configura.php&quot;);
228 </button> 212 </button>
229 </div> 213 </div>
230 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem 214 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
231 - <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">  
232 - <button title="{{{iconeIdentifica}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">  
233 - <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">  
234 - </button>  
235 - </div>  
236 - --> 215 + <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
  216 + <button title="{{{iconeIdentifica}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  217 + <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
  218 + </button>
  219 + </div>
  220 + -->
237 </div> 221 </div>
238 <!-- veja i3GEO.guias.CONFIGURA --> 222 <!-- veja i3GEO.guias.CONFIGURA -->
239 <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" --> 223 <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
@@ -243,16 +227,16 @@ include (&quot;../ms_configura.php&quot;); @@ -243,16 +227,16 @@ include (&quot;../ms_configura.php&quot;);
243 <!-- camadas existentes no mapa --> 227 <!-- camadas existentes no mapa -->
244 <div id='guia1obj' data-traduzir="true" style='display: none;'> 228 <div id='guia1obj' data-traduzir="true" style='display: none;'>
245 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 229 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
246 - <span class="pull-left">{{{iconeMapa}}}</span>  
247 - X 230 + <button>
  231 + <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
  232 + </button>
248 </div> 233 </div>
249 <div class="separadorCabecalhoGuias">&nbsp;</div> 234 <div class="separadorCabecalhoGuias">&nbsp;</div>
250 - <div class="list-group condensed noprint">  
251 - <label>{{{opcoes}}}</label>  
252 - <a data-target="#opcoesGuia1" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">  
253 -  
254 - </a>  
255 - <div class="text-left collapse" id="opcoesGuia1" style="margin-left: 30px;"> 235 + <div class="guiaOverflow">
  236 + <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
  237 + <label>{{{opcoes}}}</label>
  238 + </div>
  239 + <div class="text-left collapse noprint" id="opcoesGuia1" style="margin-left: 30px;">
256 <p> 240 <p>
257 <a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">Refresh</a> 241 <a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">Refresh</a>
258 </p> 242 </p>
@@ -281,44 +265,42 @@ include (&quot;../ms_configura.php&quot;); @@ -281,44 +265,42 @@ include (&quot;../ms_configura.php&quot;);
281 <a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)">{{{t4}}}</a> 265 <a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)">{{{t4}}}</a>
282 </p> 266 </p>
283 </div> 267 </div>
284 - </div>  
285 - <hr>  
286 - <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->  
287 - <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div>  
288 - <!-- Esta div acrescenta a lista de de camadas de fundo  
289 - A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS  
290 - Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida  
291 - no programa interface/config.php  
292 - -->  
293 - <div class="list-group condensed">  
294 - <label>{{{camadasDeFundo}}}</label>  
295 - <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">  
296 -  
297 - </a> 268 + <hr>
  269 + <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
  270 + <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div>
  271 + <!-- Esta div acrescenta a lista de de camadas de fundo
  272 + A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
  273 + Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
  274 + no programa interface/config.php
  275 + -->
  276 + <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
  277 + <label>{{{camadasDeFundo}}}</label>
  278 + </div>
298 <div style="margin-left: 0px;" class="collapse text-left" id="collapseFundo"> 279 <div style="margin-left: 0px;" class="collapse text-left" id="collapseFundo">
299 <form> 280 <form>
300 - <div id="listaFundo" class="form-group" data-template="templates/camadaFundo.html"></div> 281 + <div id="listaFundo" class="form-group condensed" data-template="templates/camadaFundo.html"></div>
301 </form> 282 </form>
302 </div> 283 </div>
  284 +
303 </div> 285 </div>
304 </div> 286 </div>
305 <!-- Catalogo de temas --> 287 <!-- Catalogo de temas -->
306 <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'> 288 <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'>
307 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"> 289 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
308 - <span class="pull-left">{{{iconeCatalogo}}}</span>  
309 - X 290 + <button>
  291 + <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
  292 + </button>
310 </div> 293 </div>
311 <div class="separadorCabecalhoGuias">&nbsp;</div> 294 <div class="separadorCabecalhoGuias">&nbsp;</div>
312 - <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->  
313 - <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>  
314 - <div id="catalogoNavegacao"></div>  
315 - <!-- Opcoes -->  
316 - <div id="catalogoPrincipal">  
317 - <div class="list-group condensed noprint">  
318 - <label>{{{opcoes}}}</label>  
319 - <a data-target="#opcoesGuia2" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">  
320 -  
321 - </a> 295 + <div class="guiaOverflow">
  296 + <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
  297 + <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>
  298 + <div id="catalogoNavegacao"></div>
  299 + <!-- Opcoes -->
  300 + <div id="catalogoPrincipal">
  301 + <div data-toggle="collapse" data-target="#opcoesGuia2" class="list-group condensed collapsed noprint">
  302 + <label>{{{opcoes}}}</label>
  303 + </div>
322 <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;"> 304 <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;">
323 <p> 305 <p>
324 <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a> 306 <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a>
@@ -354,48 +336,47 @@ include (&quot;../ms_configura.php&quot;); @@ -354,48 +336,47 @@ include (&quot;../ms_configura.php&quot;);
354 <p> 336 <p>
355 <a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a> 337 <a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
356 </p> 338 </p>
357 -  
358 - </div>  
359 - </div>  
360 - <hr>  
361 - <!-- busca tema no catalogo  
362 - <div class="form-group label-floating">  
363 - <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>  
364 - <div class="input-group">  
365 - <input id="i3GEObuscatema" class="form-control" type="text" value="">  
366 - <span class="input-group-btn">  
367 - <a onclick="i3GEO.arvoreDeTemas.buscaTema2($i('i3GEObuscatema').value);return false;" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">  
368 - <span class="material-icons ">send</span>  
369 - </a>  
370 - </span>  
371 </div> 339 </div>
372 - </div>  
373 - -->  
374 - <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona  
375 - Nessa funcao ficam tambem os parametros:  
376 - "idOndeMenus": "catalogoMenus",  
377 - "idCatalogoPrincipal": "catalogoPrincipal",  
378 - "idCatalogoNavegacao": "catalogoNavegacao",  
379 - "idOndeMigalha": "catalogoMigalha"  
380 - -->  
381 - <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>  
382 340
383 - <div id="arvoreAdicionaTema"></div> 341 + <hr>
  342 + <!-- busca tema no catalogo
  343 + <div class="form-group label-floating">
  344 + <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
  345 + <div class="input-group">
  346 + <input id="i3GEObuscatema" class="form-control" type="text" value="">
  347 + <span class="input-group-btn">
  348 + <a onclick="i3GEO.arvoreDeTemas.buscaTema2($i('i3GEObuscatema').value);return false;" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
  349 + <span class="material-icons ">send</span>
  350 + </a>
  351 + </span>
  352 + </div>
  353 + </div>
  354 + -->
  355 + <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona
  356 + Nessa funcao ficam tambem os parametros:
  357 + "idOndeMenus": "catalogoMenus",
  358 + "idCatalogoPrincipal": "catalogoPrincipal",
  359 + "idCatalogoNavegacao": "catalogoNavegacao",
  360 + "idOndeMigalha": "catalogoMigalha"
  361 + -->
  362 + <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
  363 +
  364 + <div id="arvoreAdicionaTema"></div>
384 365
385 - <!--  
386 - As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:  
387 - config: {  
388 - 'templateDir': 'templates/dir.html',  
389 - 'templateTema': 'templates/tema.html',  
390 - 'idCatalogoPrincipal': 'catalogoPrincipal',  
391 - 'idCatalogoNavegacao': 'catalogoNavegacao',  
392 - 'idOndeMigalha': 'catalogoMigalha'  
393 - } 366 + <!--
  367 + As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
  368 + config: {
  369 + 'templateDir': 'templates/dir.html',
  370 + 'templateTema': 'templates/tema.html',
  371 + 'idCatalogoPrincipal': 'catalogoPrincipal',
  372 + 'idCatalogoNavegacao': 'catalogoNavegacao',
  373 + 'idOndeMigalha': 'catalogoMigalha'
  374 + }
394 375
395 - exemplo: 376 + exemplo:
396 377
397 - onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"  
398 - --> 378 + onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
  379 + -->
399 380
400 <!-- servicos da INDE brasileira --> 381 <!-- servicos da INDE brasileira -->
401 <div class="list-group condensed"> 382 <div class="list-group condensed">
@@ -470,7 +451,8 @@ include (&quot;../ms_configura.php&quot;); @@ -470,7 +451,8 @@ include (&quot;../ms_configura.php&quot;);
470 <!-- camadas por estrelas --> 451 <!-- camadas por estrelas -->
471 <div class="list-group condensed"> 452 <div class="list-group condensed">
472 <div class="row-content text-left"> 453 <div class="row-content text-left">
473 - <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"> 454 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max"
  455 + href="javascript:void(0)">
474 <span class="material-icons ">folder_open</span> 456 <span class="material-icons ">folder_open</span>
475 </a> 457 </a>
476 <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" 458 <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
@@ -516,120 +498,121 @@ include (&quot;../ms_configura.php&quot;); @@ -516,120 +498,121 @@ include (&quot;../ms_configura.php&quot;);
516 </div> 498 </div>
517 </div> 499 </div>
518 </div> 500 </div>
519 -  
520 <!-- Legenda --> 501 <!-- Legenda -->
521 <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'> 502 <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
522 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"> 503 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
523 - <span class="pull-left">{{{iconeLegenda}}}</span>  
524 - X 504 + <button>
  505 + <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
  506 + </button>
525 </div> 507 </div>
526 <div class="separadorCabecalhoGuias">&nbsp;</div> 508 <div class="separadorCabecalhoGuias">&nbsp;</div>
527 - <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a>  
528 - <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div> 509 + <div class="guiaOverflow">
  510 + <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a>
  511 + <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
  512 + </div>
529 </div> 513 </div>
530 <!-- busca 514 <!-- busca
531 - Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google  
532 - No botao que dispara a busca, ficam os parametros de configuracao  
533 - Esses parametros indicam qual o checkbox que define o tipo de busca, o local onde os dados serao mostrados e o template para formatar o resultado  
534 - --> 515 + Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
  516 + No botao que dispara a busca, ficam os parametros de configuracao
  517 + Esses parametros indicam qual o checkbox que define o tipo de busca, o local onde os dados serao mostrados e o template para formatar o resultado
  518 + -->
535 <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'> 519 <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
536 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 520 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
537 - <span class="pull-left">{{{t23}}}</span>  
538 - X 521 + <button>
  522 + <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
  523 + </button>
539 </div> 524 </div>
540 <div class="separadorCabecalhoGuias">&nbsp;</div> 525 <div class="separadorCabecalhoGuias">&nbsp;</div>
541 - <form onSubmit="return false;">  
542 - <div class="form-group label-floating">  
543 - <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>  
544 - <div class="input-group">  
545 - <input class="form-control" type="text" value="" name="valorBuscaRapida">  
546 - <span class="input-group-btn">  
547 - <a onclick="i3GEO.busca.inicia(this);return false;" data-templateGoogle="templates/buscaEmTemas.html" data-inputGoogle="[name=google]"  
548 - data-ondeGoogle=".i3GEOresultadoBuscaGoogle" data-templateTemasMapa="templates/buscaEmTemas.html" data-inputTemasMapa="[name=temasMapa]"  
549 - data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa" data-templateServico="templates/buscaEmServico.html" data-ondeConteiner="#guia7obj"  
550 - data-inputOndePalavra="[name=valorBuscaRapida]" data-inputServicosExternos="[name=servicosExternos]" data-ondeServicosExternos=".i3GEOresultadoBuscaServicos"  
551 - role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">  
552 - <span class="material-icons ">send</span>  
553 - </a>  
554 - </span>  
555 - </div>  
556 - </div>  
557 - <h4>{{{x37}}}:</h4>  
558 - <div class="form-inline" style="width: 100%;">  
559 - <div class="list-group condensed">  
560 - <div class="checkbox text-left">  
561 - <label>  
562 - <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos">  
563 -  
564 - {{{x38}}}  
565 - </label> 526 + <div class="guiaOverflow">
  527 + <form onSubmit="return false;">
  528 + <div class="form-group label-floating">
  529 + <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
  530 + <div class="input-group">
  531 + <input class="form-control" type="text" value="" name="valorBuscaRapida"> <span class="input-group-btn"> <a
  532 + onclick="i3GEO.busca.inicia(this);return false;" data-templateGoogle="templates/buscaEmTemas.html" data-inputGoogle="[name=google]"
  533 + data-ondeGoogle=".i3GEOresultadoBuscaGoogle" data-templateTemasMapa="templates/buscaEmTemas.html" data-inputTemasMapa="[name=temasMapa]"
  534 + data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa" data-templateServico="templates/buscaEmServico.html" data-ondeConteiner="#guia7obj"
  535 + data-inputOndePalavra="[name=valorBuscaRapida]" data-inputServicosExternos="[name=servicosExternos]"
  536 + data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
  537 + <span class="material-icons ">send</span>
  538 + </a>
  539 + </span>
566 </div> 540 </div>
567 </div> 541 </div>
568 - <div class="list-group condensed">  
569 - <div class="checkbox text-left">  
570 - <label>  
571 - <input class="noprint" value="on" type="checkbox" name="temasMapa">  
572 -  
573 - {{{x39}}}  
574 - </label> 542 + <h4>{{{x37}}}:</h4>
  543 + <div class="form-inline" style="width: 100%;">
  544 + <div class="list-group condensed">
  545 + <div class="checkbox text-left">
  546 + <label> <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos"> {{{x38}}}
  547 + </label>
  548 + </div>
575 </div> 549 </div>
576 - </div>  
577 - <!-- Apenas para a interface google maps  
578 - <div class="list-group condensed">  
579 - <div class="checkbox text-left">  
580 - <label>  
581 - <input class="noprint" value="on" type="checkbox" name="google">  
582 - <span class="checkbox-material noprint"><span class="check"></span></span> Google  
583 - </label> 550 + <div class="list-group condensed">
  551 + <div class="checkbox text-left">
  552 + <label> <input class="noprint" value="on" type="checkbox" name="temasMapa"> {{{x39}}}
  553 + </label>
  554 + </div>
584 </div> 555 </div>
  556 + <!-- Apenas para a interface google maps
  557 + <div class="list-group condensed">
  558 + <div class="checkbox text-left">
  559 + <label>
  560 + <input class="noprint" value="on" type="checkbox" name="google">
  561 + <span class="checkbox-material noprint"><span class="check"></span></span> Google
  562 + </label>
  563 + </div>
  564 + </div>
  565 + -->
585 </div> 566 </div>
586 - -->  
587 - </div>  
588 - </form>  
589 - <hr>  
590 - <div class="i3GEOresultadoBuscaServicos"></div>  
591 - <div class="i3GEOresultadoBuscaTemasMapa"></div>  
592 - <div class="i3GEOresultadoBuscaGoogle"></div>  
593 - <div class="alert alert-info" role="alert">{{{x40}}}</div> 567 + </form>
  568 + <hr>
  569 + <div class="i3GEOresultadoBuscaServicos"></div>
  570 + <div class="i3GEOresultadoBuscaTemasMapa"></div>
  571 + <div class="i3GEOresultadoBuscaGoogle"></div>
  572 + <div class="alert alert-info" role="alert">{{{x40}}}</div>
  573 + </div>
594 </div> 574 </div>
595 <!-- Ferramentas --> 575 <!-- Ferramentas -->
596 <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'> 576 <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
597 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 577 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
598 - <span class="pull-left">{{{iconeFerramentas}}}</span>  
599 - X 578 + <button>
  579 + <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
  580 + </button>
600 </div> 581 </div>
601 <div class="separadorCabecalhoGuias">&nbsp;</div> 582 <div class="separadorCabecalhoGuias">&nbsp;</div>
602 - <div class="form-inline" style="width: 100%;">  
603 - <div class="text-center form-group" style="margin: 4px;">  
604 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.area();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">  
605 - <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">  
606 - </a>  
607 - <h6>{{{d21at}}}</h6>  
608 - </div>  
609 - <div class="text-center form-group" style="margin: 4px;">  
610 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.distancia();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">  
611 - <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">  
612 - </a>  
613 - <h6>{{{d21t}}}</h6>  
614 - </div>  
615 - <div class="text-center form-group" style="margin: 4px;">  
616 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.selecao();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">  
617 - <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">  
618 - </a>  
619 - <h6>{{{d24t}}}</h6>  
620 - </div>  
621 - <div class="text-center form-group" style="margin: 4px;">  
622 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.geolocal();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">  
623 - <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">  
624 - </a>  
625 - <h6>{{{localiza}}}</h6> 583 + <div class="guiaOverflow">
  584 + <div class="form-inline" style="width: 100%;">
  585 + <div class="text-center form-group" style="margin: 4px;">
  586 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.area();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  587 + <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">
  588 + </a>
  589 + <h6>{{{d21at}}}</h6>
  590 + </div>
  591 + <div class="text-center form-group" style="margin: 4px;">
  592 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.distancia();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  593 + <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">
  594 + </a>
  595 + <h6>{{{d21t}}}</h6>
  596 + </div>
  597 + <div class="text-center form-group" style="margin: 4px;">
  598 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.selecao();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  599 + <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">
  600 + </a>
  601 + <h6>{{{d24t}}}</h6>
  602 + </div>
  603 + <div class="text-center form-group" style="margin: 4px;">
  604 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.geolocal();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  605 + <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">
  606 + </a>
  607 + <h6>{{{localiza}}}</h6>
  608 + </div>
626 </div> 609 </div>
  610 + <div class="clearfix"></div>
  611 + <hr>
  612 + <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>
  613 + <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>
  614 + <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>
627 </div> 615 </div>
628 - <div class="clearfix"></div>  
629 - <hr>  
630 - <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>  
631 - <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>  
632 - <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>  
633 </div> 616 </div>
634 </div> 617 </div>
635 </div> 618 </div>
interface/ol.htm
@@ -63,48 +63,29 @@ @@ -63,48 +63,29 @@
63 </select> 63 </select>
64 </div> 64 </div>
65 <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block; position: absolute; top: 0px; left: 60px;"> 65 <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block; position: absolute; top: 0px; left: 60px;">
66 - X:  
67 - <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text">  
68 - <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">  
69 - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text">  
70 - Y:  
71 - <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg" type="text">  
72 - <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text">  
73 - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjys" type="text">  
74 - <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif"> 66 + X: <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text"> <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">
  67 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text"> Y: <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg"
  68 + type="text"> <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text"> <input name="" value="00.00" size="5" title="segundo"
  69 + id="localizarxygeoProjys" type="text"> <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">
75 </div> 70 </div>
76 <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 71 <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
77 - X:  
78 - <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text">  
79 - Y:  
80 - <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text"> 72 + X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">
81 </div> 73 </div>
82 <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 74 <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
83 - GeoHash  
84 - <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text">  
85 - <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif"> 75 + GeoHash <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text"> <img class="ticfind" style="margin-left: 8px;" title="zoom"
  76 + onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">
86 </div> 77 </div>
87 <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 78 <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
88 - X:  
89 - <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text">  
90 - Y:  
91 - <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y" type="text"> 79 + X: <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y"
  80 + type="text">
92 </div> 81 </div>
93 <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 82 <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
94 - X:  
95 - <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text">  
96 - Y:  
97 - <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY" type="text">  
98 - Zn:  
99 - <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text"> 83 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY"
  84 + type="text"> Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">
100 </div> 85 </div>
101 <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 86 <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
102 - X:  
103 - <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text">  
104 - Y:  
105 - <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY" type="text">  
106 - Zn:  
107 - <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text"> 87 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY"
  88 + type="text"> Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">
108 </div> 89 </div>
109 </div> 90 </div>
110 <!-- barra de icones de navegacao --> 91 <!-- barra de icones de navegacao -->
@@ -234,46 +215,42 @@ @@ -234,46 +215,42 @@
234 <div id='guia1obj' data-traduzir="true" style='display: none;'> 215 <div id='guia1obj' data-traduzir="true" style='display: none;'>
235 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 216 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
236 <button> 217 <button>
237 - <span class="pull-left">{{{iconeMapa}}}</span>  
238 - <span class="pull-right material-icons">cancel</span> 218 + <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
239 </button> 219 </button>
240 </div> 220 </div>
241 <div class="separadorCabecalhoGuias">&nbsp;</div> 221 <div class="separadorCabecalhoGuias">&nbsp;</div>
242 <div class="guiaOverflow"> 222 <div class="guiaOverflow">
243 - <div class="list-group condensed noprint"> 223 + <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
244 <label>{{{opcoes}}}</label> 224 <label>{{{opcoes}}}</label>
245 - <a data-target="#opcoesGuia1" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">  
246 -  
247 - </a>  
248 - <div class="text-left collapse" id="opcoesGuia1" style="margin-left: 30px;">  
249 - <p>  
250 - <a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">Refresh</a>  
251 - </p>  
252 - <p>  
253 - <a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)">{{{t3a}}}</a>  
254 - </p>  
255 - <p>  
256 - <a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)">{{{t3b}}}</a>  
257 - </p>  
258 - <p>  
259 - <a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)">{{{t12}}}</a>  
260 - </p>  
261 - <p>  
262 - <a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)">{{{t2a}}}</a>  
263 - </p>  
264 - <p>  
265 - <a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)">{{{t20}}}</a>  
266 - </p>  
267 - <p>  
268 - <a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)">{{{p21}}}</a>  
269 - </p>  
270 - <p>  
271 - <a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)">{{{d12}}}</a>  
272 - </p>  
273 - <p>  
274 - <a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)">{{{t4}}}</a>  
275 - </p>  
276 - </div> 225 + </div>
  226 + <div class="text-left collapse noprint" id="opcoesGuia1" style="margin-left: 30px;">
  227 + <p>
  228 + <a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">Refresh</a>
  229 + </p>
  230 + <p>
  231 + <a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)">{{{t3a}}}</a>
  232 + </p>
  233 + <p>
  234 + <a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)">{{{t3b}}}</a>
  235 + </p>
  236 + <p>
  237 + <a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)">{{{t12}}}</a>
  238 + </p>
  239 + <p>
  240 + <a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)">{{{t2a}}}</a>
  241 + </p>
  242 + <p>
  243 + <a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)">{{{t20}}}</a>
  244 + </p>
  245 + <p>
  246 + <a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)">{{{p21}}}</a>
  247 + </p>
  248 + <p>
  249 + <a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)">{{{d12}}}</a>
  250 + </p>
  251 + <p>
  252 + <a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)">{{{t4}}}</a>
  253 + </p>
277 </div> 254 </div>
278 <hr> 255 <hr>
279 <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual --> 256 <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
@@ -283,26 +260,22 @@ @@ -283,26 +260,22 @@
283 Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida 260 Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
284 no programa interface/config.php 261 no programa interface/config.php
285 --> 262 -->
286 - <div class="list-group condensed"> 263 + <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
287 <label>{{{camadasDeFundo}}}</label> 264 <label>{{{camadasDeFundo}}}</label>
288 - <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button"  
289 - data-toggle="collapse">  
290 -  
291 - </a>  
292 - <div style="margin-left: 0px;" class="collapse text-left" id="collapseFundo">  
293 - <form>  
294 - <div id="listaFundo" class="form-group" data-template="templates/camadaFundo.html"></div>  
295 - </form>  
296 - </div>  
297 </div> 265 </div>
  266 + <div style="margin-left: 0px;" class="collapse text-left" id="collapseFundo">
  267 + <form>
  268 + <div id="listaFundo" class="form-group condensed" data-template="templates/camadaFundo.html"></div>
  269 + </form>
  270 + </div>
  271 +
298 </div> 272 </div>
299 </div> 273 </div>
300 <!-- Catalogo de temas --> 274 <!-- Catalogo de temas -->
301 <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'> 275 <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'>
302 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"> 276 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
303 <button> 277 <button>
304 - <span class="pull-left">{{{iconeCatalogo}}}</span>  
305 - <span class="pull-right material-icons">cancel</span> 278 + <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
306 </button> 279 </button>
307 </div> 280 </div>
308 <div class="separadorCabecalhoGuias">&nbsp;</div> 281 <div class="separadorCabecalhoGuias">&nbsp;</div>
@@ -312,49 +285,46 @@ @@ -312,49 +285,46 @@
312 <div id="catalogoNavegacao"></div> 285 <div id="catalogoNavegacao"></div>
313 <!-- Opcoes --> 286 <!-- Opcoes -->
314 <div id="catalogoPrincipal"> 287 <div id="catalogoPrincipal">
315 - <div class="list-group condensed noprint"> 288 + <div data-toggle="collapse" data-target="#opcoesGuia2" class="list-group condensed collapsed noprint">
316 <label>{{{opcoes}}}</label> 289 <label>{{{opcoes}}}</label>
317 - <a data-target="#opcoesGuia2" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button"  
318 - data-toggle="collapse">  
319 -  
320 - </a>  
321 - <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;"> 290 + </div>
  291 + <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;">
  292 + <p>
  293 + <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a>
  294 + </p>
  295 + <p>
  296 + <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a> -->
  297 + </p>
  298 + <li class="divider"></p>
322 <p> 299 <p>
323 - <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a> 300 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()">{{{a15}}}</a>
324 </p> 301 </p>
325 <p> 302 <p>
326 - <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a> --> 303 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>
  304 + </p>
  305 + <p>
  306 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>
  307 + </p>
  308 + <p>
  309 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>
  310 + </p>
  311 + <p>
  312 + <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a> -->
  313 + </p>
  314 + <p>
  315 + <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a> -->
  316 + </p>
  317 + <p>
  318 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>
  319 + </p>
  320 + <p>
  321 + <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatisticos</a>
  322 + </p>
  323 + <p>
  324 + <a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
327 </p> 325 </p>
328 - <li class="divider"></p>  
329 - <p>  
330 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()">{{{a15}}}</a>  
331 - </p>  
332 - <p>  
333 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>  
334 - </p>  
335 - <p>  
336 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>  
337 - </p>  
338 - <p>  
339 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>  
340 - </p>  
341 - <p>  
342 - <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a> -->  
343 - </p>  
344 - <p>  
345 - <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a> -->  
346 - </p>  
347 - <p>  
348 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>  
349 - </p>  
350 - <p>  
351 - <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatisticos</a>  
352 - </p>  
353 - <p>  
354 - <a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>  
355 - </p>  
356 - </div>  
357 </div> 326 </div>
  327 +
358 <hr> 328 <hr>
359 <!-- busca tema no catalogo 329 <!-- busca tema no catalogo
360 <div class="form-group label-floating"> 330 <div class="form-group label-floating">
@@ -468,7 +438,8 @@ @@ -468,7 +438,8 @@
468 <!-- camadas por estrelas --> 438 <!-- camadas por estrelas -->
469 <div class="list-group condensed"> 439 <div class="list-group condensed">
470 <div class="row-content text-left"> 440 <div class="row-content text-left">
471 - <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"> 441 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max"
  442 + href="javascript:void(0)">
472 <span class="material-icons ">folder_open</span> 443 <span class="material-icons ">folder_open</span>
473 </a> 444 </a>
474 <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" 445 <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
@@ -518,8 +489,7 @@ @@ -518,8 +489,7 @@
518 <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'> 489 <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
519 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"> 490 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
520 <button> 491 <button>
521 - <span class="pull-left">{{{iconeLegenda}}}</span>  
522 - <span class="pull-right material-icons">cancel</span> 492 + <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
523 </button> 493 </button>
524 </div> 494 </div>
525 <div class="separadorCabecalhoGuias">&nbsp;</div> 495 <div class="separadorCabecalhoGuias">&nbsp;</div>
@@ -536,8 +506,7 @@ @@ -536,8 +506,7 @@
536 <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'> 506 <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
537 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 507 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
538 <button> 508 <button>
539 - <span class="pull-left">{{{t23}}}</span>  
540 - <span class="pull-right material-icons">cancel</span> 509 + <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
541 </button> 510 </button>
542 </div> 511 </div>
543 <div class="separadorCabecalhoGuias">&nbsp;</div> 512 <div class="separadorCabecalhoGuias">&nbsp;</div>
@@ -546,9 +515,8 @@ @@ -546,9 +515,8 @@
546 <div class="form-group label-floating"> 515 <div class="form-group label-floating">
547 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label> 516 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
548 <div class="input-group"> 517 <div class="input-group">
549 - <input class="form-control" type="text" value="" name="valorBuscaRapida">  
550 - <span class="input-group-btn">  
551 - <a onclick="i3GEO.busca.inicia(this);return false;" data-templateGoogle="templates/buscaEmTemas.html" data-inputGoogle="[name=google]" 518 + <input class="form-control" type="text" value="" name="valorBuscaRapida"> <span class="input-group-btn"> <a
  519 + onclick="i3GEO.busca.inicia(this);return false;" data-templateGoogle="templates/buscaEmTemas.html" data-inputGoogle="[name=google]"
552 data-ondeGoogle=".i3GEOresultadoBuscaGoogle" data-templateTemasMapa="templates/buscaEmTemas.html" data-inputTemasMapa="[name=temasMapa]" 520 data-ondeGoogle=".i3GEOresultadoBuscaGoogle" data-templateTemasMapa="templates/buscaEmTemas.html" data-inputTemasMapa="[name=temasMapa]"
553 data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa" data-templateServico="templates/buscaEmServico.html" data-ondeConteiner="#guia7obj" 521 data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa" data-templateServico="templates/buscaEmServico.html" data-ondeConteiner="#guia7obj"
554 data-inputOndePalavra="[name=valorBuscaRapida]" data-inputServicosExternos="[name=servicosExternos]" 522 data-inputOndePalavra="[name=valorBuscaRapida]" data-inputServicosExternos="[name=servicosExternos]"
@@ -562,19 +530,13 @@ @@ -562,19 +530,13 @@
562 <div class="form-inline" style="width: 100%;"> 530 <div class="form-inline" style="width: 100%;">
563 <div class="list-group condensed"> 531 <div class="list-group condensed">
564 <div class="checkbox text-left"> 532 <div class="checkbox text-left">
565 - <label>  
566 - <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos">  
567 -  
568 - {{{x38}}} 533 + <label> <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos"> {{{x38}}}
569 </label> 534 </label>
570 </div> 535 </div>
571 </div> 536 </div>
572 <div class="list-group condensed"> 537 <div class="list-group condensed">
573 <div class="checkbox text-left"> 538 <div class="checkbox text-left">
574 - <label>  
575 - <input class="noprint" value="on" type="checkbox" name="temasMapa">  
576 -  
577 - {{{x39}}} 539 + <label> <input class="noprint" value="on" type="checkbox" name="temasMapa"> {{{x39}}}
578 </label> 540 </label>
579 </div> 541 </div>
580 </div> 542 </div>
@@ -601,8 +563,7 @@ @@ -601,8 +563,7 @@
601 <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'> 563 <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
602 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 564 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
603 <button> 565 <button>
604 - <span class="pull-left">{{{iconeFerramentas}}}</span>  
605 - <span class="pull-right material-icons">cancel</span> 566 + <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
606 </button> 567 </button>
607 </div> 568 </div>
608 <div class="separadorCabecalhoGuias">&nbsp;</div> 569 <div class="separadorCabecalhoGuias">&nbsp;</div>
interface/openlayersdebug.htm
@@ -603,10 +603,6 @@ @@ -603,10 +603,6 @@
603 </div> 603 </div>
604 </div> 604 </div>
605 </div> 605 </div>
606 -  
607 -  
608 -  
609 -  
610 <!-- para mostrar o banner de abertura --> 606 <!-- para mostrar o banner de abertura -->
611 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache"> 607 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
612 <div> 608 <div>
interface/osm.htm
@@ -63,48 +63,29 @@ @@ -63,48 +63,29 @@
63 </select> 63 </select>
64 </div> 64 </div>
65 <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block; position: absolute; top: 0px; left: 60px;"> 65 <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block; position: absolute; top: 0px; left: 60px;">
66 - X:  
67 - <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text">  
68 - <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">  
69 - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text">  
70 - Y:  
71 - <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg" type="text">  
72 - <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text">  
73 - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjys" type="text">  
74 - <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif"> 66 + X: <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text"> <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">
  67 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text"> Y: <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg"
  68 + type="text"> <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text"> <input name="" value="00.00" size="5" title="segundo"
  69 + id="localizarxygeoProjys" type="text"> <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">
75 </div> 70 </div>
76 <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 71 <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
77 - X:  
78 - <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text">  
79 - Y:  
80 - <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text"> 72 + X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">
81 </div> 73 </div>
82 <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 74 <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
83 - GeoHash  
84 - <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text">  
85 - <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif"> 75 + GeoHash <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text"> <img class="ticfind" style="margin-left: 8px;" title="zoom"
  76 + onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">
86 </div> 77 </div>
87 <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 78 <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
88 - X:  
89 - <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text">  
90 - Y:  
91 - <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y" type="text"> 79 + X: <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y"
  80 + type="text">
92 </div> 81 </div>
93 <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 82 <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
94 - X:  
95 - <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text">  
96 - Y:  
97 - <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY" type="text">  
98 - Zn:  
99 - <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text"> 83 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY"
  84 + type="text"> Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">
100 </div> 85 </div>
101 <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 86 <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
102 - X:  
103 - <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text">  
104 - Y:  
105 - <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY" type="text">  
106 - Zn:  
107 - <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text"> 87 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY"
  88 + type="text"> Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">
108 </div> 89 </div>
109 </div> 90 </div>
110 <!-- barra de icones de navegacao --> 91 <!-- barra de icones de navegacao -->
@@ -234,46 +215,42 @@ @@ -234,46 +215,42 @@
234 <div id='guia1obj' data-traduzir="true" style='display: none;'> 215 <div id='guia1obj' data-traduzir="true" style='display: none;'>
235 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 216 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
236 <button> 217 <button>
237 - <span class="pull-left">{{{iconeMapa}}}</span>  
238 - <span class="pull-right material-icons">cancel</span> 218 + <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
239 </button> 219 </button>
240 </div> 220 </div>
241 <div class="separadorCabecalhoGuias">&nbsp;</div> 221 <div class="separadorCabecalhoGuias">&nbsp;</div>
242 <div class="guiaOverflow"> 222 <div class="guiaOverflow">
243 - <div class="list-group condensed noprint"> 223 + <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
244 <label>{{{opcoes}}}</label> 224 <label>{{{opcoes}}}</label>
245 - <a data-target="#opcoesGuia1" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">  
246 -  
247 - </a>  
248 - <div class="text-left collapse" id="opcoesGuia1" style="margin-left: 30px;">  
249 - <p>  
250 - <a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">Refresh</a>  
251 - </p>  
252 - <p>  
253 - <a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)">{{{t3a}}}</a>  
254 - </p>  
255 - <p>  
256 - <a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)">{{{t3b}}}</a>  
257 - </p>  
258 - <p>  
259 - <a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)">{{{t12}}}</a>  
260 - </p>  
261 - <p>  
262 - <a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)">{{{t2a}}}</a>  
263 - </p>  
264 - <p>  
265 - <a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)">{{{t20}}}</a>  
266 - </p>  
267 - <p>  
268 - <a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)">{{{p21}}}</a>  
269 - </p>  
270 - <p>  
271 - <a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)">{{{d12}}}</a>  
272 - </p>  
273 - <p>  
274 - <a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)">{{{t4}}}</a>  
275 - </p>  
276 - </div> 225 + </div>
  226 + <div class="text-left collapse noprint" id="opcoesGuia1" style="margin-left: 30px;">
  227 + <p>
  228 + <a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">Refresh</a>
  229 + </p>
  230 + <p>
  231 + <a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)">{{{t3a}}}</a>
  232 + </p>
  233 + <p>
  234 + <a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)">{{{t3b}}}</a>
  235 + </p>
  236 + <p>
  237 + <a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)">{{{t12}}}</a>
  238 + </p>
  239 + <p>
  240 + <a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)">{{{t2a}}}</a>
  241 + </p>
  242 + <p>
  243 + <a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)">{{{t20}}}</a>
  244 + </p>
  245 + <p>
  246 + <a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)">{{{p21}}}</a>
  247 + </p>
  248 + <p>
  249 + <a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)">{{{d12}}}</a>
  250 + </p>
  251 + <p>
  252 + <a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)">{{{t4}}}</a>
  253 + </p>
277 </div> 254 </div>
278 <hr> 255 <hr>
279 <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual --> 256 <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
@@ -283,26 +260,22 @@ @@ -283,26 +260,22 @@
283 Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida 260 Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
284 no programa interface/config.php 261 no programa interface/config.php
285 --> 262 -->
286 - <div class="list-group condensed"> 263 + <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
287 <label>{{{camadasDeFundo}}}</label> 264 <label>{{{camadasDeFundo}}}</label>
288 - <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button"  
289 - data-toggle="collapse">  
290 -  
291 - </a>  
292 - <div style="margin-left: 0px;" class="collapse text-left" id="collapseFundo">  
293 - <form>  
294 - <div id="listaFundo" class="form-group" data-template="templates/camadaFundo.html"></div>  
295 - </form>  
296 - </div>  
297 </div> 265 </div>
  266 + <div style="margin-left: 0px;" class="collapse text-left" id="collapseFundo">
  267 + <form>
  268 + <div id="listaFundo" class="form-group condensed" data-template="templates/camadaFundo.html"></div>
  269 + </form>
  270 + </div>
  271 +
298 </div> 272 </div>
299 </div> 273 </div>
300 <!-- Catalogo de temas --> 274 <!-- Catalogo de temas -->
301 <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'> 275 <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'>
302 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"> 276 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
303 <button> 277 <button>
304 - <span class="pull-left">{{{iconeCatalogo}}}</span>  
305 - <span class="pull-right material-icons">cancel</span> 278 + <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
306 </button> 279 </button>
307 </div> 280 </div>
308 <div class="separadorCabecalhoGuias">&nbsp;</div> 281 <div class="separadorCabecalhoGuias">&nbsp;</div>
@@ -312,49 +285,46 @@ @@ -312,49 +285,46 @@
312 <div id="catalogoNavegacao"></div> 285 <div id="catalogoNavegacao"></div>
313 <!-- Opcoes --> 286 <!-- Opcoes -->
314 <div id="catalogoPrincipal"> 287 <div id="catalogoPrincipal">
315 - <div class="list-group condensed noprint"> 288 + <div data-toggle="collapse" data-target="#opcoesGuia2" class="list-group condensed collapsed noprint">
316 <label>{{{opcoes}}}</label> 289 <label>{{{opcoes}}}</label>
317 - <a data-target="#opcoesGuia2" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button"  
318 - data-toggle="collapse">  
319 -  
320 - </a>  
321 - <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;"> 290 + </div>
  291 + <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;">
  292 + <p>
  293 + <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a>
  294 + </p>
  295 + <p>
  296 + <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a> -->
  297 + </p>
  298 + <li class="divider"></p>
322 <p> 299 <p>
323 - <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a> 300 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()">{{{a15}}}</a>
324 </p> 301 </p>
325 <p> 302 <p>
326 - <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a> --> 303 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>
  304 + </p>
  305 + <p>
  306 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>
  307 + </p>
  308 + <p>
  309 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>
  310 + </p>
  311 + <p>
  312 + <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a> -->
  313 + </p>
  314 + <p>
  315 + <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a> -->
  316 + </p>
  317 + <p>
  318 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>
  319 + </p>
  320 + <p>
  321 + <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatisticos</a>
  322 + </p>
  323 + <p>
  324 + <a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
327 </p> 325 </p>
328 - <li class="divider"></p>  
329 - <p>  
330 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()">{{{a15}}}</a>  
331 - </p>  
332 - <p>  
333 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>  
334 - </p>  
335 - <p>  
336 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>  
337 - </p>  
338 - <p>  
339 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>  
340 - </p>  
341 - <p>  
342 - <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a> -->  
343 - </p>  
344 - <p>  
345 - <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a> -->  
346 - </p>  
347 - <p>  
348 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>  
349 - </p>  
350 - <p>  
351 - <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatisticos</a>  
352 - </p>  
353 - <p>  
354 - <a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>  
355 - </p>  
356 - </div>  
357 </div> 326 </div>
  327 +
358 <hr> 328 <hr>
359 <!-- busca tema no catalogo 329 <!-- busca tema no catalogo
360 <div class="form-group label-floating"> 330 <div class="form-group label-floating">
@@ -468,7 +438,8 @@ @@ -468,7 +438,8 @@
468 <!-- camadas por estrelas --> 438 <!-- camadas por estrelas -->
469 <div class="list-group condensed"> 439 <div class="list-group condensed">
470 <div class="row-content text-left"> 440 <div class="row-content text-left">
471 - <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"> 441 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max"
  442 + href="javascript:void(0)">
472 <span class="material-icons ">folder_open</span> 443 <span class="material-icons ">folder_open</span>
473 </a> 444 </a>
474 <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" 445 <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
@@ -518,8 +489,7 @@ @@ -518,8 +489,7 @@
518 <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'> 489 <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
519 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"> 490 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
520 <button> 491 <button>
521 - <span class="pull-left">{{{iconeLegenda}}}</span>  
522 - <span class="pull-right material-icons">cancel</span> 492 + <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
523 </button> 493 </button>
524 </div> 494 </div>
525 <div class="separadorCabecalhoGuias">&nbsp;</div> 495 <div class="separadorCabecalhoGuias">&nbsp;</div>
@@ -536,8 +506,7 @@ @@ -536,8 +506,7 @@
536 <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'> 506 <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
537 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 507 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
538 <button> 508 <button>
539 - <span class="pull-left">{{{t23}}}</span>  
540 - <span class="pull-right material-icons">cancel</span> 509 + <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
541 </button> 510 </button>
542 </div> 511 </div>
543 <div class="separadorCabecalhoGuias">&nbsp;</div> 512 <div class="separadorCabecalhoGuias">&nbsp;</div>
@@ -546,9 +515,8 @@ @@ -546,9 +515,8 @@
546 <div class="form-group label-floating"> 515 <div class="form-group label-floating">
547 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label> 516 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
548 <div class="input-group"> 517 <div class="input-group">
549 - <input class="form-control" type="text" value="" name="valorBuscaRapida">  
550 - <span class="input-group-btn">  
551 - <a onclick="i3GEO.busca.inicia(this);return false;" data-templateGoogle="templates/buscaEmTemas.html" data-inputGoogle="[name=google]" 518 + <input class="form-control" type="text" value="" name="valorBuscaRapida"> <span class="input-group-btn"> <a
  519 + onclick="i3GEO.busca.inicia(this);return false;" data-templateGoogle="templates/buscaEmTemas.html" data-inputGoogle="[name=google]"
552 data-ondeGoogle=".i3GEOresultadoBuscaGoogle" data-templateTemasMapa="templates/buscaEmTemas.html" data-inputTemasMapa="[name=temasMapa]" 520 data-ondeGoogle=".i3GEOresultadoBuscaGoogle" data-templateTemasMapa="templates/buscaEmTemas.html" data-inputTemasMapa="[name=temasMapa]"
553 data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa" data-templateServico="templates/buscaEmServico.html" data-ondeConteiner="#guia7obj" 521 data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa" data-templateServico="templates/buscaEmServico.html" data-ondeConteiner="#guia7obj"
554 data-inputOndePalavra="[name=valorBuscaRapida]" data-inputServicosExternos="[name=servicosExternos]" 522 data-inputOndePalavra="[name=valorBuscaRapida]" data-inputServicosExternos="[name=servicosExternos]"
@@ -562,19 +530,13 @@ @@ -562,19 +530,13 @@
562 <div class="form-inline" style="width: 100%;"> 530 <div class="form-inline" style="width: 100%;">
563 <div class="list-group condensed"> 531 <div class="list-group condensed">
564 <div class="checkbox text-left"> 532 <div class="checkbox text-left">
565 - <label>  
566 - <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos">  
567 -  
568 - {{{x38}}} 533 + <label> <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos"> {{{x38}}}
569 </label> 534 </label>
570 </div> 535 </div>
571 </div> 536 </div>
572 <div class="list-group condensed"> 537 <div class="list-group condensed">
573 <div class="checkbox text-left"> 538 <div class="checkbox text-left">
574 - <label>  
575 - <input class="noprint" value="on" type="checkbox" name="temasMapa">  
576 -  
577 - {{{x39}}} 539 + <label> <input class="noprint" value="on" type="checkbox" name="temasMapa"> {{{x39}}}
578 </label> 540 </label>
579 </div> 541 </div>
580 </div> 542 </div>
@@ -601,8 +563,7 @@ @@ -601,8 +563,7 @@
601 <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'> 563 <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
602 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 564 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
603 <button> 565 <button>
604 - <span class="pull-left">{{{iconeFerramentas}}}</span>  
605 - <span class="pull-right material-icons">cancel</span> 566 + <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
606 </button> 567 </button>
607 </div> 568 </div>
608 <div class="separadorCabecalhoGuias">&nbsp;</div> 569 <div class="separadorCabecalhoGuias">&nbsp;</div>
interface/osmdebug.htm
@@ -63,48 +63,29 @@ @@ -63,48 +63,29 @@
63 </select> 63 </select>
64 </div> 64 </div>
65 <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block; position: absolute; top: 0px; left: 60px;"> 65 <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block; position: absolute; top: 0px; left: 60px;">
66 - X:  
67 - <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text">  
68 - <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">  
69 - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text">  
70 - Y:  
71 - <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg" type="text">  
72 - <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text">  
73 - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjys" type="text">  
74 - <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif"> 66 + X: <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text"> <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">
  67 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text"> Y: <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg"
  68 + type="text"> <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text"> <input name="" value="00.00" size="5" title="segundo"
  69 + id="localizarxygeoProjys" type="text"> <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">
75 </div> 70 </div>
76 <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 71 <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
77 - X:  
78 - <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text">  
79 - Y:  
80 - <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text"> 72 + X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">
81 </div> 73 </div>
82 <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 74 <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
83 - GeoHash  
84 - <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text">  
85 - <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif"> 75 + GeoHash <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text"> <img class="ticfind" style="margin-left: 8px;" title="zoom"
  76 + onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">
86 </div> 77 </div>
87 <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 78 <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
88 - X:  
89 - <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text">  
90 - Y:  
91 - <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y" type="text"> 79 + X: <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y"
  80 + type="text">
92 </div> 81 </div>
93 <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 82 <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
94 - X:  
95 - <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text">  
96 - Y:  
97 - <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY" type="text">  
98 - Zn:  
99 - <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text"> 83 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY"
  84 + type="text"> Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">
100 </div> 85 </div>
101 <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 86 <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
102 - X:  
103 - <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text">  
104 - Y:  
105 - <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY" type="text">  
106 - Zn:  
107 - <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text"> 87 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY"
  88 + type="text"> Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">
108 </div> 89 </div>
109 </div> 90 </div>
110 <!-- barra de icones de navegacao --> 91 <!-- barra de icones de navegacao -->
@@ -234,46 +215,42 @@ @@ -234,46 +215,42 @@
234 <div id='guia1obj' data-traduzir="true" style='display: none;'> 215 <div id='guia1obj' data-traduzir="true" style='display: none;'>
235 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 216 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
236 <button> 217 <button>
237 - <span class="pull-left">{{{iconeMapa}}}</span>  
238 - <span class="pull-right material-icons">cancel</span> 218 + <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
239 </button> 219 </button>
240 </div> 220 </div>
241 <div class="separadorCabecalhoGuias">&nbsp;</div> 221 <div class="separadorCabecalhoGuias">&nbsp;</div>
242 <div class="guiaOverflow"> 222 <div class="guiaOverflow">
243 - <div class="list-group condensed noprint"> 223 + <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
244 <label>{{{opcoes}}}</label> 224 <label>{{{opcoes}}}</label>
245 - <a data-target="#opcoesGuia1" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">  
246 -  
247 - </a>  
248 - <div class="text-left collapse" id="opcoesGuia1" style="margin-left: 30px;">  
249 - <p>  
250 - <a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">Refresh</a>  
251 - </p>  
252 - <p>  
253 - <a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)">{{{t3a}}}</a>  
254 - </p>  
255 - <p>  
256 - <a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)">{{{t3b}}}</a>  
257 - </p>  
258 - <p>  
259 - <a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)">{{{t12}}}</a>  
260 - </p>  
261 - <p>  
262 - <a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)">{{{t2a}}}</a>  
263 - </p>  
264 - <p>  
265 - <a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)">{{{t20}}}</a>  
266 - </p>  
267 - <p>  
268 - <a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)">{{{p21}}}</a>  
269 - </p>  
270 - <p>  
271 - <a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)">{{{d12}}}</a>  
272 - </p>  
273 - <p>  
274 - <a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)">{{{t4}}}</a>  
275 - </p>  
276 - </div> 225 + </div>
  226 + <div class="text-left collapse noprint" id="opcoesGuia1" style="margin-left: 30px;">
  227 + <p>
  228 + <a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">Refresh</a>
  229 + </p>
  230 + <p>
  231 + <a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)">{{{t3a}}}</a>
  232 + </p>
  233 + <p>
  234 + <a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)">{{{t3b}}}</a>
  235 + </p>
  236 + <p>
  237 + <a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)">{{{t12}}}</a>
  238 + </p>
  239 + <p>
  240 + <a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)">{{{t2a}}}</a>
  241 + </p>
  242 + <p>
  243 + <a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)">{{{t20}}}</a>
  244 + </p>
  245 + <p>
  246 + <a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)">{{{p21}}}</a>
  247 + </p>
  248 + <p>
  249 + <a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)">{{{d12}}}</a>
  250 + </p>
  251 + <p>
  252 + <a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)">{{{t4}}}</a>
  253 + </p>
277 </div> 254 </div>
278 <hr> 255 <hr>
279 <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual --> 256 <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
@@ -283,26 +260,22 @@ @@ -283,26 +260,22 @@
283 Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida 260 Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
284 no programa interface/config.php 261 no programa interface/config.php
285 --> 262 -->
286 - <div class="list-group condensed"> 263 + <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
287 <label>{{{camadasDeFundo}}}</label> 264 <label>{{{camadasDeFundo}}}</label>
288 - <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button"  
289 - data-toggle="collapse">  
290 -  
291 - </a>  
292 - <div style="margin-left: 0px;" class="collapse text-left" id="collapseFundo">  
293 - <form>  
294 - <div id="listaFundo" class="form-group" data-template="templates/camadaFundo.html"></div>  
295 - </form>  
296 - </div>  
297 </div> 265 </div>
  266 + <div style="margin-left: 0px;" class="collapse text-left" id="collapseFundo">
  267 + <form>
  268 + <div id="listaFundo" class="form-group condensed" data-template="templates/camadaFundo.html"></div>
  269 + </form>
  270 + </div>
  271 +
298 </div> 272 </div>
299 </div> 273 </div>
300 <!-- Catalogo de temas --> 274 <!-- Catalogo de temas -->
301 <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'> 275 <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'>
302 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"> 276 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
303 <button> 277 <button>
304 - <span class="pull-left">{{{iconeCatalogo}}}</span>  
305 - <span class="pull-right material-icons">cancel</span> 278 + <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
306 </button> 279 </button>
307 </div> 280 </div>
308 <div class="separadorCabecalhoGuias">&nbsp;</div> 281 <div class="separadorCabecalhoGuias">&nbsp;</div>
@@ -312,49 +285,46 @@ @@ -312,49 +285,46 @@
312 <div id="catalogoNavegacao"></div> 285 <div id="catalogoNavegacao"></div>
313 <!-- Opcoes --> 286 <!-- Opcoes -->
314 <div id="catalogoPrincipal"> 287 <div id="catalogoPrincipal">
315 - <div class="list-group condensed noprint"> 288 + <div data-toggle="collapse" data-target="#opcoesGuia2" class="list-group condensed collapsed noprint">
316 <label>{{{opcoes}}}</label> 289 <label>{{{opcoes}}}</label>
317 - <a data-target="#opcoesGuia2" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button"  
318 - data-toggle="collapse">  
319 -  
320 - </a>  
321 - <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;"> 290 + </div>
  291 + <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;">
  292 + <p>
  293 + <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a>
  294 + </p>
  295 + <p>
  296 + <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a> -->
  297 + </p>
  298 + <li class="divider"></p>
322 <p> 299 <p>
323 - <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a> 300 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()">{{{a15}}}</a>
324 </p> 301 </p>
325 <p> 302 <p>
326 - <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a> --> 303 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>
  304 + </p>
  305 + <p>
  306 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>
  307 + </p>
  308 + <p>
  309 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>
  310 + </p>
  311 + <p>
  312 + <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a> -->
  313 + </p>
  314 + <p>
  315 + <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a> -->
  316 + </p>
  317 + <p>
  318 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>
  319 + </p>
  320 + <p>
  321 + <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatisticos</a>
  322 + </p>
  323 + <p>
  324 + <a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
327 </p> 325 </p>
328 - <li class="divider"></p>  
329 - <p>  
330 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()">{{{a15}}}</a>  
331 - </p>  
332 - <p>  
333 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>  
334 - </p>  
335 - <p>  
336 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>  
337 - </p>  
338 - <p>  
339 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>  
340 - </p>  
341 - <p>  
342 - <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a> -->  
343 - </p>  
344 - <p>  
345 - <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a> -->  
346 - </p>  
347 - <p>  
348 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>  
349 - </p>  
350 - <p>  
351 - <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatisticos</a>  
352 - </p>  
353 - <p>  
354 - <a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>  
355 - </p>  
356 - </div>  
357 </div> 326 </div>
  327 +
358 <hr> 328 <hr>
359 <!-- busca tema no catalogo 329 <!-- busca tema no catalogo
360 <div class="form-group label-floating"> 330 <div class="form-group label-floating">
@@ -468,7 +438,8 @@ @@ -468,7 +438,8 @@
468 <!-- camadas por estrelas --> 438 <!-- camadas por estrelas -->
469 <div class="list-group condensed"> 439 <div class="list-group condensed">
470 <div class="row-content text-left"> 440 <div class="row-content text-left">
471 - <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"> 441 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max"
  442 + href="javascript:void(0)">
472 <span class="material-icons ">folder_open</span> 443 <span class="material-icons ">folder_open</span>
473 </a> 444 </a>
474 <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" 445 <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
@@ -518,8 +489,7 @@ @@ -518,8 +489,7 @@
518 <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'> 489 <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
519 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"> 490 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
520 <button> 491 <button>
521 - <span class="pull-left">{{{iconeLegenda}}}</span>  
522 - <span class="pull-right material-icons">cancel</span> 492 + <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
523 </button> 493 </button>
524 </div> 494 </div>
525 <div class="separadorCabecalhoGuias">&nbsp;</div> 495 <div class="separadorCabecalhoGuias">&nbsp;</div>
@@ -536,8 +506,7 @@ @@ -536,8 +506,7 @@
536 <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'> 506 <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
537 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 507 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
538 <button> 508 <button>
539 - <span class="pull-left">{{{t23}}}</span>  
540 - <span class="pull-right material-icons">cancel</span> 509 + <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
541 </button> 510 </button>
542 </div> 511 </div>
543 <div class="separadorCabecalhoGuias">&nbsp;</div> 512 <div class="separadorCabecalhoGuias">&nbsp;</div>
@@ -546,9 +515,8 @@ @@ -546,9 +515,8 @@
546 <div class="form-group label-floating"> 515 <div class="form-group label-floating">
547 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label> 516 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
548 <div class="input-group"> 517 <div class="input-group">
549 - <input class="form-control" type="text" value="" name="valorBuscaRapida">  
550 - <span class="input-group-btn">  
551 - <a onclick="i3GEO.busca.inicia(this);return false;" data-templateGoogle="templates/buscaEmTemas.html" data-inputGoogle="[name=google]" 518 + <input class="form-control" type="text" value="" name="valorBuscaRapida"> <span class="input-group-btn"> <a
  519 + onclick="i3GEO.busca.inicia(this);return false;" data-templateGoogle="templates/buscaEmTemas.html" data-inputGoogle="[name=google]"
552 data-ondeGoogle=".i3GEOresultadoBuscaGoogle" data-templateTemasMapa="templates/buscaEmTemas.html" data-inputTemasMapa="[name=temasMapa]" 520 data-ondeGoogle=".i3GEOresultadoBuscaGoogle" data-templateTemasMapa="templates/buscaEmTemas.html" data-inputTemasMapa="[name=temasMapa]"
553 data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa" data-templateServico="templates/buscaEmServico.html" data-ondeConteiner="#guia7obj" 521 data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa" data-templateServico="templates/buscaEmServico.html" data-ondeConteiner="#guia7obj"
554 data-inputOndePalavra="[name=valorBuscaRapida]" data-inputServicosExternos="[name=servicosExternos]" 522 data-inputOndePalavra="[name=valorBuscaRapida]" data-inputServicosExternos="[name=servicosExternos]"
@@ -562,19 +530,13 @@ @@ -562,19 +530,13 @@
562 <div class="form-inline" style="width: 100%;"> 530 <div class="form-inline" style="width: 100%;">
563 <div class="list-group condensed"> 531 <div class="list-group condensed">
564 <div class="checkbox text-left"> 532 <div class="checkbox text-left">
565 - <label>  
566 - <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos">  
567 -  
568 - {{{x38}}} 533 + <label> <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos"> {{{x38}}}
569 </label> 534 </label>
570 </div> 535 </div>
571 </div> 536 </div>
572 <div class="list-group condensed"> 537 <div class="list-group condensed">
573 <div class="checkbox text-left"> 538 <div class="checkbox text-left">
574 - <label>  
575 - <input class="noprint" value="on" type="checkbox" name="temasMapa">  
576 -  
577 - {{{x39}}} 539 + <label> <input class="noprint" value="on" type="checkbox" name="temasMapa"> {{{x39}}}
578 </label> 540 </label>
579 </div> 541 </div>
580 </div> 542 </div>
@@ -601,8 +563,7 @@ @@ -601,8 +563,7 @@
601 <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'> 563 <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
602 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 564 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
603 <button> 565 <button>
604 - <span class="pull-left">{{{iconeFerramentas}}}</span>  
605 - <span class="pull-right material-icons">cancel</span> 566 + <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
606 </button> 567 </button>
607 </div> 568 </div>
608 <div class="separadorCabecalhoGuias">&nbsp;</div> 569 <div class="separadorCabecalhoGuias">&nbsp;</div>