Download as
Browse Code »

Commit 9880b6b570680e6cd9702a40b0b6d4f9df4d53a1

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

Atualização da interface do editor de mapfiles

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