Download as
Browse Code »

Commit b463612251da3c36da9fb15311c951aca8092f15

Authored by Edmar Moretti
1 parent a6d6b39d
Exists in master and in 6 other branches composer, doc-root, guia, licenca, readme, unmaintened

Atualização das interfaces dos mapas interativos

Showing 8 changed files with 913 additions and 1102 deletions   Show diff stats
interface/carto_ol.htm
  Diff comments   View file @b463612
... ... @@ -63,48 +63,29 @@
63 63 </select>
64 64 </div>
65 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 70 </div>
76 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 73 </div>
82 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 77 </div>
87 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 81 </div>
93 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 85 </div>
101 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 89 </div>
109 90 </div>
110 91 <!-- barra de icones de navegacao -->
... ... @@ -156,7 +137,7 @@
156 137 <!-- configuracao para todos os botoes
157 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 141 <!-- ferramentas
161 142 data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
162 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 214 <!-- camadas existentes no mapa -->
234 215 <div id='guia1obj' data-traduzir="true" style='display: none;'>
235 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 220 </div>
239 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 227 <p>
247 228 <a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">Refresh</a>
248 229 </p>
... ... @@ -271,44 +252,42 @@
271 252 <a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)">{{{t4}}}</a>
272 253 </p>
273 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 259 A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
280 260 Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
281 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 266 <div style="margin-left: 0px;" class="collapse text-left" id="collapseFundo">
289 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 269 </form>
292 270 </div>
  271 +
293 272 </div>
294 273 </div>
295 274 <!-- Catalogo de temas -->
296 275 <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'>
297 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 280 </div>
301 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 291 <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;">
313 292 <p>
314 293 <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a>
... ... @@ -345,9 +324,9 @@
345 324 <a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
346 325 </p>
347 326 </div>
348   - </div>
349   - <hr>
350   - <!-- busca tema no catalogo
  327 +
  328 + <hr>
  329 + <!-- busca tema no catalogo
351 330 <div class="form-group label-floating">
352 331 <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
353 332 <div class="input-group">
... ... @@ -360,18 +339,18 @@
360 339 </div>
361 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 343 Nessa funcao ficam tambem os parametros:
365 344 "idOndeMenus": "catalogoMenus",
366 345 "idCatalogoPrincipal": "catalogoPrincipal",
367 346 "idCatalogoNavegacao": "catalogoNavegacao",
368 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 354 As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
376 355 config: {
377 356 'templateDir': 'templates/dir.html',
... ... @@ -386,7 +365,7 @@
386 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 369 <div class="list-group condensed">
391 370 <div class="row-content text-left">
392 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 438 <!-- camadas por estrelas -->
460 439 <div class="list-group condensed">
461 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 443 <span class="material-icons ">folder_open</span>
464 444 </a>
465 445 <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
... ... @@ -505,16 +485,18 @@
505 485 </div>
506 486 </div>
507 487 </div>
508   -
509 488 <!-- Legenda -->
510 489 <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
511 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 494 </div>
515 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 500 </div>
519 501 <!-- busca
520 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 505 -->
524 506 <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
525 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 511 </div>
529 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 527 </div>
555 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 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 544 <div class="list-group condensed">
566 545 <div class="checkbox text-left">
567 546 <label>
... ... @@ -571,52 +550,56 @@
571 550 </div>
572 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 561 </div>
582 562 <!-- Ferramentas -->
583 563 <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
584 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 568 </div>
588 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 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 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 603 </div>
621 604 </div>
622 605 </div>
... ...
interface/gm.phtml
  Diff comments   View file @b463612
... ... @@ -56,7 +56,10 @@ include (&quot;../ms_configura.php&quot;);
56 56 Se os estilos width e height nao estiverem definidos, o tamanho do mapa abrangera a tela toda
57 57 -->
58 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 64 <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->
62 65 <div class="localizarxy fundoRodape hidden-xs hidden-sm">
... ... @@ -73,48 +76,29 @@ include (&quot;../ms_configura.php&quot;);
73 76 </select>
74 77 </div>
75 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 83 </div>
86 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 86 </div>
92 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 90 </div>
97 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 94 </div>
103 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 98 </div>
111 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 102 </div>
119 103 </div>
120 104 <!-- barra de icones de navegacao -->
... ... @@ -166,7 +150,7 @@ include (&quot;../ms_configura.php&quot;);
166 150 <!-- configuracao para todos os botoes
167 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 154 <!-- ferramentas
171 155 data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
172 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 213 </div>
230 214 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
231 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 217 <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
234 218 </button>
235 219 </div>
... ... @@ -243,16 +227,16 @@ include (&quot;../ms_configura.php&quot;);
243 227 <!-- camadas existentes no mapa -->
244 228 <div id='guia1obj' data-traduzir="true" style='display: none;'>
245 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 233 </div>
249 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 240 <p>
257 241 <a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">Refresh</a>
258 242 </p>
... ... @@ -281,44 +265,42 @@ include (&quot;../ms_configura.php&quot;);
281 265 <a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)">{{{t4}}}</a>
282 266 </p>
283 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 272 A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
290 273 Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
291 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 279 <div style="margin-left: 0px;" class="collapse text-left" id="collapseFundo">
299 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 282 </form>
302 283 </div>
  284 +
303 285 </div>
304 286 </div>
305 287 <!-- Catalogo de temas -->
306 288 <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'>
307 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 293 </div>
311 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 304 <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;">
323 305 <p>
324 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 336 <p>
355 337 <a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
356 338 </p>
357   -
358 339 </div>
359   - </div>
360   - <hr>
361   - <!-- busca tema no catalogo
  340 +
  341 + <hr>
  342 + <!-- busca tema no catalogo
362 343 <div class="form-group label-floating">
363 344 <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
364 345 <div class="input-group">
... ... @@ -371,18 +352,18 @@ include (&quot;../ms_configura.php&quot;);
371 352 </div>
372 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 356 Nessa funcao ficam tambem os parametros:
376 357 "idOndeMenus": "catalogoMenus",
377 358 "idCatalogoPrincipal": "catalogoPrincipal",
378 359 "idCatalogoNavegacao": "catalogoNavegacao",
379 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 367 As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
387 368 config: {
388 369 'templateDir': 'templates/dir.html',
... ... @@ -397,7 +378,7 @@ include (&quot;../ms_configura.php&quot;);
397 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 382 <div class="list-group condensed">
402 383 <div class="row-content text-left">
403 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 439 </div>
459 440 <hr>
460 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 451 <!-- camadas por estrelas -->
471 452 <div class="list-group condensed">
472 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 456 <span class="material-icons ">folder_open</span>
475 457 </a>
476 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 498 </div>
517 499 </div>
518 500 </div>
519   -
520 501 <!-- Legenda -->
521 502 <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
522 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 507 </div>
526 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 513 </div>
530 514 <!-- busca
531 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 518 -->
535 519 <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
536 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 524 </div>
540 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 540 </div>
567 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 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 557 <div class="list-group condensed">
579 558 <div class="checkbox text-left">
580 559 <label>
... ... @@ -584,52 +563,56 @@ include (&quot;../ms_configura.php&quot;);
584 563 </div>
585 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 574 </div>
595 575 <!-- Ferramentas -->
596 576 <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
597 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 581 </div>
601 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 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 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 616 </div>
634 617 </div>
635 618 </div>
... ...
interface/gmdebug.phtml
  Diff comments   View file @b463612
... ... @@ -56,7 +56,10 @@ include (&quot;../ms_configura.php&quot;);
56 56 Se os estilos width e height nao estiverem definidos, o tamanho do mapa abrangera a tela toda
57 57 -->
58 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 64 <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->
62 65 <div class="localizarxy fundoRodape hidden-xs hidden-sm">
... ... @@ -73,48 +76,29 @@ include (&quot;../ms_configura.php&quot;);
73 76 </select>
74 77 </div>
75 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 83 </div>
86 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 86 </div>
92 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 90 </div>
97 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 94 </div>
103 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 98 </div>
111 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 102 </div>
119 103 </div>
120 104 <!-- barra de icones de navegacao -->
... ... @@ -166,7 +150,7 @@ include (&quot;../ms_configura.php&quot;);
166 150 <!-- configuracao para todos os botoes
167 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 154 <!-- ferramentas
171 155 data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
172 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 213 </div>
230 214 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
231 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 217 <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
234 218 </button>
235 219 </div>
... ... @@ -243,16 +227,16 @@ include (&quot;../ms_configura.php&quot;);
243 227 <!-- camadas existentes no mapa -->
244 228 <div id='guia1obj' data-traduzir="true" style='display: none;'>
245 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 233 </div>
249 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 240 <p>
257 241 <a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">Refresh</a>
258 242 </p>
... ... @@ -281,44 +265,42 @@ include (&quot;../ms_configura.php&quot;);
281 265 <a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)">{{{t4}}}</a>
282 266 </p>
283 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 272 A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
290 273 Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
291 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 279 <div style="margin-left: 0px;" class="collapse text-left" id="collapseFundo">
299 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 282 </form>
302 283 </div>
  284 +
303 285 </div>
304 286 </div>
305 287 <!-- Catalogo de temas -->
306 288 <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'>
307 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 293 </div>
311 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 304 <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;">
323 305 <p>
324 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 336 <p>
355 337 <a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
356 338 </p>
357   -
358 339 </div>
359   - </div>
360   - <hr>
361   - <!-- busca tema no catalogo
  340 +
  341 + <hr>
  342 + <!-- busca tema no catalogo
362 343 <div class="form-group label-floating">
363 344 <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
364 345 <div class="input-group">
... ... @@ -371,18 +352,18 @@ include (&quot;../ms_configura.php&quot;);
371 352 </div>
372 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 356 Nessa funcao ficam tambem os parametros:
376 357 "idOndeMenus": "catalogoMenus",
377 358 "idCatalogoPrincipal": "catalogoPrincipal",
378 359 "idCatalogoNavegacao": "catalogoNavegacao",
379 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 367 As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
387 368 config: {
388 369 'templateDir': 'templates/dir.html',
... ... @@ -397,7 +378,7 @@ include (&quot;../ms_configura.php&quot;);
397 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 382 <div class="list-group condensed">
402 383 <div class="row-content text-left">
403 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 451 <!-- camadas por estrelas -->
471 452 <div class="list-group condensed">
472 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 456 <span class="material-icons ">folder_open</span>
475 457 </a>
476 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 498 </div>
517 499 </div>
518 500 </div>
519   -
520 501 <!-- Legenda -->
521 502 <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
522 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 507 </div>
526 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 513 </div>
530 514 <!-- busca
531 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 518 -->
535 519 <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
536 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 524 </div>
540 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 540 </div>
567 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 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 557 <div class="list-group condensed">
579 558 <div class="checkbox text-left">
580 559 <label>
... ... @@ -584,52 +563,56 @@ include (&quot;../ms_configura.php&quot;);
584 563 </div>
585 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 574 </div>
595 575 <!-- Ferramentas -->
596 576 <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
597 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 581 </div>
601 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 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 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 616 </div>
634 617 </div>
635 618 </div>
... ...
interface/googlemaps_noite.phtml
  Diff comments   View file @b463612
... ... @@ -49,14 +49,17 @@ include (&quot;../ms_configura.php&quot;);
49 49 -->
50 50 <body id="i3geo" style='background: white;'>
51 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 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 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 64 <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->
62 65 <div class="localizarxy fundoRodape hidden-xs hidden-sm">
... ... @@ -73,48 +76,29 @@ include (&quot;../ms_configura.php&quot;);
73 76 </select>
74 77 </div>
75 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 83 </div>
86 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 86 </div>
92 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 90 </div>
97 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 94 </div>
103 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 98 </div>
111 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 102 </div>
119 103 </div>
120 104 <!-- barra de icones de navegacao -->
... ... @@ -164,26 +148,26 @@ include (&quot;../ms_configura.php&quot;);
164 148 <!-- botoes laterais que abrem guias moveis -->
165 149 <div id="i3GEOguiaMovel">
166 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 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 159 <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
176 160 <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
177 161 <i class="material-icons">business_center</i>
178 162 </button>
179 163 </div>
180 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 171 <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas"
188 172 style="margin-top: 3px;">
189 173 <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
... ... @@ -191,14 +175,14 @@ include (&quot;../ms_configura.php&quot;);
191 175 </button>
192 176 </div>
193 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 186 <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal"
203 187 data-idMenus="catalogoMenus" style="margin-top: 3px;">
204 188 <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
... ... @@ -228,12 +212,12 @@ include (&quot;../ms_configura.php&quot;);
228 212 </button>
229 213 </div>
230 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 221 </div>
238 222 <!-- veja i3GEO.guias.CONFIGURA -->
239 223 <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
... ... @@ -243,16 +227,16 @@ include (&quot;../ms_configura.php&quot;);
243 227 <!-- camadas existentes no mapa -->
244 228 <div id='guia1obj' data-traduzir="true" style='display: none;'>
245 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 233 </div>
249 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 240 <p>
257 241 <a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">Refresh</a>
258 242 </p>
... ... @@ -281,44 +265,42 @@ include (&quot;../ms_configura.php&quot;);
281 265 <a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)">{{{t4}}}</a>
282 266 </p>
283 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 279 <div style="margin-left: 0px;" class="collapse text-left" id="collapseFundo">
299 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 282 </form>
302 283 </div>
  284 +
303 285 </div>
304 286 </div>
305 287 <!-- Catalogo de temas -->
306 288 <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'>
307 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 293 </div>
311 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 304 <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;">
323 305 <p>
324 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 336 <p>
355 337 <a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
356 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 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 381 <!-- servicos da INDE brasileira -->
401 382 <div class="list-group condensed">
... ... @@ -470,7 +451,8 @@ include (&quot;../ms_configura.php&quot;);
470 451 <!-- camadas por estrelas -->
471 452 <div class="list-group condensed">
472 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 456 <span class="material-icons ">folder_open</span>
475 457 </a>
476 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 498 </div>
517 499 </div>
518 500 </div>
519   -
520 501 <!-- Legenda -->
521 502 <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
522 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 507 </div>
526 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 513 </div>
530 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 519 <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
536 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 524 </div>
540 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 540 </div>
567 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 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 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 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 574 </div>
595 575 <!-- Ferramentas -->
596 576 <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
597 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 581 </div>
601 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 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 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 616 </div>
634 617 </div>
635 618 </div>
... ...
interface/ol.htm
  Diff comments   View file @b463612
... ... @@ -63,48 +63,29 @@
63 63 </select>
64 64 </div>
65 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 70 </div>
76 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 73 </div>
82 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 77 </div>
87 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 81 </div>
93 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 85 </div>
101 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 89 </div>
109 90 </div>
110 91 <!-- barra de icones de navegacao -->
... ... @@ -234,46 +215,42 @@
234 215 <div id='guia1obj' data-traduzir="true" style='display: none;'>
235 216 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
236 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 219 </button>
240 220 </div>
241 221 <div class="separadorCabecalhoGuias">&nbsp;</div>
242 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 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 254 </div>
278 255 <hr>
279 256 <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
... ... @@ -283,26 +260,22 @@
283 260 Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
284 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 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 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 272 </div>
299 273 </div>
300 274 <!-- Catalogo de temas -->
301 275 <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'>
302 276 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
303 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 279 </button>
307 280 </div>
308 281 <div class="separadorCabecalhoGuias">&nbsp;</div>
... ... @@ -312,49 +285,46 @@
312 285 <div id="catalogoNavegacao"></div>
313 286 <!-- Opcoes -->
314 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 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 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 301 </p>
325 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 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 326 </div>
  327 +
358 328 <hr>
359 329 <!-- busca tema no catalogo
360 330 <div class="form-group label-floating">
... ... @@ -468,7 +438,8 @@
468 438 <!-- camadas por estrelas -->
469 439 <div class="list-group condensed">
470 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 443 <span class="material-icons ">folder_open</span>
473 444 </a>
474 445 <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
... ... @@ -518,8 +489,7 @@
518 489 <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
519 490 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
520 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 493 </button>
524 494 </div>
525 495 <div class="separadorCabecalhoGuias">&nbsp;</div>
... ... @@ -536,8 +506,7 @@
536 506 <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
537 507 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
538 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 510 </button>
542 511 </div>
543 512 <div class="separadorCabecalhoGuias">&nbsp;</div>
... ... @@ -546,9 +515,8 @@
546 515 <div class="form-group label-floating">
547 516 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
548 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 520 data-ondeGoogle=".i3GEOresultadoBuscaGoogle" data-templateTemasMapa="templates/buscaEmTemas.html" data-inputTemasMapa="[name=temasMapa]"
553 521 data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa" data-templateServico="templates/buscaEmServico.html" data-ondeConteiner="#guia7obj"
554 522 data-inputOndePalavra="[name=valorBuscaRapida]" data-inputServicosExternos="[name=servicosExternos]"
... ... @@ -562,19 +530,13 @@
562 530 <div class="form-inline" style="width: 100%;">
563 531 <div class="list-group condensed">
564 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 534 </label>
570 535 </div>
571 536 </div>
572 537 <div class="list-group condensed">
573 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 540 </label>
579 541 </div>
580 542 </div>
... ... @@ -601,8 +563,7 @@
601 563 <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
602 564 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
603 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 567 </button>
607 568 </div>
608 569 <div class="separadorCabecalhoGuias">&nbsp;</div>
... ...
interface/openlayersdebug.htm
  Diff comments   View file @b463612
... ... @@ -603,10 +603,6 @@
603 603 </div>
604 604 </div>
605 605 </div>
606   -
607   -
608   -
609   -
610 606 <!-- para mostrar o banner de abertura -->
611 607 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
612 608 <div>
... ...
interface/osm.htm
  Diff comments   View file @b463612
... ... @@ -63,48 +63,29 @@
63 63 </select>
64 64 </div>
65 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 70 </div>
76 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 73 </div>
82 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 77 </div>
87 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 81 </div>
93 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 85 </div>
101 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 89 </div>
109 90 </div>
110 91 <!-- barra de icones de navegacao -->
... ... @@ -234,46 +215,42 @@
234 215 <div id='guia1obj' data-traduzir="true" style='display: none;'>
235 216 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
236 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 219 </button>
240 220 </div>
241 221 <div class="separadorCabecalhoGuias">&nbsp;</div>
242 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 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 254 </div>
278 255 <hr>
279 256 <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
... ... @@ -283,26 +260,22 @@
283 260 Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
284 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 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 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 272 </div>
299 273 </div>
300 274 <!-- Catalogo de temas -->
301 275 <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'>
302 276 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
303 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 279 </button>
307 280 </div>
308 281 <div class="separadorCabecalhoGuias">&nbsp;</div>
... ... @@ -312,49 +285,46 @@
312 285 <div id="catalogoNavegacao"></div>
313 286 <!-- Opcoes -->
314 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 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 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 301 </p>
325 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 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 326 </div>
  327 +
358 328 <hr>
359 329 <!-- busca tema no catalogo
360 330 <div class="form-group label-floating">
... ... @@ -468,7 +438,8 @@
468 438 <!-- camadas por estrelas -->
469 439 <div class="list-group condensed">
470 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 443 <span class="material-icons ">folder_open</span>
473 444 </a>
474 445 <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
... ... @@ -518,8 +489,7 @@
518 489 <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
519 490 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
520 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 493 </button>
524 494 </div>
525 495 <div class="separadorCabecalhoGuias">&nbsp;</div>
... ... @@ -536,8 +506,7 @@
536 506 <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
537 507 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
538 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 510 </button>
542 511 </div>
543 512 <div class="separadorCabecalhoGuias">&nbsp;</div>
... ... @@ -546,9 +515,8 @@
546 515 <div class="form-group label-floating">
547 516 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
548 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 520 data-ondeGoogle=".i3GEOresultadoBuscaGoogle" data-templateTemasMapa="templates/buscaEmTemas.html" data-inputTemasMapa="[name=temasMapa]"
553 521 data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa" data-templateServico="templates/buscaEmServico.html" data-ondeConteiner="#guia7obj"
554 522 data-inputOndePalavra="[name=valorBuscaRapida]" data-inputServicosExternos="[name=servicosExternos]"
... ... @@ -562,19 +530,13 @@
562 530 <div class="form-inline" style="width: 100%;">
563 531 <div class="list-group condensed">
564 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 534 </label>
570 535 </div>
571 536 </div>
572 537 <div class="list-group condensed">
573 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 540 </label>
579 541 </div>
580 542 </div>
... ... @@ -601,8 +563,7 @@
601 563 <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
602 564 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
603 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 567 </button>
607 568 </div>
608 569 <div class="separadorCabecalhoGuias">&nbsp;</div>
... ...
interface/osmdebug.htm
  Diff comments   View file @b463612
... ... @@ -63,48 +63,29 @@
63 63 </select>
64 64 </div>
65 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 70 </div>
76 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 73 </div>
82 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 77 </div>
87 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 81 </div>
93 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 85 </div>
101 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 89 </div>
109 90 </div>
110 91 <!-- barra de icones de navegacao -->
... ... @@ -234,46 +215,42 @@
234 215 <div id='guia1obj' data-traduzir="true" style='display: none;'>
235 216 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
236 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 219 </button>
240 220 </div>
241 221 <div class="separadorCabecalhoGuias">&nbsp;</div>
242 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 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 254 </div>
278 255 <hr>
279 256 <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
... ... @@ -283,26 +260,22 @@
283 260 Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
284 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 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 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 272 </div>
299 273 </div>
300 274 <!-- Catalogo de temas -->
301 275 <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'>
302 276 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
303 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 279 </button>
307 280 </div>
308 281 <div class="separadorCabecalhoGuias">&nbsp;</div>
... ... @@ -312,49 +285,46 @@
312 285 <div id="catalogoNavegacao"></div>
313 286 <!-- Opcoes -->
314 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 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 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 301 </p>
325 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 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 326 </div>
  327 +
358 328 <hr>
359 329 <!-- busca tema no catalogo
360 330 <div class="form-group label-floating">
... ... @@ -468,7 +438,8 @@
468 438 <!-- camadas por estrelas -->
469 439 <div class="list-group condensed">
470 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 443 <span class="material-icons ">folder_open</span>
473 444 </a>
474 445 <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
... ... @@ -518,8 +489,7 @@
518 489 <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
519 490 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
520 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 493 </button>
524 494 </div>
525 495 <div class="separadorCabecalhoGuias">&nbsp;</div>
... ... @@ -536,8 +506,7 @@
536 506 <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
537 507 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
538 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 510 </button>
542 511 </div>
543 512 <div class="separadorCabecalhoGuias">&nbsp;</div>
... ... @@ -546,9 +515,8 @@
546 515 <div class="form-group label-floating">
547 516 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
548 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 520 data-ondeGoogle=".i3GEOresultadoBuscaGoogle" data-templateTemasMapa="templates/buscaEmTemas.html" data-inputTemasMapa="[name=temasMapa]"
553 521 data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa" data-templateServico="templates/buscaEmServico.html" data-ondeConteiner="#guia7obj"
554 522 data-inputOndePalavra="[name=valorBuscaRapida]" data-inputServicosExternos="[name=servicosExternos]"
... ... @@ -562,19 +530,13 @@
562 530 <div class="form-inline" style="width: 100%;">
563 531 <div class="list-group condensed">
564 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 534 </label>
570 535 </div>
571 536 </div>
572 537 <div class="list-group condensed">
573 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 540 </label>
579 541 </div>
580 542 </div>
... ... @@ -601,8 +563,7 @@
601 563 <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
602 564 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
603 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 567 </button>
607 568 </div>
608 569 <div class="separadorCabecalhoGuias">&nbsp;</div>
... ...