Download as
Browse Code »

Commit acc43f45ba502146a4f0eca54b2fba46b734839b

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

Ajustes nos templates das guias de navegação para melhorar o uso em dispositivos móveis

Showing 20 changed files with 1032 additions and 940 deletions   Show diff stats
admin/admin.db
View file @acc43f4
No preview for this file type
css/default.css
  Diff comments   View file @acc43f4
@@ -306,7 +306,7 @@ hr { @@ -306,7 +306,7 @@ hr {
306 z-index: 10000; 306 z-index: 10000;
307 } 307 }
308 .guiaOverflow{ 308 .guiaOverflow{
309 - padding-left: 10px; 309 + padding-left: 0px;
310 } 310 }
311 #i3GEOguiaMovelConteudo { 311 #i3GEOguiaMovelConteudo {
312 /*width:355px;*/ 312 /*width:355px;*/
@@ -374,7 +374,7 @@ hr { @@ -374,7 +374,7 @@ hr {
374 } 374 }
375 /*utilizado para nao sobrepor com o icone de fechar guias, que e fixed*/ 375 /*utilizado para nao sobrepor com o icone de fechar guias, que e fixed*/
376 .separadorCabecalhoGuias{ 376 .separadorCabecalhoGuias{
377 - height: 10px; 377 + height: 0px;
378 } 378 }
379 379
380 380
interface/carto_ol.htm
  Diff comments   View file @acc43f4
@@ -135,26 +135,26 @@ @@ -135,26 +135,26 @@
135 <!-- botoes laterais que abrem guias moveis --> 135 <!-- botoes laterais que abrem guias moveis -->
136 <div id="i3GEOguiaMovel"> 136 <div id="i3GEOguiaMovel">
137 <!-- configuracao para todos os botoes 137 <!-- configuracao para todos os botoes
138 - data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado  
139 - --> 138 + data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
  139 + -->
140 <div class="iconesGuiaMovel ol-control" data-traduzir="true"> 140 <div class="iconesGuiaMovel ol-control" data-traduzir="true">
141 <!-- ferramentas 141 <!-- ferramentas
142 - data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel  
143 - data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta  
144 - data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior  
145 - --> 142 + data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
  143 + data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
  144 + data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
  145 + -->
146 <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)"> 146 <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
147 <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;"> 147 <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
148 <i class="material-icons">business_center</i> 148 <i class="material-icons">business_center</i>
149 </button> 149 </button>
150 </div> 150 </div>
151 <!-- temas existentes no mapa 151 <!-- temas existentes no mapa
152 - data-idListaDeCamadas - id onde sera incluida a lista de camadas  
153 - data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)  
154 - data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,  
155 - inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende  
156 - do metadata existente na camada. Deixe vazio para nao ativar a operacao.  
157 - --> 152 + data-idListaDeCamadas - id onde sera incluida a lista de camadas
  153 + data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)
  154 + data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,
  155 + inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
  156 + do metadata existente na camada. Deixe vazio para nao ativar a operacao.
  157 + -->
158 <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" 158 <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas"
159 style="margin-top: 3px;"> 159 style="margin-top: 3px;">
160 <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;"> 160 <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
@@ -162,14 +162,14 @@ @@ -162,14 +162,14 @@
162 </button> 162 </button>
163 </div> 163 </div>
164 <!-- catalogo de adicao de temas ao mapa 164 <!-- catalogo de adicao de temas ao mapa
165 - data-idCatalogo - id do DIV que contem a primeira pagina do catalogo. Esse DIV sera escondido e mostrado conforme o usuario navega pelo catalogo  
166 - data-idMenus - id do DIV que recebera a lista de menus cadastrados no sistema de administracao  
167 - data-idNavegacao - id do DIV que recebera a lista de opcoes apos o usuario clicar em um item do catalogo principal  
168 - data-idMigalha - id do DIV que recebera o link para retorno ao nivel anterior do catalogo 165 + data-idCatalogo - id do DIV que contem a primeira pagina do catalogo. Esse DIV sera escondido e mostrado conforme o usuario navega pelo catalogo
  166 + data-idMenus - id do DIV que recebera a lista de menus cadastrados no sistema de administracao
  167 + data-idNavegacao - id do DIV que recebera a lista de opcoes apos o usuario clicar em um item do catalogo principal
  168 + data-idMigalha - id do DIV que recebera o link para retorno ao nivel anterior do catalogo
169 169
170 - Variaveis javascript:  
171 - i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.  
172 - --> 170 + Variaveis javascript:
  171 + i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
  172 + -->
173 <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" 173 <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal"
174 data-idMenus="catalogoMenus" style="margin-top: 3px;"> 174 data-idMenus="catalogoMenus" style="margin-top: 3px;">
175 <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;"> 175 <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
@@ -199,12 +199,12 @@ @@ -199,12 +199,12 @@
199 </button> 199 </button>
200 </div> 200 </div>
201 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem 201 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
202 - <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">  
203 - <button title="{{{iconeIdentifica}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
204 - <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">  
205 - </button>  
206 - </div>  
207 - --> 202 + <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
  203 + <button title="{{{iconeIdentifica}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  204 + <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
  205 + </button>
  206 + </div>
  207 + -->
208 </div> 208 </div>
209 <!-- veja i3GEO.guias.CONFIGURA --> 209 <!-- veja i3GEO.guias.CONFIGURA -->
210 <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" --> 210 <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
@@ -212,14 +212,14 @@ @@ -212,14 +212,14 @@
212 <div id="i3GEOguiaMovelMolde"> 212 <div id="i3GEOguiaMovelMolde">
213 <div id="i3GEOguiaMovelConteudo"> 213 <div id="i3GEOguiaMovelConteudo">
214 <!-- camadas existentes no mapa --> 214 <!-- camadas existentes no mapa -->
215 - <div id='guia1obj' data-traduzir="true" style='display: none;'> 215 + <div id='guia1obj' data-traduzir="true" style='display: none; height:100%'>
216 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 216 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
217 <button> 217 <button>
218 <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span> 218 <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
219 </button> 219 </button>
220 </div> 220 </div>
221 <div class="separadorCabecalhoGuias">&nbsp;</div> 221 <div class="separadorCabecalhoGuias">&nbsp;</div>
222 - <div class="guiaOverflow"> 222 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
223 <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1"> 223 <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
224 <label>{{{opcoes}}}</label> 224 <label>{{{opcoes}}}</label>
225 </div> 225 </div>
@@ -256,10 +256,10 @@ @@ -256,10 +256,10 @@
256 <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual --> 256 <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
257 <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div> 257 <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div>
258 <!-- Esta div acrescenta a lista de de camadas de fundo 258 <!-- Esta div acrescenta a lista de de camadas de fundo
259 - A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS  
260 - Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida  
261 - no programa interface/config.php  
262 - --> 259 + A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
  260 + Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
  261 + no programa interface/config.php
  262 + -->
263 <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed"> 263 <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
264 <label>{{{camadasDeFundo}}}</label> 264 <label>{{{camadasDeFundo}}}</label>
265 </div> 265 </div>
@@ -272,16 +272,17 @@ @@ -272,16 +272,17 @@
272 </div> 272 </div>
273 </div> 273 </div>
274 <!-- Catalogo de temas --> 274 <!-- Catalogo de temas -->
275 - <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'> 275 + <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;height:100%;'>
276 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"> 276 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
277 <button> 277 <button>
278 <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span> 278 <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
279 </button> 279 </button>
280 </div> 280 </div>
281 <div class="separadorCabecalhoGuias">&nbsp;</div> 281 <div class="separadorCabecalhoGuias">&nbsp;</div>
282 - <div class="guiaOverflow"> 282 +
  283 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
  284 + <div id="catalogoMigalha" style="display:none;" data-template="templates/catalogoMigalha.html"></div>
283 <!-- aqui entra a lista de elementos quando uma das opcoes e clicada --> 285 <!-- 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 <div id="catalogoNavegacao"></div>
286 <!-- Opcoes --> 287 <!-- Opcoes -->
287 <div id="catalogoPrincipal"> 288 <div id="catalogoPrincipal">
@@ -327,158 +328,169 @@ @@ -327,158 +328,169 @@
327 328
328 <hr> 329 <hr>
329 <!-- busca tema no catalogo 330 <!-- busca tema no catalogo
330 - <div class="form-group label-floating">  
331 - <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>  
332 - <div class="input-group">  
333 - <input id="i3GEObuscatema" class="form-control" type="text" value="">  
334 - <span class="input-group-btn">  
335 - <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)">  
336 - <span class="material-icons ">send</span>  
337 - </a>  
338 - </span>  
339 - </div>  
340 - </div>  
341 - --> 331 + <div class="form-group label-floating">
  332 + <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
  333 + <div class="input-group">
  334 + <input id="i3GEObuscatema" class="form-control" type="text" value="">
  335 + <span class="input-group-btn">
  336 + <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)">
  337 + <span class="material-icons ">send</span>
  338 + </a>
  339 + </span>
  340 + </div>
  341 + </div>
  342 + -->
342 <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona 343 <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona
343 - Nessa funcao ficam tambem os parametros:  
344 - "idOndeMenus": "catalogoMenus",  
345 - "idCatalogoPrincipal": "catalogoPrincipal",  
346 - "idCatalogoNavegacao": "catalogoNavegacao",  
347 - "idOndeMigalha": "catalogoMigalha"  
348 - --> 344 + Nessa funcao ficam tambem os parametros:
  345 + "idOndeMenus": "catalogoMenus",
  346 + "idCatalogoPrincipal": "catalogoPrincipal",
  347 + "idCatalogoNavegacao": "catalogoNavegacao",
  348 + "idOndeMigalha": "catalogoMigalha"
  349 + -->
349 <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div> 350 <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
350 351
351 <div id="arvoreAdicionaTema"></div> 352 <div id="arvoreAdicionaTema"></div>
352 353
353 <!-- 354 <!--
354 - As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:  
355 - config: {  
356 - 'templateDir': 'templates/dir.html',  
357 - 'templateTema': 'templates/tema.html',  
358 - 'idCatalogoPrincipal': 'catalogoPrincipal',  
359 - 'idCatalogoNavegacao': 'catalogoNavegacao',  
360 - 'idOndeMigalha': 'catalogoMigalha'  
361 - } 355 + As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
  356 + config: {
  357 + 'templateDir': 'templates/dir.html',
  358 + 'templateTema': 'templates/tema.html',
  359 + 'idCatalogoPrincipal': 'catalogoPrincipal',
  360 + 'idCatalogoNavegacao': 'catalogoNavegacao',
  361 + 'idOndeMigalha': 'catalogoMigalha'
  362 + }
362 363
363 - exemplo: 364 + exemplo:
364 365
365 - onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"  
366 - --> 366 + onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
  367 + -->
367 368
368 <!-- servicos da INDE brasileira --> 369 <!-- servicos da INDE brasileira -->
369 <div class="list-group condensed"> 370 <div class="list-group condensed">
370 - <div class="row-content text-left">  
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)">  
372 - <span class="material-icons ">folder_open</span>  
373 - </a>  
374 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">  
375 - <h4>INDE-Br</h4>  
376 - <i class="pull-right material-icons">navigate_next</i> 371 + <div class="row-content text-left" style="opacity:0.8;">
  372 + <label style="width: 300px; vertical-align: middle;">
  373 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
  374 + <h4>
  375 + <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
  376 + INDE-Br
  377 + </h4>
377 </a> 378 </a>
378 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6> 379 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
379 </label> 380 </label>
  381 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="" href="javascript:void(0)">
  382 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  383 + </a>
380 </div> 384 </div>
381 </div> 385 </div>
382 <hr> 386 <hr>
383 <!-- lista de wms cadastrados no sistema de administracao --> 387 <!-- lista de wms cadastrados no sistema de administracao -->
384 <div class="list-group condensed"> 388 <div class="list-group condensed">
385 - <div class="row-content text-left">  
386 - <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)">  
387 - <span class="material-icons ">folder_open</span>  
388 - </a>  
389 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">  
390 - <h4>OGC-WMS</h4>  
391 - <i class="pull-right material-icons">navigate_next</i> 389 + <div class="row-content text-left" style="opacity:0.8;">
  390 + <label style="width: 300px; vertical-align: middle;">
  391 + <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
  392 + <h4>
  393 + <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
  394 + OGC-WMS
  395 + </h4>
392 </a> 396 </a>
393 <h6>{{{descOgcWms}}}</h6> 397 <h6>{{{descOgcWms}}}</h6>
394 </label> 398 </label>
  399 + <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="" href="javascript:void(0)">
  400 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  401 + </a>
395 </div> 402 </div>
396 </div> 403 </div>
397 <hr> 404 <hr>
398 <!-- regioes cadastradas no sistema de metadados --> 405 <!-- regioes cadastradas no sistema de metadados -->
399 <div class="list-group condensed"> 406 <div class="list-group condensed">
400 <div class="row-content text-left"> 407 <div class="row-content text-left">
401 - <a onclick="i3GEO.catalogoRegioes.inicia()" 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>  
403 - </a>  
404 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">  
405 - <h4>{{{x87}}}</h4>  
406 - <i class="pull-right material-icons">navigate_next</i> 408 + <label style="width: 300px; vertical-align: middle;">
  409 + <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
  410 + <h4>
  411 + <i class="material-icons" style="vertical-align: text-bottom;">domain</i>
  412 + {{{x87}}}
  413 + </h4>
407 </a> 414 </a>
408 <h6>{{{descLimLoc}}}</h6> 415 <h6>{{{descLimLoc}}}</h6>
409 </label> 416 </label>
  417 + <a onclick="i3GEO.catalogoRegioes.inicia();" role="button" class="" href="javascript:void(0)">
  418 + <i style="opacity: 0.8; margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  419 + </a>
410 </div> 420 </div>
411 </div> 421 </div>
412 <hr> 422 <hr>
413 <!-- camadas que vem do sistema de metadados estatisticos --> 423 <!-- camadas que vem do sistema de metadados estatisticos -->
414 <div class="list-group condensed"> 424 <div class="list-group condensed">
415 - <div class="row-content text-left">  
416 - <a onclick="i3GEO.catalogoMetaestat.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>  
418 - </a>  
419 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">  
420 - <h4>{{{x57}}}</h4>  
421 - <i class="pull-right material-icons">navigate_next</i> 425 + <div class="row-content text-left" style="opacity:0.8;">
  426 + <label style="width: 300px; vertical-align: middle;">
  427 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
  428 + <h4>
  429 + <i class="material-icons" style="vertical-align: text-bottom;">trending_up</i>
  430 + {{{x57}}}
  431 + </h4>
422 </a> 432 </a>
423 <h6>{{{descMeta}}}</h6> 433 <h6>{{{descMeta}}}</h6>
424 </label> 434 </label>
  435 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="" href="javascript:void(0)">
  436 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  437 + </a>
425 </div> 438 </div>
426 </div> 439 </div>
427 <hr> 440 <hr>
428 - <!-- mapas cadastrados no sistema de administracao (nao funcional)  
429 - <div class="list-group condensed"><div class="row-content text-left">  
430 - <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>  
431 - <label style="width: 255px;vertical-align: middle;">  
432 - <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">  
433 - <h4>{{{x90}}}</h4></a>  
434 - <h6>{{{descMapas}}}</h6>  
435 - </label>  
436 - </div></div><hr>  
437 - -->  
438 <!-- camadas por estrelas --> 441 <!-- camadas por estrelas -->
439 <div class="list-group condensed"> 442 <div class="list-group condensed">
440 - <div class="row-content text-left">  
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)">  
443 - <span class="material-icons ">folder_open</span>  
444 - </a>  
445 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" 443 + <div class="row-content text-left" style="opacity:0.8;">
  444 + <label style="width: 300px; vertical-align: middle;">
  445 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
446 href="javascript:void(0)"> 446 href="javascript:void(0)">
447 - <h4>{{{t46}}}</h4>  
448 - <i class="pull-right material-icons">navigate_next</i> 447 + <h4>
  448 + <i class="material-icons" style="vertical-align: text-bottom;">star_border</i>
  449 + {{{t46}}}
  450 + </h4>
449 </a> 451 </a>
450 <h6>{{{descEstrelas}}}</h6> 452 <h6>{{{descEstrelas}}}</h6>
451 </label> 453 </label>
  454 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="" href="javascript:void(0)">
  455 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  456 + </a>
452 </div> 457 </div>
453 </div> 458 </div>
454 <hr> 459 <hr>
455 <!-- sistemas que adicionam camadas --> 460 <!-- sistemas que adicionam camadas -->
456 <div class="list-group condensed"> 461 <div class="list-group condensed">
457 - <div class="row-content text-left">  
458 - <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="hidden-xs hidden-sm 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.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">  
462 - <h4>{{{a11}}}</h4>  
463 - <i class="pull-right material-icons">navigate_next</i> 462 + <div class="row-content text-left" style="opacity:0.8;">
  463 + <label style="width: 300px; vertical-align: middle;">
  464 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
  465 + <h4>
  466 + <i class="material-icons" style="vertical-align: text-bottom;">widgets</i>
  467 + {{{a11}}}
  468 + </h4>
464 </a> 469 </a>
465 <h6>{{{descSistemas}}}</h6> 470 <h6>{{{descSistemas}}}</h6>
466 </label> 471 </label>
  472 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="" href="javascript:void(0)">
  473 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  474 + </a>
  475 +
467 </div> 476 </div>
468 </div> 477 </div>
469 <hr> 478 <hr>
470 <!-- navegacao em diretorios --> 479 <!-- navegacao em diretorios -->
471 <div class="list-group condensed"> 480 <div class="list-group condensed">
472 - <div class="row-content text-left">  
473 - <a onclick="i3GEO.catalogoDir.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>  
475 - </a>  
476 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">  
477 - <h4>{{{a6}}}</h4>  
478 - <i class="pull-right material-icons">navigate_next</i> 481 + <div class="row-content text-left" style="opacity:0.8;">
  482 + <label style="width: 300px; vertical-align: middle;">
  483 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
  484 + <h4>
  485 + <i class="material-icons" style="vertical-align: text-bottom;">storage</i>
  486 + {{{a6}}}
  487 + </h4>
479 </a> 488 </a>
480 <h6>{{{descDir}}}</h6> 489 <h6>{{{descDir}}}</h6>
481 </label> 490 </label>
  491 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="" href="javascript:void(0)">
  492 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  493 + </a>
482 </div> 494 </div>
483 </div> 495 </div>
484 <hr> 496 <hr>
@@ -486,31 +498,31 @@ @@ -486,31 +498,31 @@
486 </div> 498 </div>
487 </div> 499 </div>
488 <!-- Legenda --> 500 <!-- Legenda -->
489 - <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'> 501 + <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left;height:100%;'>
490 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"> 502 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
491 <button> 503 <button>
492 <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span> 504 <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
493 </button> 505 </button>
494 </div> 506 </div>
495 <div class="separadorCabecalhoGuias">&nbsp;</div> 507 <div class="separadorCabecalhoGuias">&nbsp;</div>
496 - <div class="guiaOverflow"> 508 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
497 <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a> 509 <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> 510 <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
499 </div> 511 </div>
500 </div> 512 </div>
501 <!-- busca 513 <!-- busca
502 - Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google  
503 - No botao que dispara a busca, ficam os parametros de configuracao  
504 - 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  
505 - -->  
506 - <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'> 514 + Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
  515 + No botao que dispara a busca, ficam os parametros de configuracao
  516 + 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
  517 + -->
  518 + <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left; height:100%'>
507 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 519 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
508 <button> 520 <button>
509 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span> 521 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
510 </button> 522 </button>
511 </div> 523 </div>
512 <div class="separadorCabecalhoGuias">&nbsp;</div> 524 <div class="separadorCabecalhoGuias">&nbsp;</div>
513 - <div class="guiaOverflow"> 525 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
514 <form onSubmit="return false;"> 526 <form onSubmit="return false;">
515 <div class="form-group label-floating"> 527 <div class="form-group label-floating">
516 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label> 528 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
@@ -541,15 +553,15 @@ @@ -541,15 +553,15 @@
541 </div> 553 </div>
542 </div> 554 </div>
543 <!-- Apenas para a interface google maps 555 <!-- Apenas para a interface google maps
544 - <div class="list-group condensed">  
545 - <div class="checkbox text-left">  
546 - <label>  
547 - <input class="noprint" value="on" type="checkbox" name="google">  
548 - <span class="checkbox-material noprint"><span class="check"></span></span> Google  
549 - </label>  
550 - </div>  
551 - </div>  
552 - --> 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 + -->
553 </div> 565 </div>
554 </form> 566 </form>
555 <hr> 567 <hr>
@@ -560,34 +572,34 @@ @@ -560,34 +572,34 @@
560 </div> 572 </div>
561 </div> 573 </div>
562 <!-- Ferramentas --> 574 <!-- Ferramentas -->
563 - <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'> 575 + <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left;height:100%'>
564 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 576 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
565 <button> 577 <button>
566 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span> 578 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
567 </button> 579 </button>
568 </div> 580 </div>
569 <div class="separadorCabecalhoGuias">&nbsp;</div> 581 <div class="separadorCabecalhoGuias">&nbsp;</div>
570 - <div class="guiaOverflow"> 582 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
571 <div class="form-inline" style="width: 100%;"> 583 <div class="form-inline" style="width: 100%;">
572 - <div class="text-center form-group" style="margin: 4px;"> 584 + <div class="text-center form-group" style="margin: 4px;display:inline-block">
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)"> 585 <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"> 586 <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">
575 </a> 587 </a>
576 <h6>{{{d21at}}}</h6> 588 <h6>{{{d21at}}}</h6>
577 </div> 589 </div>
578 - <div class="text-center form-group" style="margin: 4px;"> 590 + <div class="text-center form-group" style="margin: 4px;display:inline-block">
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)"> 591 <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"> 592 <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">
581 </a> 593 </a>
582 <h6>{{{d21t}}}</h6> 594 <h6>{{{d21t}}}</h6>
583 </div> 595 </div>
584 - <div class="text-center form-group" style="margin: 4px;"> 596 + <div class="text-center form-group" style="margin: 4px;display:inline-block">
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)"> 597 <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"> 598 <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">
587 </a> 599 </a>
588 <h6>{{{d24t}}}</h6> 600 <h6>{{{d24t}}}</h6>
589 </div> 601 </div>
590 - <div class="text-center form-group" style="margin: 4px;"> 602 + <div class="text-center form-group" style="margin: 4px;display:inline-block">
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)"> 603 <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"> 604 <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">
593 </a> 605 </a>
@@ -604,7 +616,8 @@ @@ -604,7 +616,8 @@
604 </div> 616 </div>
605 </div> 617 </div>
606 </div> 618 </div>
607 - <!-- para mostrar o banner de abertura --> 619 +
  620 + <!-- para mostrar o banner de abertura -->
608 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache"> 621 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
609 <div> 622 <div>
610 <table> 623 <table>
interface/gm.phtml
  Diff comments   View file @acc43f4
@@ -225,14 +225,14 @@ include (&quot;../ms_configura.php&quot;); @@ -225,14 +225,14 @@ include (&quot;../ms_configura.php&quot;);
225 <div id="i3GEOguiaMovelMolde"> 225 <div id="i3GEOguiaMovelMolde">
226 <div id="i3GEOguiaMovelConteudo"> 226 <div id="i3GEOguiaMovelConteudo">
227 <!-- camadas existentes no mapa --> 227 <!-- camadas existentes no mapa -->
228 - <div id='guia1obj' data-traduzir="true" style='display: none;'> 228 + <div id='guia1obj' data-traduzir="true" style='display: none; height:100%'>
229 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 229 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
230 <button> 230 <button>
231 <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span> 231 <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
232 </button> 232 </button>
233 </div> 233 </div>
234 <div class="separadorCabecalhoGuias">&nbsp;</div> 234 <div class="separadorCabecalhoGuias">&nbsp;</div>
235 - <div class="guiaOverflow"> 235 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
236 <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1"> 236 <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
237 <label>{{{opcoes}}}</label> 237 <label>{{{opcoes}}}</label>
238 </div> 238 </div>
@@ -285,16 +285,17 @@ include (&quot;../ms_configura.php&quot;); @@ -285,16 +285,17 @@ include (&quot;../ms_configura.php&quot;);
285 </div> 285 </div>
286 </div> 286 </div>
287 <!-- Catalogo de temas --> 287 <!-- Catalogo de temas -->
288 - <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'> 288 + <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;height:100%;'>
289 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"> 289 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
290 <button> 290 <button>
291 <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span> 291 <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
292 </button> 292 </button>
293 </div> 293 </div>
294 <div class="separadorCabecalhoGuias">&nbsp;</div> 294 <div class="separadorCabecalhoGuias">&nbsp;</div>
295 - <div class="guiaOverflow"> 295 +
  296 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
  297 + <div id="catalogoMigalha" style="display:none;" data-template="templates/catalogoMigalha.html"></div>
296 <!-- aqui entra a lista de elementos quando uma das opcoes e clicada --> 298 <!-- 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 <div id="catalogoNavegacao"></div>
299 <!-- Opcoes --> 300 <!-- Opcoes -->
300 <div id="catalogoPrincipal"> 301 <div id="catalogoPrincipal">
@@ -380,118 +381,129 @@ include (&quot;../ms_configura.php&quot;); @@ -380,118 +381,129 @@ include (&quot;../ms_configura.php&quot;);
380 381
381 <!-- servicos da INDE brasileira --> 382 <!-- servicos da INDE brasileira -->
382 <div class="list-group condensed"> 383 <div class="list-group condensed">
383 - <div class="row-content text-left">  
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)">  
385 - <span class="material-icons ">folder_open</span>  
386 - </a>  
387 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">  
388 - <h4>INDE-Br</h4>  
389 - <i class="pull-right material-icons">navigate_next</i> 384 + <div class="row-content text-left" style="opacity:0.8;">
  385 + <label style="width: 300px; vertical-align: middle;">
  386 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
  387 + <h4>
  388 + <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
  389 + INDE-Br
  390 + </h4>
390 </a> 391 </a>
391 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6> 392 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
392 </label> 393 </label>
  394 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="" href="javascript:void(0)">
  395 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  396 + </a>
393 </div> 397 </div>
394 </div> 398 </div>
395 <hr> 399 <hr>
396 <!-- lista de wms cadastrados no sistema de administracao --> 400 <!-- lista de wms cadastrados no sistema de administracao -->
397 <div class="list-group condensed"> 401 <div class="list-group condensed">
398 - <div class="row-content text-left">  
399 - <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)">  
400 - <span class="material-icons ">folder_open</span>  
401 - </a>  
402 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">  
403 - <h4>OGC-WMS</h4>  
404 - <i class="pull-right material-icons">navigate_next</i> 402 + <div class="row-content text-left" style="opacity:0.8;">
  403 + <label style="width: 300px; vertical-align: middle;">
  404 + <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
  405 + <h4>
  406 + <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
  407 + OGC-WMS
  408 + </h4>
405 </a> 409 </a>
406 <h6>{{{descOgcWms}}}</h6> 410 <h6>{{{descOgcWms}}}</h6>
407 </label> 411 </label>
  412 + <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="" href="javascript:void(0)">
  413 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  414 + </a>
408 </div> 415 </div>
409 </div> 416 </div>
410 <hr> 417 <hr>
411 <!-- regioes cadastradas no sistema de metadados --> 418 <!-- regioes cadastradas no sistema de metadados -->
412 <div class="list-group condensed"> 419 <div class="list-group condensed">
413 <div class="row-content text-left"> 420 <div class="row-content text-left">
414 - <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">  
415 - <span class="material-icons ">folder_open</span>  
416 - </a>  
417 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">  
418 - <h4>{{{x87}}}</h4>  
419 - <i class="pull-right material-icons">navigate_next</i> 421 + <label style="width: 300px; vertical-align: middle;">
  422 + <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
  423 + <h4>
  424 + <i class="material-icons" style="vertical-align: text-bottom;">domain</i>
  425 + {{{x87}}}
  426 + </h4>
420 </a> 427 </a>
421 <h6>{{{descLimLoc}}}</h6> 428 <h6>{{{descLimLoc}}}</h6>
422 </label> 429 </label>
  430 + <a onclick="i3GEO.catalogoRegioes.inicia();" role="button" class="" href="javascript:void(0)">
  431 + <i style="opacity: 0.8; margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  432 + </a>
423 </div> 433 </div>
424 </div> 434 </div>
425 <hr> 435 <hr>
426 <!-- camadas que vem do sistema de metadados estatisticos --> 436 <!-- camadas que vem do sistema de metadados estatisticos -->
427 <div class="list-group condensed"> 437 <div class="list-group condensed">
428 - <div class="row-content text-left">  
429 - <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">  
430 - <span class="material-icons ">folder_open</span>  
431 - </a>  
432 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">  
433 - <h4>{{{x57}}}</h4>  
434 - <i class="pull-right material-icons">navigate_next</i> 438 + <div class="row-content text-left" style="opacity:0.8;">
  439 + <label style="width: 300px; vertical-align: middle;">
  440 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
  441 + <h4>
  442 + <i class="material-icons" style="vertical-align: text-bottom;">trending_up</i>
  443 + {{{x57}}}
  444 + </h4>
435 </a> 445 </a>
436 <h6>{{{descMeta}}}</h6> 446 <h6>{{{descMeta}}}</h6>
437 </label> 447 </label>
  448 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="" href="javascript:void(0)">
  449 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  450 + </a>
438 </div> 451 </div>
439 </div> 452 </div>
440 <hr> 453 <hr>
441 - <!-- mapas cadastrados no sistema de administracao (nao funcional)  
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 - -->  
451 <!-- camadas por estrelas --> 454 <!-- camadas por estrelas -->
452 <div class="list-group condensed"> 455 <div class="list-group condensed">
453 - <div class="row-content text-left">  
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)">  
456 - <span class="material-icons ">folder_open</span>  
457 - </a>  
458 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" 456 + <div class="row-content text-left" style="opacity:0.8;">
  457 + <label style="width: 300px; vertical-align: middle;">
  458 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
459 href="javascript:void(0)"> 459 href="javascript:void(0)">
460 - <h4>{{{t46}}}</h4>  
461 - <i class="pull-right material-icons">navigate_next</i> 460 + <h4>
  461 + <i class="material-icons" style="vertical-align: text-bottom;">star_border</i>
  462 + {{{t46}}}
  463 + </h4>
462 </a> 464 </a>
463 <h6>{{{descEstrelas}}}</h6> 465 <h6>{{{descEstrelas}}}</h6>
464 </label> 466 </label>
  467 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="" href="javascript:void(0)">
  468 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  469 + </a>
465 </div> 470 </div>
466 </div> 471 </div>
467 <hr> 472 <hr>
468 <!-- sistemas que adicionam camadas --> 473 <!-- sistemas que adicionam camadas -->
469 <div class="list-group condensed"> 474 <div class="list-group condensed">
470 - <div class="row-content text-left">  
471 - <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">  
472 - <span class="material-icons ">folder_open</span>  
473 - </a>  
474 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">  
475 - <h4>{{{a11}}}</h4>  
476 - <i class="pull-right material-icons">navigate_next</i> 475 + <div class="row-content text-left" style="opacity:0.8;">
  476 + <label style="width: 300px; vertical-align: middle;">
  477 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
  478 + <h4>
  479 + <i class="material-icons" style="vertical-align: text-bottom;">widgets</i>
  480 + {{{a11}}}
  481 + </h4>
477 </a> 482 </a>
478 <h6>{{{descSistemas}}}</h6> 483 <h6>{{{descSistemas}}}</h6>
479 </label> 484 </label>
  485 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="" href="javascript:void(0)">
  486 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  487 + </a>
  488 +
480 </div> 489 </div>
481 </div> 490 </div>
482 <hr> 491 <hr>
483 <!-- navegacao em diretorios --> 492 <!-- navegacao em diretorios -->
484 <div class="list-group condensed"> 493 <div class="list-group condensed">
485 - <div class="row-content text-left">  
486 - <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">  
487 - <span class="material-icons ">folder_open</span>  
488 - </a>  
489 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">  
490 - <h4>{{{a6}}}</h4>  
491 - <i class="pull-right material-icons">navigate_next</i> 494 + <div class="row-content text-left" style="opacity:0.8;">
  495 + <label style="width: 300px; vertical-align: middle;">
  496 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
  497 + <h4>
  498 + <i class="material-icons" style="vertical-align: text-bottom;">storage</i>
  499 + {{{a6}}}
  500 + </h4>
492 </a> 501 </a>
493 <h6>{{{descDir}}}</h6> 502 <h6>{{{descDir}}}</h6>
494 </label> 503 </label>
  504 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="" href="javascript:void(0)">
  505 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  506 + </a>
495 </div> 507 </div>
496 </div> 508 </div>
497 <hr> 509 <hr>
@@ -499,14 +511,14 @@ include (&quot;../ms_configura.php&quot;); @@ -499,14 +511,14 @@ include (&quot;../ms_configura.php&quot;);
499 </div> 511 </div>
500 </div> 512 </div>
501 <!-- Legenda --> 513 <!-- Legenda -->
502 - <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'> 514 + <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left;height:100%;'>
503 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"> 515 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
504 <button> 516 <button>
505 <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span> 517 <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
506 </button> 518 </button>
507 </div> 519 </div>
508 <div class="separadorCabecalhoGuias">&nbsp;</div> 520 <div class="separadorCabecalhoGuias">&nbsp;</div>
509 - <div class="guiaOverflow"> 521 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
510 <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a> 522 <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> 523 <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
512 </div> 524 </div>
@@ -516,14 +528,14 @@ include (&quot;../ms_configura.php&quot;); @@ -516,14 +528,14 @@ include (&quot;../ms_configura.php&quot;);
516 No botao que dispara a busca, ficam os parametros de configuracao 528 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 529 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 --> 530 -->
519 - <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'> 531 + <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left; height:100%'>
520 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 532 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
521 <button> 533 <button>
522 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span> 534 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
523 </button> 535 </button>
524 </div> 536 </div>
525 <div class="separadorCabecalhoGuias">&nbsp;</div> 537 <div class="separadorCabecalhoGuias">&nbsp;</div>
526 - <div class="guiaOverflow"> 538 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
527 <form onSubmit="return false;"> 539 <form onSubmit="return false;">
528 <div class="form-group label-floating"> 540 <div class="form-group label-floating">
529 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label> 541 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
@@ -573,34 +585,34 @@ include (&quot;../ms_configura.php&quot;); @@ -573,34 +585,34 @@ include (&quot;../ms_configura.php&quot;);
573 </div> 585 </div>
574 </div> 586 </div>
575 <!-- Ferramentas --> 587 <!-- Ferramentas -->
576 - <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'> 588 + <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left;height:100%'>
577 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 589 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
578 <button> 590 <button>
579 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span> 591 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
580 </button> 592 </button>
581 </div> 593 </div>
582 <div class="separadorCabecalhoGuias">&nbsp;</div> 594 <div class="separadorCabecalhoGuias">&nbsp;</div>
583 - <div class="guiaOverflow"> 595 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
584 <div class="form-inline" style="width: 100%;"> 596 <div class="form-inline" style="width: 100%;">
585 - <div class="text-center form-group" style="margin: 4px;"> 597 + <div class="text-center form-group" style="margin: 4px;display:inline-block">
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)"> 598 <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"> 599 <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">
588 </a> 600 </a>
589 <h6>{{{d21at}}}</h6> 601 <h6>{{{d21at}}}</h6>
590 </div> 602 </div>
591 - <div class="text-center form-group" style="margin: 4px;"> 603 + <div class="text-center form-group" style="margin: 4px;display:inline-block">
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)"> 604 <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"> 605 <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">
594 </a> 606 </a>
595 <h6>{{{d21t}}}</h6> 607 <h6>{{{d21t}}}</h6>
596 </div> 608 </div>
597 - <div class="text-center form-group" style="margin: 4px;"> 609 + <div class="text-center form-group" style="margin: 4px;display:inline-block">
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)"> 610 <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"> 611 <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">
600 </a> 612 </a>
601 <h6>{{{d24t}}}</h6> 613 <h6>{{{d24t}}}</h6>
602 </div> 614 </div>
603 - <div class="text-center form-group" style="margin: 4px;"> 615 + <div class="text-center form-group" style="margin: 4px;display:inline-block">
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)"> 616 <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"> 617 <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">
606 </a> 618 </a>
@@ -617,6 +629,7 @@ include (&quot;../ms_configura.php&quot;); @@ -617,6 +629,7 @@ include (&quot;../ms_configura.php&quot;);
617 </div> 629 </div>
618 </div> 630 </div>
619 </div> 631 </div>
  632 +
620 <!-- para mostrar o banner de abertura --> 633 <!-- para mostrar o banner de abertura -->
621 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache"> 634 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
622 <div> 635 <div>
interface/gmdebug.phtml
  Diff comments   View file @acc43f4
@@ -148,26 +148,26 @@ include (&quot;../ms_configura.php&quot;); @@ -148,26 +148,26 @@ include (&quot;../ms_configura.php&quot;);
148 <!-- botoes laterais que abrem guias moveis --> 148 <!-- botoes laterais que abrem guias moveis -->
149 <div id="i3GEOguiaMovel"> 149 <div id="i3GEOguiaMovel">
150 <!-- configuracao para todos os botoes 150 <!-- configuracao para todos os botoes
151 - data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado  
152 - --> 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"> 153 <div class="iconesGuiaMovel ol-control" data-traduzir="true">
154 <!-- ferramentas 154 <!-- ferramentas
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 - --> 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 + -->
159 <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)"> 159 <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
160 <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;"> 160 <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
161 <i class="material-icons">business_center</i> 161 <i class="material-icons">business_center</i>
162 </button> 162 </button>
163 </div> 163 </div>
164 <!-- temas existentes no mapa 164 <!-- temas existentes no mapa
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 - --> 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 + -->
171 <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" 171 <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas"
172 style="margin-top: 3px;"> 172 style="margin-top: 3px;">
173 <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;"> 173 <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
@@ -175,14 +175,14 @@ include (&quot;../ms_configura.php&quot;); @@ -175,14 +175,14 @@ include (&quot;../ms_configura.php&quot;);
175 </button> 175 </button>
176 </div> 176 </div>
177 <!-- catalogo de adicao de temas ao mapa 177 <!-- catalogo de adicao de temas ao mapa
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 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
182 182
183 - Variaveis javascript:  
184 - i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.  
185 - --> 183 + Variaveis javascript:
  184 + i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
  185 + -->
186 <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" 186 <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal"
187 data-idMenus="catalogoMenus" style="margin-top: 3px;"> 187 data-idMenus="catalogoMenus" style="margin-top: 3px;">
188 <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;"> 188 <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
@@ -212,12 +212,12 @@ include (&quot;../ms_configura.php&quot;); @@ -212,12 +212,12 @@ include (&quot;../ms_configura.php&quot;);
212 </button> 212 </button>
213 </div> 213 </div>
214 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem 214 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
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 - --> 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 + -->
221 </div> 221 </div>
222 <!-- veja i3GEO.guias.CONFIGURA --> 222 <!-- veja i3GEO.guias.CONFIGURA -->
223 <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" --> 223 <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
@@ -225,14 +225,14 @@ include (&quot;../ms_configura.php&quot;); @@ -225,14 +225,14 @@ include (&quot;../ms_configura.php&quot;);
225 <div id="i3GEOguiaMovelMolde"> 225 <div id="i3GEOguiaMovelMolde">
226 <div id="i3GEOguiaMovelConteudo"> 226 <div id="i3GEOguiaMovelConteudo">
227 <!-- camadas existentes no mapa --> 227 <!-- camadas existentes no mapa -->
228 - <div id='guia1obj' data-traduzir="true" style='display: none;'> 228 + <div id='guia1obj' data-traduzir="true" style='display: none; height:100%'>
229 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 229 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
230 <button> 230 <button>
231 <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span> 231 <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
232 </button> 232 </button>
233 </div> 233 </div>
234 <div class="separadorCabecalhoGuias">&nbsp;</div> 234 <div class="separadorCabecalhoGuias">&nbsp;</div>
235 - <div class="guiaOverflow"> 235 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
236 <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1"> 236 <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
237 <label>{{{opcoes}}}</label> 237 <label>{{{opcoes}}}</label>
238 </div> 238 </div>
@@ -269,10 +269,10 @@ include (&quot;../ms_configura.php&quot;); @@ -269,10 +269,10 @@ include (&quot;../ms_configura.php&quot;);
269 <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual --> 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> 270 <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div>
271 <!-- Esta div acrescenta a lista de de camadas de fundo 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 - --> 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"> 276 <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
277 <label>{{{camadasDeFundo}}}</label> 277 <label>{{{camadasDeFundo}}}</label>
278 </div> 278 </div>
@@ -285,16 +285,17 @@ include (&quot;../ms_configura.php&quot;); @@ -285,16 +285,17 @@ include (&quot;../ms_configura.php&quot;);
285 </div> 285 </div>
286 </div> 286 </div>
287 <!-- Catalogo de temas --> 287 <!-- Catalogo de temas -->
288 - <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'> 288 + <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;height:100%;'>
289 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"> 289 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
290 <button> 290 <button>
291 <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span> 291 <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
292 </button> 292 </button>
293 </div> 293 </div>
294 <div class="separadorCabecalhoGuias">&nbsp;</div> 294 <div class="separadorCabecalhoGuias">&nbsp;</div>
295 - <div class="guiaOverflow"> 295 +
  296 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
  297 + <div id="catalogoMigalha" style="display:none;" data-template="templates/catalogoMigalha.html"></div>
296 <!-- aqui entra a lista de elementos quando uma das opcoes e clicada --> 298 <!-- 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 <div id="catalogoNavegacao"></div>
299 <!-- Opcoes --> 300 <!-- Opcoes -->
300 <div id="catalogoPrincipal"> 301 <div id="catalogoPrincipal">
@@ -340,158 +341,169 @@ include (&quot;../ms_configura.php&quot;); @@ -340,158 +341,169 @@ include (&quot;../ms_configura.php&quot;);
340 341
341 <hr> 342 <hr>
342 <!-- busca tema no catalogo 343 <!-- 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 - --> 344 + <div class="form-group label-floating">
  345 + <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
  346 + <div class="input-group">
  347 + <input id="i3GEObuscatema" class="form-control" type="text" value="">
  348 + <span class="input-group-btn">
  349 + <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)">
  350 + <span class="material-icons ">send</span>
  351 + </a>
  352 + </span>
  353 + </div>
  354 + </div>
  355 + -->
355 <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona 356 <!-- 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 - --> 357 + Nessa funcao ficam tambem os parametros:
  358 + "idOndeMenus": "catalogoMenus",
  359 + "idCatalogoPrincipal": "catalogoPrincipal",
  360 + "idCatalogoNavegacao": "catalogoNavegacao",
  361 + "idOndeMigalha": "catalogoMigalha"
  362 + -->
362 <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div> 363 <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
363 364
364 <div id="arvoreAdicionaTema"></div> 365 <div id="arvoreAdicionaTema"></div>
365 366
366 <!-- 367 <!--
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 - } 368 + As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
  369 + config: {
  370 + 'templateDir': 'templates/dir.html',
  371 + 'templateTema': 'templates/tema.html',
  372 + 'idCatalogoPrincipal': 'catalogoPrincipal',
  373 + 'idCatalogoNavegacao': 'catalogoNavegacao',
  374 + 'idOndeMigalha': 'catalogoMigalha'
  375 + }
375 376
376 - exemplo: 377 + exemplo:
377 378
378 - onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"  
379 - --> 379 + onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
  380 + -->
380 381
381 <!-- servicos da INDE brasileira --> 382 <!-- servicos da INDE brasileira -->
382 <div class="list-group condensed"> 383 <div class="list-group condensed">
383 - <div class="row-content text-left">  
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)">  
385 - <span class="material-icons ">folder_open</span>  
386 - </a>  
387 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">  
388 - <h4>INDE-Br</h4>  
389 - <i class="pull-right material-icons">navigate_next</i> 384 + <div class="row-content text-left" style="opacity:0.8;">
  385 + <label style="width: 300px; vertical-align: middle;">
  386 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
  387 + <h4>
  388 + <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
  389 + INDE-Br
  390 + </h4>
390 </a> 391 </a>
391 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6> 392 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
392 </label> 393 </label>
  394 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="" href="javascript:void(0)">
  395 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  396 + </a>
393 </div> 397 </div>
394 </div> 398 </div>
395 <hr> 399 <hr>
396 <!-- lista de wms cadastrados no sistema de administracao --> 400 <!-- lista de wms cadastrados no sistema de administracao -->
397 <div class="list-group condensed"> 401 <div class="list-group condensed">
398 - <div class="row-content text-left">  
399 - <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)">  
400 - <span class="material-icons ">folder_open</span>  
401 - </a>  
402 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">  
403 - <h4>OGC-WMS</h4>  
404 - <i class="pull-right material-icons">navigate_next</i> 402 + <div class="row-content text-left" style="opacity:0.8;">
  403 + <label style="width: 300px; vertical-align: middle;">
  404 + <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
  405 + <h4>
  406 + <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
  407 + OGC-WMS
  408 + </h4>
405 </a> 409 </a>
406 <h6>{{{descOgcWms}}}</h6> 410 <h6>{{{descOgcWms}}}</h6>
407 </label> 411 </label>
  412 + <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="" href="javascript:void(0)">
  413 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  414 + </a>
408 </div> 415 </div>
409 </div> 416 </div>
410 <hr> 417 <hr>
411 <!-- regioes cadastradas no sistema de metadados --> 418 <!-- regioes cadastradas no sistema de metadados -->
412 <div class="list-group condensed"> 419 <div class="list-group condensed">
413 <div class="row-content text-left"> 420 <div class="row-content text-left">
414 - <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">  
415 - <span class="material-icons ">folder_open</span>  
416 - </a>  
417 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">  
418 - <h4>{{{x87}}}</h4>  
419 - <i class="pull-right material-icons">navigate_next</i> 421 + <label style="width: 300px; vertical-align: middle;">
  422 + <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
  423 + <h4>
  424 + <i class="material-icons" style="vertical-align: text-bottom;">domain</i>
  425 + {{{x87}}}
  426 + </h4>
420 </a> 427 </a>
421 <h6>{{{descLimLoc}}}</h6> 428 <h6>{{{descLimLoc}}}</h6>
422 </label> 429 </label>
  430 + <a onclick="i3GEO.catalogoRegioes.inicia();" role="button" class="" href="javascript:void(0)">
  431 + <i style="opacity: 0.8; margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  432 + </a>
423 </div> 433 </div>
424 </div> 434 </div>
425 <hr> 435 <hr>
426 <!-- camadas que vem do sistema de metadados estatisticos --> 436 <!-- camadas que vem do sistema de metadados estatisticos -->
427 <div class="list-group condensed"> 437 <div class="list-group condensed">
428 - <div class="row-content text-left">  
429 - <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">  
430 - <span class="material-icons ">folder_open</span>  
431 - </a>  
432 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">  
433 - <h4>{{{x57}}}</h4>  
434 - <i class="pull-right material-icons">navigate_next</i> 438 + <div class="row-content text-left" style="opacity:0.8;">
  439 + <label style="width: 300px; vertical-align: middle;">
  440 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
  441 + <h4>
  442 + <i class="material-icons" style="vertical-align: text-bottom;">trending_up</i>
  443 + {{{x57}}}
  444 + </h4>
435 </a> 445 </a>
436 <h6>{{{descMeta}}}</h6> 446 <h6>{{{descMeta}}}</h6>
437 </label> 447 </label>
  448 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="" href="javascript:void(0)">
  449 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  450 + </a>
438 </div> 451 </div>
439 </div> 452 </div>
440 <hr> 453 <hr>
441 - <!-- mapas cadastrados no sistema de administracao (nao funcional)  
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 - -->  
451 <!-- camadas por estrelas --> 454 <!-- camadas por estrelas -->
452 <div class="list-group condensed"> 455 <div class="list-group condensed">
453 - <div class="row-content text-left">  
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)">  
456 - <span class="material-icons ">folder_open</span>  
457 - </a>  
458 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" 456 + <div class="row-content text-left" style="opacity:0.8;">
  457 + <label style="width: 300px; vertical-align: middle;">
  458 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
459 href="javascript:void(0)"> 459 href="javascript:void(0)">
460 - <h4>{{{t46}}}</h4>  
461 - <i class="pull-right material-icons">navigate_next</i> 460 + <h4>
  461 + <i class="material-icons" style="vertical-align: text-bottom;">star_border</i>
  462 + {{{t46}}}
  463 + </h4>
462 </a> 464 </a>
463 <h6>{{{descEstrelas}}}</h6> 465 <h6>{{{descEstrelas}}}</h6>
464 </label> 466 </label>
  467 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="" href="javascript:void(0)">
  468 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  469 + </a>
465 </div> 470 </div>
466 </div> 471 </div>
467 <hr> 472 <hr>
468 <!-- sistemas que adicionam camadas --> 473 <!-- sistemas que adicionam camadas -->
469 <div class="list-group condensed"> 474 <div class="list-group condensed">
470 - <div class="row-content text-left">  
471 - <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">  
472 - <span class="material-icons ">folder_open</span>  
473 - </a>  
474 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">  
475 - <h4>{{{a11}}}</h4>  
476 - <i class="pull-right material-icons">navigate_next</i> 475 + <div class="row-content text-left" style="opacity:0.8;">
  476 + <label style="width: 300px; vertical-align: middle;">
  477 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
  478 + <h4>
  479 + <i class="material-icons" style="vertical-align: text-bottom;">widgets</i>
  480 + {{{a11}}}
  481 + </h4>
477 </a> 482 </a>
478 <h6>{{{descSistemas}}}</h6> 483 <h6>{{{descSistemas}}}</h6>
479 </label> 484 </label>
  485 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="" href="javascript:void(0)">
  486 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  487 + </a>
  488 +
480 </div> 489 </div>
481 </div> 490 </div>
482 <hr> 491 <hr>
483 <!-- navegacao em diretorios --> 492 <!-- navegacao em diretorios -->
484 <div class="list-group condensed"> 493 <div class="list-group condensed">
485 - <div class="row-content text-left">  
486 - <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">  
487 - <span class="material-icons ">folder_open</span>  
488 - </a>  
489 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">  
490 - <h4>{{{a6}}}</h4>  
491 - <i class="pull-right material-icons">navigate_next</i> 494 + <div class="row-content text-left" style="opacity:0.8;">
  495 + <label style="width: 300px; vertical-align: middle;">
  496 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
  497 + <h4>
  498 + <i class="material-icons" style="vertical-align: text-bottom;">storage</i>
  499 + {{{a6}}}
  500 + </h4>
492 </a> 501 </a>
493 <h6>{{{descDir}}}</h6> 502 <h6>{{{descDir}}}</h6>
494 </label> 503 </label>
  504 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="" href="javascript:void(0)">
  505 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  506 + </a>
495 </div> 507 </div>
496 </div> 508 </div>
497 <hr> 509 <hr>
@@ -499,31 +511,31 @@ include (&quot;../ms_configura.php&quot;); @@ -499,31 +511,31 @@ include (&quot;../ms_configura.php&quot;);
499 </div> 511 </div>
500 </div> 512 </div>
501 <!-- Legenda --> 513 <!-- Legenda -->
502 - <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'> 514 + <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left;height:100%;'>
503 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"> 515 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
504 <button> 516 <button>
505 <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span> 517 <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
506 </button> 518 </button>
507 </div> 519 </div>
508 <div class="separadorCabecalhoGuias">&nbsp;</div> 520 <div class="separadorCabecalhoGuias">&nbsp;</div>
509 - <div class="guiaOverflow"> 521 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
510 <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a> 522 <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> 523 <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
512 </div> 524 </div>
513 </div> 525 </div>
514 <!-- busca 526 <!-- busca
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 - -->  
519 - <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'> 527 + Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
  528 + No botao que dispara a busca, ficam os parametros de configuracao
  529 + 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
  530 + -->
  531 + <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left; height:100%'>
520 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 532 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
521 <button> 533 <button>
522 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span> 534 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
523 </button> 535 </button>
524 </div> 536 </div>
525 <div class="separadorCabecalhoGuias">&nbsp;</div> 537 <div class="separadorCabecalhoGuias">&nbsp;</div>
526 - <div class="guiaOverflow"> 538 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
527 <form onSubmit="return false;"> 539 <form onSubmit="return false;">
528 <div class="form-group label-floating"> 540 <div class="form-group label-floating">
529 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label> 541 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
@@ -554,15 +566,15 @@ include (&quot;../ms_configura.php&quot;); @@ -554,15 +566,15 @@ include (&quot;../ms_configura.php&quot;);
554 </div> 566 </div>
555 </div> 567 </div>
556 <!-- Apenas para a interface google maps 568 <!-- 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 - --> 569 + <div class="list-group condensed">
  570 + <div class="checkbox text-left">
  571 + <label>
  572 + <input class="noprint" value="on" type="checkbox" name="google">
  573 + <span class="checkbox-material noprint"><span class="check"></span></span> Google
  574 + </label>
  575 + </div>
  576 + </div>
  577 + -->
566 </div> 578 </div>
567 </form> 579 </form>
568 <hr> 580 <hr>
@@ -573,34 +585,34 @@ include (&quot;../ms_configura.php&quot;); @@ -573,34 +585,34 @@ include (&quot;../ms_configura.php&quot;);
573 </div> 585 </div>
574 </div> 586 </div>
575 <!-- Ferramentas --> 587 <!-- Ferramentas -->
576 - <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'> 588 + <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left;height:100%'>
577 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 589 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
578 <button> 590 <button>
579 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span> 591 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
580 </button> 592 </button>
581 </div> 593 </div>
582 <div class="separadorCabecalhoGuias">&nbsp;</div> 594 <div class="separadorCabecalhoGuias">&nbsp;</div>
583 - <div class="guiaOverflow"> 595 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
584 <div class="form-inline" style="width: 100%;"> 596 <div class="form-inline" style="width: 100%;">
585 - <div class="text-center form-group" style="margin: 4px;"> 597 + <div class="text-center form-group" style="margin: 4px;display:inline-block">
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)"> 598 <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"> 599 <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">
588 </a> 600 </a>
589 <h6>{{{d21at}}}</h6> 601 <h6>{{{d21at}}}</h6>
590 </div> 602 </div>
591 - <div class="text-center form-group" style="margin: 4px;"> 603 + <div class="text-center form-group" style="margin: 4px;display:inline-block">
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)"> 604 <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"> 605 <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">
594 </a> 606 </a>
595 <h6>{{{d21t}}}</h6> 607 <h6>{{{d21t}}}</h6>
596 </div> 608 </div>
597 - <div class="text-center form-group" style="margin: 4px;"> 609 + <div class="text-center form-group" style="margin: 4px;display:inline-block">
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)"> 610 <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"> 611 <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">
600 </a> 612 </a>
601 <h6>{{{d24t}}}</h6> 613 <h6>{{{d24t}}}</h6>
602 </div> 614 </div>
603 - <div class="text-center form-group" style="margin: 4px;"> 615 + <div class="text-center form-group" style="margin: 4px;display:inline-block">
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)"> 616 <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"> 617 <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">
606 </a> 618 </a>
@@ -617,6 +629,7 @@ include (&quot;../ms_configura.php&quot;); @@ -617,6 +629,7 @@ include (&quot;../ms_configura.php&quot;);
617 </div> 629 </div>
618 </div> 630 </div>
619 </div> 631 </div>
  632 +
620 <!-- para mostrar o banner de abertura --> 633 <!-- para mostrar o banner de abertura -->
621 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache"> 634 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
622 <div> 635 <div>
interface/googlemaps_noite.phtml
  Diff comments   View file @acc43f4
@@ -148,26 +148,26 @@ include (&quot;../ms_configura.php&quot;); @@ -148,26 +148,26 @@ include (&quot;../ms_configura.php&quot;);
148 <!-- botoes laterais que abrem guias moveis --> 148 <!-- botoes laterais que abrem guias moveis -->
149 <div id="i3GEOguiaMovel"> 149 <div id="i3GEOguiaMovel">
150 <!-- configuracao para todos os botoes 150 <!-- configuracao para todos os botoes
151 - data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado  
152 - --> 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"> 153 <div class="iconesGuiaMovel ol-control" data-traduzir="true">
154 <!-- ferramentas 154 <!-- ferramentas
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 - --> 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 + -->
159 <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)"> 159 <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
160 <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;"> 160 <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
161 <i class="material-icons">business_center</i> 161 <i class="material-icons">business_center</i>
162 </button> 162 </button>
163 </div> 163 </div>
164 <!-- temas existentes no mapa 164 <!-- temas existentes no mapa
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 - --> 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 + -->
171 <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" 171 <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas"
172 style="margin-top: 3px;"> 172 style="margin-top: 3px;">
173 <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;"> 173 <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
@@ -175,14 +175,14 @@ include (&quot;../ms_configura.php&quot;); @@ -175,14 +175,14 @@ include (&quot;../ms_configura.php&quot;);
175 </button> 175 </button>
176 </div> 176 </div>
177 <!-- catalogo de adicao de temas ao mapa 177 <!-- catalogo de adicao de temas ao mapa
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 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
182 182
183 - Variaveis javascript:  
184 - i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.  
185 - --> 183 + Variaveis javascript:
  184 + i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
  185 + -->
186 <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" 186 <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal"
187 data-idMenus="catalogoMenus" style="margin-top: 3px;"> 187 data-idMenus="catalogoMenus" style="margin-top: 3px;">
188 <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;"> 188 <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
@@ -212,12 +212,12 @@ include (&quot;../ms_configura.php&quot;); @@ -212,12 +212,12 @@ include (&quot;../ms_configura.php&quot;);
212 </button> 212 </button>
213 </div> 213 </div>
214 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem 214 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
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 - --> 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 + -->
221 </div> 221 </div>
222 <!-- veja i3GEO.guias.CONFIGURA --> 222 <!-- veja i3GEO.guias.CONFIGURA -->
223 <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" --> 223 <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
@@ -225,14 +225,14 @@ include (&quot;../ms_configura.php&quot;); @@ -225,14 +225,14 @@ include (&quot;../ms_configura.php&quot;);
225 <div id="i3GEOguiaMovelMolde"> 225 <div id="i3GEOguiaMovelMolde">
226 <div id="i3GEOguiaMovelConteudo"> 226 <div id="i3GEOguiaMovelConteudo">
227 <!-- camadas existentes no mapa --> 227 <!-- camadas existentes no mapa -->
228 - <div id='guia1obj' data-traduzir="true" style='display: none;'> 228 + <div id='guia1obj' data-traduzir="true" style='display: none; height:100%'>
229 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 229 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
230 <button> 230 <button>
231 <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span> 231 <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
232 </button> 232 </button>
233 </div> 233 </div>
234 <div class="separadorCabecalhoGuias">&nbsp;</div> 234 <div class="separadorCabecalhoGuias">&nbsp;</div>
235 - <div class="guiaOverflow"> 235 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
236 <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1"> 236 <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
237 <label>{{{opcoes}}}</label> 237 <label>{{{opcoes}}}</label>
238 </div> 238 </div>
@@ -269,10 +269,10 @@ include (&quot;../ms_configura.php&quot;); @@ -269,10 +269,10 @@ include (&quot;../ms_configura.php&quot;);
269 <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual --> 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> 270 <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div>
271 <!-- Esta div acrescenta a lista de de camadas de fundo 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 - --> 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"> 276 <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
277 <label>{{{camadasDeFundo}}}</label> 277 <label>{{{camadasDeFundo}}}</label>
278 </div> 278 </div>
@@ -285,16 +285,17 @@ include (&quot;../ms_configura.php&quot;); @@ -285,16 +285,17 @@ include (&quot;../ms_configura.php&quot;);
285 </div> 285 </div>
286 </div> 286 </div>
287 <!-- Catalogo de temas --> 287 <!-- Catalogo de temas -->
288 - <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'> 288 + <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;height:100%;'>
289 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"> 289 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
290 <button> 290 <button>
291 <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span> 291 <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
292 </button> 292 </button>
293 </div> 293 </div>
294 <div class="separadorCabecalhoGuias">&nbsp;</div> 294 <div class="separadorCabecalhoGuias">&nbsp;</div>
295 - <div class="guiaOverflow"> 295 +
  296 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
  297 + <div id="catalogoMigalha" style="display:none;" data-template="templates/catalogoMigalha.html"></div>
296 <!-- aqui entra a lista de elementos quando uma das opcoes e clicada --> 298 <!-- 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 <div id="catalogoNavegacao"></div>
299 <!-- Opcoes --> 300 <!-- Opcoes -->
300 <div id="catalogoPrincipal"> 301 <div id="catalogoPrincipal">
@@ -340,158 +341,169 @@ include (&quot;../ms_configura.php&quot;); @@ -340,158 +341,169 @@ include (&quot;../ms_configura.php&quot;);
340 341
341 <hr> 342 <hr>
342 <!-- busca tema no catalogo 343 <!-- 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 - --> 344 + <div class="form-group label-floating">
  345 + <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
  346 + <div class="input-group">
  347 + <input id="i3GEObuscatema" class="form-control" type="text" value="">
  348 + <span class="input-group-btn">
  349 + <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)">
  350 + <span class="material-icons ">send</span>
  351 + </a>
  352 + </span>
  353 + </div>
  354 + </div>
  355 + -->
355 <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona 356 <!-- 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 - --> 357 + Nessa funcao ficam tambem os parametros:
  358 + "idOndeMenus": "catalogoMenus",
  359 + "idCatalogoPrincipal": "catalogoPrincipal",
  360 + "idCatalogoNavegacao": "catalogoNavegacao",
  361 + "idOndeMigalha": "catalogoMigalha"
  362 + -->
362 <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div> 363 <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
363 364
364 <div id="arvoreAdicionaTema"></div> 365 <div id="arvoreAdicionaTema"></div>
365 366
366 <!-- 367 <!--
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 - } 368 + As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
  369 + config: {
  370 + 'templateDir': 'templates/dir.html',
  371 + 'templateTema': 'templates/tema.html',
  372 + 'idCatalogoPrincipal': 'catalogoPrincipal',
  373 + 'idCatalogoNavegacao': 'catalogoNavegacao',
  374 + 'idOndeMigalha': 'catalogoMigalha'
  375 + }
375 376
376 - exemplo: 377 + exemplo:
377 378
378 - onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"  
379 - --> 379 + onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
  380 + -->
380 381
381 <!-- servicos da INDE brasileira --> 382 <!-- servicos da INDE brasileira -->
382 <div class="list-group condensed"> 383 <div class="list-group condensed">
383 - <div class="row-content text-left">  
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)">  
385 - <span class="material-icons ">folder_open</span>  
386 - </a>  
387 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">  
388 - <h4>INDE-Br</h4>  
389 - <i class="pull-right material-icons">navigate_next</i> 384 + <div class="row-content text-left" style="opacity:0.8;">
  385 + <label style="width: 300px; vertical-align: middle;">
  386 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
  387 + <h4>
  388 + <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
  389 + INDE-Br
  390 + </h4>
390 </a> 391 </a>
391 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6> 392 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
392 </label> 393 </label>
  394 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="" href="javascript:void(0)">
  395 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  396 + </a>
393 </div> 397 </div>
394 </div> 398 </div>
395 <hr> 399 <hr>
396 <!-- lista de wms cadastrados no sistema de administracao --> 400 <!-- lista de wms cadastrados no sistema de administracao -->
397 <div class="list-group condensed"> 401 <div class="list-group condensed">
398 - <div class="row-content text-left">  
399 - <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)">  
400 - <span class="material-icons ">folder_open</span>  
401 - </a>  
402 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">  
403 - <h4>OGC-WMS</h4>  
404 - <i class="pull-right material-icons">navigate_next</i> 402 + <div class="row-content text-left" style="opacity:0.8;">
  403 + <label style="width: 300px; vertical-align: middle;">
  404 + <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
  405 + <h4>
  406 + <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
  407 + OGC-WMS
  408 + </h4>
405 </a> 409 </a>
406 <h6>{{{descOgcWms}}}</h6> 410 <h6>{{{descOgcWms}}}</h6>
407 </label> 411 </label>
  412 + <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="" href="javascript:void(0)">
  413 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  414 + </a>
408 </div> 415 </div>
409 </div> 416 </div>
410 <hr> 417 <hr>
411 <!-- regioes cadastradas no sistema de metadados --> 418 <!-- regioes cadastradas no sistema de metadados -->
412 <div class="list-group condensed"> 419 <div class="list-group condensed">
413 <div class="row-content text-left"> 420 <div class="row-content text-left">
414 - <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">  
415 - <span class="material-icons ">folder_open</span>  
416 - </a>  
417 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">  
418 - <h4>{{{x87}}}</h4>  
419 - <i class="pull-right material-icons">navigate_next</i> 421 + <label style="width: 300px; vertical-align: middle;">
  422 + <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
  423 + <h4>
  424 + <i class="material-icons" style="vertical-align: text-bottom;">domain</i>
  425 + {{{x87}}}
  426 + </h4>
420 </a> 427 </a>
421 <h6>{{{descLimLoc}}}</h6> 428 <h6>{{{descLimLoc}}}</h6>
422 </label> 429 </label>
  430 + <a onclick="i3GEO.catalogoRegioes.inicia();" role="button" class="" href="javascript:void(0)">
  431 + <i style="opacity: 0.8; margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  432 + </a>
423 </div> 433 </div>
424 </div> 434 </div>
425 <hr> 435 <hr>
426 <!-- camadas que vem do sistema de metadados estatisticos --> 436 <!-- camadas que vem do sistema de metadados estatisticos -->
427 <div class="list-group condensed"> 437 <div class="list-group condensed">
428 - <div class="row-content text-left">  
429 - <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">  
430 - <span class="material-icons ">folder_open</span>  
431 - </a>  
432 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">  
433 - <h4>{{{x57}}}</h4>  
434 - <i class="pull-right material-icons">navigate_next</i> 438 + <div class="row-content text-left" style="opacity:0.8;">
  439 + <label style="width: 300px; vertical-align: middle;">
  440 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
  441 + <h4>
  442 + <i class="material-icons" style="vertical-align: text-bottom;">trending_up</i>
  443 + {{{x57}}}
  444 + </h4>
435 </a> 445 </a>
436 <h6>{{{descMeta}}}</h6> 446 <h6>{{{descMeta}}}</h6>
437 </label> 447 </label>
  448 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="" href="javascript:void(0)">
  449 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  450 + </a>
438 </div> 451 </div>
439 </div> 452 </div>
440 <hr> 453 <hr>
441 - <!-- mapas cadastrados no sistema de administracao (nao funcional)  
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 - -->  
451 <!-- camadas por estrelas --> 454 <!-- camadas por estrelas -->
452 <div class="list-group condensed"> 455 <div class="list-group condensed">
453 - <div class="row-content text-left">  
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)">  
456 - <span class="material-icons ">folder_open</span>  
457 - </a>  
458 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" 456 + <div class="row-content text-left" style="opacity:0.8;">
  457 + <label style="width: 300px; vertical-align: middle;">
  458 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
459 href="javascript:void(0)"> 459 href="javascript:void(0)">
460 - <h4>{{{t46}}}</h4>  
461 - <i class="pull-right material-icons">navigate_next</i> 460 + <h4>
  461 + <i class="material-icons" style="vertical-align: text-bottom;">star_border</i>
  462 + {{{t46}}}
  463 + </h4>
462 </a> 464 </a>
463 <h6>{{{descEstrelas}}}</h6> 465 <h6>{{{descEstrelas}}}</h6>
464 </label> 466 </label>
  467 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="" href="javascript:void(0)">
  468 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  469 + </a>
465 </div> 470 </div>
466 </div> 471 </div>
467 <hr> 472 <hr>
468 <!-- sistemas que adicionam camadas --> 473 <!-- sistemas que adicionam camadas -->
469 <div class="list-group condensed"> 474 <div class="list-group condensed">
470 - <div class="row-content text-left">  
471 - <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">  
472 - <span class="material-icons ">folder_open</span>  
473 - </a>  
474 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">  
475 - <h4>{{{a11}}}</h4>  
476 - <i class="pull-right material-icons">navigate_next</i> 475 + <div class="row-content text-left" style="opacity:0.8;">
  476 + <label style="width: 300px; vertical-align: middle;">
  477 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
  478 + <h4>
  479 + <i class="material-icons" style="vertical-align: text-bottom;">widgets</i>
  480 + {{{a11}}}
  481 + </h4>
477 </a> 482 </a>
478 <h6>{{{descSistemas}}}</h6> 483 <h6>{{{descSistemas}}}</h6>
479 </label> 484 </label>
  485 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="" href="javascript:void(0)">
  486 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  487 + </a>
  488 +
480 </div> 489 </div>
481 </div> 490 </div>
482 <hr> 491 <hr>
483 <!-- navegacao em diretorios --> 492 <!-- navegacao em diretorios -->
484 <div class="list-group condensed"> 493 <div class="list-group condensed">
485 - <div class="row-content text-left">  
486 - <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">  
487 - <span class="material-icons ">folder_open</span>  
488 - </a>  
489 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">  
490 - <h4>{{{a6}}}</h4>  
491 - <i class="pull-right material-icons">navigate_next</i> 494 + <div class="row-content text-left" style="opacity:0.8;">
  495 + <label style="width: 300px; vertical-align: middle;">
  496 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
  497 + <h4>
  498 + <i class="material-icons" style="vertical-align: text-bottom;">storage</i>
  499 + {{{a6}}}
  500 + </h4>
492 </a> 501 </a>
493 <h6>{{{descDir}}}</h6> 502 <h6>{{{descDir}}}</h6>
494 </label> 503 </label>
  504 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="" href="javascript:void(0)">
  505 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  506 + </a>
495 </div> 507 </div>
496 </div> 508 </div>
497 <hr> 509 <hr>
@@ -499,31 +511,31 @@ include (&quot;../ms_configura.php&quot;); @@ -499,31 +511,31 @@ include (&quot;../ms_configura.php&quot;);
499 </div> 511 </div>
500 </div> 512 </div>
501 <!-- Legenda --> 513 <!-- Legenda -->
502 - <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'> 514 + <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left;height:100%;'>
503 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"> 515 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
504 <button> 516 <button>
505 <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span> 517 <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
506 </button> 518 </button>
507 </div> 519 </div>
508 <div class="separadorCabecalhoGuias">&nbsp;</div> 520 <div class="separadorCabecalhoGuias">&nbsp;</div>
509 - <div class="guiaOverflow"> 521 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
510 <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a> 522 <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> 523 <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
512 </div> 524 </div>
513 </div> 525 </div>
514 <!-- busca 526 <!-- busca
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 - -->  
519 - <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'> 527 + Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
  528 + No botao que dispara a busca, ficam os parametros de configuracao
  529 + 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
  530 + -->
  531 + <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left; height:100%'>
520 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 532 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
521 <button> 533 <button>
522 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span> 534 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
523 </button> 535 </button>
524 </div> 536 </div>
525 <div class="separadorCabecalhoGuias">&nbsp;</div> 537 <div class="separadorCabecalhoGuias">&nbsp;</div>
526 - <div class="guiaOverflow"> 538 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
527 <form onSubmit="return false;"> 539 <form onSubmit="return false;">
528 <div class="form-group label-floating"> 540 <div class="form-group label-floating">
529 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label> 541 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
@@ -554,15 +566,15 @@ include (&quot;../ms_configura.php&quot;); @@ -554,15 +566,15 @@ include (&quot;../ms_configura.php&quot;);
554 </div> 566 </div>
555 </div> 567 </div>
556 <!-- Apenas para a interface google maps 568 <!-- 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 - --> 569 + <div class="list-group condensed">
  570 + <div class="checkbox text-left">
  571 + <label>
  572 + <input class="noprint" value="on" type="checkbox" name="google">
  573 + <span class="checkbox-material noprint"><span class="check"></span></span> Google
  574 + </label>
  575 + </div>
  576 + </div>
  577 + -->
566 </div> 578 </div>
567 </form> 579 </form>
568 <hr> 580 <hr>
@@ -573,34 +585,34 @@ include (&quot;../ms_configura.php&quot;); @@ -573,34 +585,34 @@ include (&quot;../ms_configura.php&quot;);
573 </div> 585 </div>
574 </div> 586 </div>
575 <!-- Ferramentas --> 587 <!-- Ferramentas -->
576 - <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'> 588 + <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left;height:100%'>
577 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 589 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
578 <button> 590 <button>
579 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span> 591 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
580 </button> 592 </button>
581 </div> 593 </div>
582 <div class="separadorCabecalhoGuias">&nbsp;</div> 594 <div class="separadorCabecalhoGuias">&nbsp;</div>
583 - <div class="guiaOverflow"> 595 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
584 <div class="form-inline" style="width: 100%;"> 596 <div class="form-inline" style="width: 100%;">
585 - <div class="text-center form-group" style="margin: 4px;"> 597 + <div class="text-center form-group" style="margin: 4px;display:inline-block">
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)"> 598 <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"> 599 <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">
588 </a> 600 </a>
589 <h6>{{{d21at}}}</h6> 601 <h6>{{{d21at}}}</h6>
590 </div> 602 </div>
591 - <div class="text-center form-group" style="margin: 4px;"> 603 + <div class="text-center form-group" style="margin: 4px;display:inline-block">
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)"> 604 <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"> 605 <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">
594 </a> 606 </a>
595 <h6>{{{d21t}}}</h6> 607 <h6>{{{d21t}}}</h6>
596 </div> 608 </div>
597 - <div class="text-center form-group" style="margin: 4px;"> 609 + <div class="text-center form-group" style="margin: 4px;display:inline-block">
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)"> 610 <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"> 611 <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">
600 </a> 612 </a>
601 <h6>{{{d24t}}}</h6> 613 <h6>{{{d24t}}}</h6>
602 </div> 614 </div>
603 - <div class="text-center form-group" style="margin: 4px;"> 615 + <div class="text-center form-group" style="margin: 4px;display:inline-block">
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)"> 616 <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"> 617 <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">
606 </a> 618 </a>
@@ -617,6 +629,7 @@ include (&quot;../ms_configura.php&quot;); @@ -617,6 +629,7 @@ include (&quot;../ms_configura.php&quot;);
617 </div> 629 </div>
618 </div> 630 </div>
619 </div> 631 </div>
  632 +
620 <!-- para mostrar o banner de abertura --> 633 <!-- para mostrar o banner de abertura -->
621 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache"> 634 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
622 <div> 635 <div>
interface/ol.htm
  Diff comments   View file @acc43f4
@@ -749,17 +749,10 @@ @@ -749,17 +749,10 @@
749 placement : "auto", 749 placement : "auto",
750 template : "<div class='tooltip ' ><div class='tooltip-inner'></div></div>" 750 template : "<div class='tooltip ' ><div class='tooltip-inner'></div></div>"
751 }); 751 });
752 -  
753 -  
754 - $(".guiaOverflow").css("height",  
755 - i3GEO.parametros.h - 60);  
756 $(".guiaOverflow").mCustomScrollbar({ 752 $(".guiaOverflow").mCustomScrollbar({
757 scrollbarPosition : "inside", 753 scrollbarPosition : "inside",
758 theme : "inset-2-dark" 754 theme : "inset-2-dark"
759 }); 755 });
760 - i3GEO.eventos.adicionaEventos("RESIZE", $(  
761 - ".guiaOverflow").css("height",  
762 - i3GEO.parametros.h - 60))  
763 //setTimeout(function() { 756 //setTimeout(function() {
764 // $('.iconeGuiaMovel').tooltip('destroy'); 757 // $('.iconeGuiaMovel').tooltip('destroy');
765 //}, 30000); 758 //}, 30000);
interface/openlayersdebug.htm
  Diff comments   View file @acc43f4
@@ -211,14 +211,14 @@ @@ -211,14 +211,14 @@
211 <div id="i3GEOguiaMovelMolde"> 211 <div id="i3GEOguiaMovelMolde">
212 <div id="i3GEOguiaMovelConteudo"> 212 <div id="i3GEOguiaMovelConteudo">
213 <!-- camadas existentes no mapa --> 213 <!-- camadas existentes no mapa -->
214 - <div id='guia1obj' data-traduzir="true" style='display: none;'> 214 + <div id='guia1obj' data-traduzir="true" style='display: none; height:100%'>
215 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 215 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
216 <button> 216 <button>
217 <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span> 217 <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
218 </button> 218 </button>
219 </div> 219 </div>
220 <div class="separadorCabecalhoGuias">&nbsp;</div> 220 <div class="separadorCabecalhoGuias">&nbsp;</div>
221 - <div class="guiaOverflow"> 221 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
222 <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1"> 222 <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
223 <label>{{{opcoes}}}</label> 223 <label>{{{opcoes}}}</label>
224 </div> 224 </div>
@@ -271,16 +271,17 @@ @@ -271,16 +271,17 @@
271 </div> 271 </div>
272 </div> 272 </div>
273 <!-- Catalogo de temas --> 273 <!-- Catalogo de temas -->
274 - <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'> 274 + <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;height:100%;'>
275 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"> 275 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
276 <button> 276 <button>
277 <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span> 277 <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
278 </button> 278 </button>
279 </div> 279 </div>
280 <div class="separadorCabecalhoGuias">&nbsp;</div> 280 <div class="separadorCabecalhoGuias">&nbsp;</div>
281 - <div class="guiaOverflow"> 281 +
  282 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
  283 + <div id="catalogoMigalha" style="display:none;" data-template="templates/catalogoMigalha.html"></div>
282 <!-- aqui entra a lista de elementos quando uma das opcoes e clicada --> 284 <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
283 - <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>  
284 <div id="catalogoNavegacao"></div> 285 <div id="catalogoNavegacao"></div>
285 <!-- Opcoes --> 286 <!-- Opcoes -->
286 <div id="catalogoPrincipal"> 287 <div id="catalogoPrincipal">
@@ -366,118 +367,129 @@ @@ -366,118 +367,129 @@
366 367
367 <!-- servicos da INDE brasileira --> 368 <!-- servicos da INDE brasileira -->
368 <div class="list-group condensed"> 369 <div class="list-group condensed">
369 - <div class="row-content text-left">  
370 - <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">  
371 - <span class="material-icons ">folder_open</span>  
372 - </a>  
373 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">  
374 - <h4>INDE-Br</h4>  
375 - <i class="pull-right material-icons">navigate_next</i> 370 + <div class="row-content text-left" style="opacity:0.8;">
  371 + <label style="width: 300px; vertical-align: middle;">
  372 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
  373 + <h4>
  374 + <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
  375 + INDE-Br
  376 + </h4>
376 </a> 377 </a>
377 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6> 378 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
378 </label> 379 </label>
  380 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="" href="javascript:void(0)">
  381 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  382 + </a>
379 </div> 383 </div>
380 </div> 384 </div>
381 <hr> 385 <hr>
382 <!-- lista de wms cadastrados no sistema de administracao --> 386 <!-- lista de wms cadastrados no sistema de administracao -->
383 <div class="list-group condensed"> 387 <div class="list-group condensed">
384 - <div class="row-content text-left">  
385 - <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)">  
386 - <span class="material-icons ">folder_open</span>  
387 - </a>  
388 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">  
389 - <h4>OGC-WMS</h4>  
390 - <i class="pull-right material-icons">navigate_next</i> 388 + <div class="row-content text-left" style="opacity:0.8;">
  389 + <label style="width: 300px; vertical-align: middle;">
  390 + <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
  391 + <h4>
  392 + <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
  393 + OGC-WMS
  394 + </h4>
391 </a> 395 </a>
392 <h6>{{{descOgcWms}}}</h6> 396 <h6>{{{descOgcWms}}}</h6>
393 </label> 397 </label>
  398 + <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="" href="javascript:void(0)">
  399 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  400 + </a>
394 </div> 401 </div>
395 </div> 402 </div>
396 <hr> 403 <hr>
397 <!-- regioes cadastradas no sistema de metadados --> 404 <!-- regioes cadastradas no sistema de metadados -->
398 <div class="list-group condensed"> 405 <div class="list-group condensed">
399 <div class="row-content text-left"> 406 <div class="row-content text-left">
400 - <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">  
401 - <span class="material-icons ">folder_open</span>  
402 - </a>  
403 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">  
404 - <h4>{{{x87}}}</h4>  
405 - <i class="pull-right material-icons">navigate_next</i> 407 + <label style="width: 300px; vertical-align: middle;">
  408 + <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
  409 + <h4>
  410 + <i class="material-icons" style="vertical-align: text-bottom;">domain</i>
  411 + {{{x87}}}
  412 + </h4>
406 </a> 413 </a>
407 <h6>{{{descLimLoc}}}</h6> 414 <h6>{{{descLimLoc}}}</h6>
408 </label> 415 </label>
  416 + <a onclick="i3GEO.catalogoRegioes.inicia();" role="button" class="" href="javascript:void(0)">
  417 + <i style="opacity: 0.8; margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  418 + </a>
409 </div> 419 </div>
410 </div> 420 </div>
411 <hr> 421 <hr>
412 <!-- camadas que vem do sistema de metadados estatisticos --> 422 <!-- camadas que vem do sistema de metadados estatisticos -->
413 <div class="list-group condensed"> 423 <div class="list-group condensed">
414 - <div class="row-content text-left">  
415 - <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">  
416 - <span class="material-icons ">folder_open</span>  
417 - </a>  
418 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">  
419 - <h4>{{{x57}}}</h4>  
420 - <i class="pull-right material-icons">navigate_next</i> 424 + <div class="row-content text-left" style="opacity:0.8;">
  425 + <label style="width: 300px; vertical-align: middle;">
  426 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
  427 + <h4>
  428 + <i class="material-icons" style="vertical-align: text-bottom;">trending_up</i>
  429 + {{{x57}}}
  430 + </h4>
421 </a> 431 </a>
422 <h6>{{{descMeta}}}</h6> 432 <h6>{{{descMeta}}}</h6>
423 </label> 433 </label>
  434 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="" href="javascript:void(0)">
  435 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  436 + </a>
424 </div> 437 </div>
425 </div> 438 </div>
426 <hr> 439 <hr>
427 - <!-- mapas cadastrados no sistema de administracao (nao funcional)  
428 - <div class="list-group condensed"><div class="row-content text-left">  
429 - <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>  
430 - <label style="width: 255px;vertical-align: middle;">  
431 - <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">  
432 - <h4>{{{x90}}}</h4></a>  
433 - <h6>{{{descMapas}}}</h6>  
434 - </label>  
435 - </div></div><hr>  
436 - -->  
437 <!-- camadas por estrelas --> 440 <!-- camadas por estrelas -->
438 <div class="list-group condensed"> 441 <div class="list-group condensed">
439 - <div class="row-content text-left">  
440 - <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max"  
441 - href="javascript:void(0)">  
442 - <span class="material-icons ">folder_open</span>  
443 - </a>  
444 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" 442 + <div class="row-content text-left" style="opacity:0.8;">
  443 + <label style="width: 300px; vertical-align: middle;">
  444 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
445 href="javascript:void(0)"> 445 href="javascript:void(0)">
446 - <h4>{{{t46}}}</h4>  
447 - <i class="pull-right material-icons">navigate_next</i> 446 + <h4>
  447 + <i class="material-icons" style="vertical-align: text-bottom;">star_border</i>
  448 + {{{t46}}}
  449 + </h4>
448 </a> 450 </a>
449 <h6>{{{descEstrelas}}}</h6> 451 <h6>{{{descEstrelas}}}</h6>
450 </label> 452 </label>
  453 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="" href="javascript:void(0)">
  454 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  455 + </a>
451 </div> 456 </div>
452 </div> 457 </div>
453 <hr> 458 <hr>
454 <!-- sistemas que adicionam camadas --> 459 <!-- sistemas que adicionam camadas -->
455 <div class="list-group condensed"> 460 <div class="list-group condensed">
456 - <div class="row-content text-left">  
457 - <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">  
458 - <span class="material-icons ">folder_open</span>  
459 - </a>  
460 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">  
461 - <h4>{{{a11}}}</h4>  
462 - <i class="pull-right material-icons">navigate_next</i> 461 + <div class="row-content text-left" style="opacity:0.8;">
  462 + <label style="width: 300px; vertical-align: middle;">
  463 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
  464 + <h4>
  465 + <i class="material-icons" style="vertical-align: text-bottom;">widgets</i>
  466 + {{{a11}}}
  467 + </h4>
463 </a> 468 </a>
464 <h6>{{{descSistemas}}}</h6> 469 <h6>{{{descSistemas}}}</h6>
465 </label> 470 </label>
  471 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="" href="javascript:void(0)">
  472 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  473 + </a>
  474 +
466 </div> 475 </div>
467 </div> 476 </div>
468 <hr> 477 <hr>
469 <!-- navegacao em diretorios --> 478 <!-- navegacao em diretorios -->
470 <div class="list-group condensed"> 479 <div class="list-group condensed">
471 - <div class="row-content text-left">  
472 - <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">  
473 - <span class="material-icons ">folder_open</span>  
474 - </a>  
475 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">  
476 - <h4>{{{a6}}}</h4>  
477 - <i class="pull-right material-icons">navigate_next</i> 480 + <div class="row-content text-left" style="opacity:0.8;">
  481 + <label style="width: 300px; vertical-align: middle;">
  482 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
  483 + <h4>
  484 + <i class="material-icons" style="vertical-align: text-bottom;">storage</i>
  485 + {{{a6}}}
  486 + </h4>
478 </a> 487 </a>
479 <h6>{{{descDir}}}</h6> 488 <h6>{{{descDir}}}</h6>
480 </label> 489 </label>
  490 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="" href="javascript:void(0)">
  491 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  492 + </a>
481 </div> 493 </div>
482 </div> 494 </div>
483 <hr> 495 <hr>
@@ -485,14 +497,14 @@ @@ -485,14 +497,14 @@
485 </div> 497 </div>
486 </div> 498 </div>
487 <!-- Legenda --> 499 <!-- Legenda -->
488 - <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'> 500 + <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left;height:100%;'>
489 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"> 501 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
490 <button> 502 <button>
491 <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span> 503 <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
492 </button> 504 </button>
493 </div> 505 </div>
494 <div class="separadorCabecalhoGuias">&nbsp;</div> 506 <div class="separadorCabecalhoGuias">&nbsp;</div>
495 - <div class="guiaOverflow"> 507 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
496 <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a> 508 <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a>
497 <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div> 509 <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
498 </div> 510 </div>
@@ -502,14 +514,14 @@ @@ -502,14 +514,14 @@
502 No botao que dispara a busca, ficam os parametros de configuracao 514 No botao que dispara a busca, ficam os parametros de configuracao
503 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 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
504 --> 516 -->
505 - <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'> 517 + <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left; height:100%'>
506 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 518 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
507 <button> 519 <button>
508 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span> 520 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
509 </button> 521 </button>
510 </div> 522 </div>
511 <div class="separadorCabecalhoGuias">&nbsp;</div> 523 <div class="separadorCabecalhoGuias">&nbsp;</div>
512 - <div class="guiaOverflow"> 524 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
513 <form onSubmit="return false;"> 525 <form onSubmit="return false;">
514 <div class="form-group label-floating"> 526 <div class="form-group label-floating">
515 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label> 527 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
@@ -559,34 +571,34 @@ @@ -559,34 +571,34 @@
559 </div> 571 </div>
560 </div> 572 </div>
561 <!-- Ferramentas --> 573 <!-- Ferramentas -->
562 - <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'> 574 + <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left;height:100%'>
563 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 575 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
564 <button> 576 <button>
565 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span> 577 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
566 </button> 578 </button>
567 </div> 579 </div>
568 <div class="separadorCabecalhoGuias">&nbsp;</div> 580 <div class="separadorCabecalhoGuias">&nbsp;</div>
569 - <div class="guiaOverflow"> 581 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
570 <div class="form-inline" style="width: 100%;"> 582 <div class="form-inline" style="width: 100%;">
571 - <div class="text-center form-group" style="margin: 4px;"> 583 + <div class="text-center form-group" style="margin: 4px;display:inline-block">
572 <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)"> 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)">
573 <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png"> 585 <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">
574 </a> 586 </a>
575 <h6>{{{d21at}}}</h6> 587 <h6>{{{d21at}}}</h6>
576 </div> 588 </div>
577 - <div class="text-center form-group" style="margin: 4px;"> 589 + <div class="text-center form-group" style="margin: 4px;display:inline-block">
578 <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)"> 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)">
579 <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png"> 591 <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">
580 </a> 592 </a>
581 <h6>{{{d21t}}}</h6> 593 <h6>{{{d21t}}}</h6>
582 </div> 594 </div>
583 - <div class="text-center form-group" style="margin: 4px;"> 595 + <div class="text-center form-group" style="margin: 4px;display:inline-block">
584 <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)"> 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)">
585 <img style="margin-top: 4px;" src="../imagens/gisicons/select.png"> 597 <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">
586 </a> 598 </a>
587 <h6>{{{d24t}}}</h6> 599 <h6>{{{d24t}}}</h6>
588 </div> 600 </div>
589 - <div class="text-center form-group" style="margin: 4px;"> 601 + <div class="text-center form-group" style="margin: 4px;display:inline-block">
590 <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)"> 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)">
591 <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png"> 603 <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">
592 </a> 604 </a>
@@ -743,24 +755,26 @@ @@ -743,24 +755,26 @@
743 placement : "left" 755 placement : "left"
744 }); 756 });
745 $('.iconeGuiaMovel').tooltip('show'); 757 $('.iconeGuiaMovel').tooltip('show');
746 - setTimeout(function(){$('.iconeGuiaMovel').tooltip('hide');},5000); 758 + setTimeout(function() {
  759 + $('.iconeGuiaMovel').tooltip('hide');
  760 + }, 5000);
747 761
748 - $('.ol-i3GEOcontrols button').tooltip({  
749 - animation : false,  
750 - trigger : "hover",  
751 - placement : "auto",  
752 - template : "<div class='tooltip ' ><div class='tooltip-inner'></div></div>"  
753 - }); 762 + $('.ol-i3GEOcontrols button')
  763 + .tooltip(
  764 + {
  765 + animation : false,
  766 + trigger : "hover",
  767 + placement : "auto",
  768 + template : "<div class='tooltip ' ><div class='tooltip-inner'></div></div>"
  769 + });
  770 +
  771 + //$(".guiaOverflow").css("height",i3GEO.parametros.h - 140);
754 772
755 - $(".guiaOverflow").css("height",  
756 - i3GEO.parametros.h - 60);  
757 $(".guiaOverflow").mCustomScrollbar({ 773 $(".guiaOverflow").mCustomScrollbar({
758 scrollbarPosition : "inside", 774 scrollbarPosition : "inside",
759 theme : "inset-2-dark" 775 theme : "inset-2-dark"
760 }); 776 });
761 - i3GEO.eventos.adicionaEventos("RESIZE", $(  
762 - ".guiaOverflow").css("height",  
763 - i3GEO.parametros.h - 60)); 777 + //i3GEO.eventos.adicionaEventos("RESIZE", $(".guiaOverflow").css("height",i3GEO.parametros.h - 140));
764 778
765 //setTimeout(function() { 779 //setTimeout(function() {
766 // $('.iconeGuiaMovel').tooltip('destroy'); 780 // $('.iconeGuiaMovel').tooltip('destroy');
@@ -845,7 +859,8 @@ @@ -845,7 +859,8 @@
845 legenda : { 859 legenda : {
846 //define o local onde os templates da ferramenta ficam armazenados 860 //define o local onde os templates da ferramenta ficam armazenados
847 //esse eh o local default, colocado aqui para documentacao 861 //esse eh o local default, colocado aqui para documentacao
848 - templateDir : i3GeoUrl + "/ferramentas/legenda" 862 + templateDir : i3GeoUrl
  863 + + "/ferramentas/legenda"
849 } 864 }
850 }, 865 },
851 //configuracoes especificas para a interface que utiliza o OpenLayers 866 //configuracoes especificas para a interface que utiliza o OpenLayers
interface/osm.htm
  Diff comments   View file @acc43f4
@@ -135,26 +135,26 @@ @@ -135,26 +135,26 @@
135 <!-- botoes laterais que abrem guias moveis --> 135 <!-- botoes laterais que abrem guias moveis -->
136 <div id="i3GEOguiaMovel"> 136 <div id="i3GEOguiaMovel">
137 <!-- configuracao para todos os botoes 137 <!-- configuracao para todos os botoes
138 - data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado  
139 - --> 138 + data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
  139 + -->
140 <div class="iconesGuiaMovel ol-control" data-traduzir="true"> 140 <div class="iconesGuiaMovel ol-control" data-traduzir="true">
141 <!-- ferramentas 141 <!-- ferramentas
142 - data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel  
143 - data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta  
144 - data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior  
145 - --> 142 + data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
  143 + data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
  144 + data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
  145 + -->
146 <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)"> 146 <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
147 <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;"> 147 <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
148 <i class="material-icons">business_center</i> 148 <i class="material-icons">business_center</i>
149 </button> 149 </button>
150 </div> 150 </div>
151 <!-- temas existentes no mapa 151 <!-- temas existentes no mapa
152 - data-idListaDeCamadas - id onde sera incluida a lista de camadas  
153 - data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)  
154 - data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,  
155 - inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende  
156 - do metadata existente na camada. Deixe vazio para nao ativar a operacao.  
157 - --> 152 + data-idListaDeCamadas - id onde sera incluida a lista de camadas
  153 + data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)
  154 + data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,
  155 + inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
  156 + do metadata existente na camada. Deixe vazio para nao ativar a operacao.
  157 + -->
158 <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" 158 <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas"
159 style="margin-top: 3px;"> 159 style="margin-top: 3px;">
160 <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;"> 160 <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
@@ -162,14 +162,14 @@ @@ -162,14 +162,14 @@
162 </button> 162 </button>
163 </div> 163 </div>
164 <!-- catalogo de adicao de temas ao mapa 164 <!-- catalogo de adicao de temas ao mapa
165 - data-idCatalogo - id do DIV que contem a primeira pagina do catalogo. Esse DIV sera escondido e mostrado conforme o usuario navega pelo catalogo  
166 - data-idMenus - id do DIV que recebera a lista de menus cadastrados no sistema de administracao  
167 - data-idNavegacao - id do DIV que recebera a lista de opcoes apos o usuario clicar em um item do catalogo principal  
168 - data-idMigalha - id do DIV que recebera o link para retorno ao nivel anterior do catalogo 165 + data-idCatalogo - id do DIV que contem a primeira pagina do catalogo. Esse DIV sera escondido e mostrado conforme o usuario navega pelo catalogo
  166 + data-idMenus - id do DIV que recebera a lista de menus cadastrados no sistema de administracao
  167 + data-idNavegacao - id do DIV que recebera a lista de opcoes apos o usuario clicar em um item do catalogo principal
  168 + data-idMigalha - id do DIV que recebera o link para retorno ao nivel anterior do catalogo
169 169
170 - Variaveis javascript:  
171 - i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.  
172 - --> 170 + Variaveis javascript:
  171 + i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
  172 + -->
173 <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" 173 <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal"
174 data-idMenus="catalogoMenus" style="margin-top: 3px;"> 174 data-idMenus="catalogoMenus" style="margin-top: 3px;">
175 <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;"> 175 <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
@@ -199,12 +199,12 @@ @@ -199,12 +199,12 @@
199 </button> 199 </button>
200 </div> 200 </div>
201 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem 201 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
202 - <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">  
203 - <button title="{{{iconeIdentifica}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
204 - <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">  
205 - </button>  
206 - </div>  
207 - --> 202 + <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
  203 + <button title="{{{iconeIdentifica}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  204 + <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
  205 + </button>
  206 + </div>
  207 + -->
208 </div> 208 </div>
209 <!-- veja i3GEO.guias.CONFIGURA --> 209 <!-- veja i3GEO.guias.CONFIGURA -->
210 <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" --> 210 <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
@@ -212,14 +212,14 @@ @@ -212,14 +212,14 @@
212 <div id="i3GEOguiaMovelMolde"> 212 <div id="i3GEOguiaMovelMolde">
213 <div id="i3GEOguiaMovelConteudo"> 213 <div id="i3GEOguiaMovelConteudo">
214 <!-- camadas existentes no mapa --> 214 <!-- camadas existentes no mapa -->
215 - <div id='guia1obj' data-traduzir="true" style='display: none;'> 215 + <div id='guia1obj' data-traduzir="true" style='display: none; height:100%'>
216 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 216 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
217 <button> 217 <button>
218 <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span> 218 <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
219 </button> 219 </button>
220 </div> 220 </div>
221 <div class="separadorCabecalhoGuias">&nbsp;</div> 221 <div class="separadorCabecalhoGuias">&nbsp;</div>
222 - <div class="guiaOverflow"> 222 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
223 <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1"> 223 <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
224 <label>{{{opcoes}}}</label> 224 <label>{{{opcoes}}}</label>
225 </div> 225 </div>
@@ -256,10 +256,10 @@ @@ -256,10 +256,10 @@
256 <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual --> 256 <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
257 <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div> 257 <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div>
258 <!-- Esta div acrescenta a lista de de camadas de fundo 258 <!-- Esta div acrescenta a lista de de camadas de fundo
259 - A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS  
260 - Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida  
261 - no programa interface/config.php  
262 - --> 259 + A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
  260 + Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
  261 + no programa interface/config.php
  262 + -->
263 <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed"> 263 <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
264 <label>{{{camadasDeFundo}}}</label> 264 <label>{{{camadasDeFundo}}}</label>
265 </div> 265 </div>
@@ -272,16 +272,17 @@ @@ -272,16 +272,17 @@
272 </div> 272 </div>
273 </div> 273 </div>
274 <!-- Catalogo de temas --> 274 <!-- Catalogo de temas -->
275 - <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'> 275 + <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;height:100%;'>
276 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"> 276 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
277 <button> 277 <button>
278 <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span> 278 <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
279 </button> 279 </button>
280 </div> 280 </div>
281 <div class="separadorCabecalhoGuias">&nbsp;</div> 281 <div class="separadorCabecalhoGuias">&nbsp;</div>
282 - <div class="guiaOverflow"> 282 +
  283 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
  284 + <div id="catalogoMigalha" style="display:none;" data-template="templates/catalogoMigalha.html"></div>
283 <!-- aqui entra a lista de elementos quando uma das opcoes e clicada --> 285 <!-- 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 <div id="catalogoNavegacao"></div>
286 <!-- Opcoes --> 287 <!-- Opcoes -->
287 <div id="catalogoPrincipal"> 288 <div id="catalogoPrincipal">
@@ -327,158 +328,169 @@ @@ -327,158 +328,169 @@
327 328
328 <hr> 329 <hr>
329 <!-- busca tema no catalogo 330 <!-- busca tema no catalogo
330 - <div class="form-group label-floating">  
331 - <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>  
332 - <div class="input-group">  
333 - <input id="i3GEObuscatema" class="form-control" type="text" value="">  
334 - <span class="input-group-btn">  
335 - <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)">  
336 - <span class="material-icons ">send</span>  
337 - </a>  
338 - </span>  
339 - </div>  
340 - </div>  
341 - --> 331 + <div class="form-group label-floating">
  332 + <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
  333 + <div class="input-group">
  334 + <input id="i3GEObuscatema" class="form-control" type="text" value="">
  335 + <span class="input-group-btn">
  336 + <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)">
  337 + <span class="material-icons ">send</span>
  338 + </a>
  339 + </span>
  340 + </div>
  341 + </div>
  342 + -->
342 <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona 343 <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona
343 - Nessa funcao ficam tambem os parametros:  
344 - "idOndeMenus": "catalogoMenus",  
345 - "idCatalogoPrincipal": "catalogoPrincipal",  
346 - "idCatalogoNavegacao": "catalogoNavegacao",  
347 - "idOndeMigalha": "catalogoMigalha"  
348 - --> 344 + Nessa funcao ficam tambem os parametros:
  345 + "idOndeMenus": "catalogoMenus",
  346 + "idCatalogoPrincipal": "catalogoPrincipal",
  347 + "idCatalogoNavegacao": "catalogoNavegacao",
  348 + "idOndeMigalha": "catalogoMigalha"
  349 + -->
349 <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div> 350 <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
350 351
351 <div id="arvoreAdicionaTema"></div> 352 <div id="arvoreAdicionaTema"></div>
352 353
353 <!-- 354 <!--
354 - As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:  
355 - config: {  
356 - 'templateDir': 'templates/dir.html',  
357 - 'templateTema': 'templates/tema.html',  
358 - 'idCatalogoPrincipal': 'catalogoPrincipal',  
359 - 'idCatalogoNavegacao': 'catalogoNavegacao',  
360 - 'idOndeMigalha': 'catalogoMigalha'  
361 - } 355 + As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
  356 + config: {
  357 + 'templateDir': 'templates/dir.html',
  358 + 'templateTema': 'templates/tema.html',
  359 + 'idCatalogoPrincipal': 'catalogoPrincipal',
  360 + 'idCatalogoNavegacao': 'catalogoNavegacao',
  361 + 'idOndeMigalha': 'catalogoMigalha'
  362 + }
362 363
363 - exemplo: 364 + exemplo:
364 365
365 - onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"  
366 - --> 366 + onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
  367 + -->
367 368
368 <!-- servicos da INDE brasileira --> 369 <!-- servicos da INDE brasileira -->
369 <div class="list-group condensed"> 370 <div class="list-group condensed">
370 - <div class="row-content text-left">  
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)">  
372 - <span class="material-icons ">folder_open</span>  
373 - </a>  
374 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">  
375 - <h4>INDE-Br</h4>  
376 - <i class="pull-right material-icons">navigate_next</i> 371 + <div class="row-content text-left" style="opacity:0.8;">
  372 + <label style="width: 300px; vertical-align: middle;">
  373 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
  374 + <h4>
  375 + <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
  376 + INDE-Br
  377 + </h4>
377 </a> 378 </a>
378 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6> 379 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
379 </label> 380 </label>
  381 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="" href="javascript:void(0)">
  382 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  383 + </a>
380 </div> 384 </div>
381 </div> 385 </div>
382 <hr> 386 <hr>
383 <!-- lista de wms cadastrados no sistema de administracao --> 387 <!-- lista de wms cadastrados no sistema de administracao -->
384 <div class="list-group condensed"> 388 <div class="list-group condensed">
385 - <div class="row-content text-left">  
386 - <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)">  
387 - <span class="material-icons ">folder_open</span>  
388 - </a>  
389 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">  
390 - <h4>OGC-WMS</h4>  
391 - <i class="pull-right material-icons">navigate_next</i> 389 + <div class="row-content text-left" style="opacity:0.8;">
  390 + <label style="width: 300px; vertical-align: middle;">
  391 + <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
  392 + <h4>
  393 + <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
  394 + OGC-WMS
  395 + </h4>
392 </a> 396 </a>
393 <h6>{{{descOgcWms}}}</h6> 397 <h6>{{{descOgcWms}}}</h6>
394 </label> 398 </label>
  399 + <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="" href="javascript:void(0)">
  400 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  401 + </a>
395 </div> 402 </div>
396 </div> 403 </div>
397 <hr> 404 <hr>
398 <!-- regioes cadastradas no sistema de metadados --> 405 <!-- regioes cadastradas no sistema de metadados -->
399 <div class="list-group condensed"> 406 <div class="list-group condensed">
400 <div class="row-content text-left"> 407 <div class="row-content text-left">
401 - <a onclick="i3GEO.catalogoRegioes.inicia()" 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>  
403 - </a>  
404 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">  
405 - <h4>{{{x87}}}</h4>  
406 - <i class="pull-right material-icons">navigate_next</i> 408 + <label style="width: 300px; vertical-align: middle;">
  409 + <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
  410 + <h4>
  411 + <i class="material-icons" style="vertical-align: text-bottom;">domain</i>
  412 + {{{x87}}}
  413 + </h4>
407 </a> 414 </a>
408 <h6>{{{descLimLoc}}}</h6> 415 <h6>{{{descLimLoc}}}</h6>
409 </label> 416 </label>
  417 + <a onclick="i3GEO.catalogoRegioes.inicia();" role="button" class="" href="javascript:void(0)">
  418 + <i style="opacity: 0.8; margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  419 + </a>
410 </div> 420 </div>
411 </div> 421 </div>
412 <hr> 422 <hr>
413 <!-- camadas que vem do sistema de metadados estatisticos --> 423 <!-- camadas que vem do sistema de metadados estatisticos -->
414 <div class="list-group condensed"> 424 <div class="list-group condensed">
415 - <div class="row-content text-left">  
416 - <a onclick="i3GEO.catalogoMetaestat.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>  
418 - </a>  
419 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">  
420 - <h4>{{{x57}}}</h4>  
421 - <i class="pull-right material-icons">navigate_next</i> 425 + <div class="row-content text-left" style="opacity:0.8;">
  426 + <label style="width: 300px; vertical-align: middle;">
  427 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
  428 + <h4>
  429 + <i class="material-icons" style="vertical-align: text-bottom;">trending_up</i>
  430 + {{{x57}}}
  431 + </h4>
422 </a> 432 </a>
423 <h6>{{{descMeta}}}</h6> 433 <h6>{{{descMeta}}}</h6>
424 </label> 434 </label>
  435 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="" href="javascript:void(0)">
  436 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  437 + </a>
425 </div> 438 </div>
426 </div> 439 </div>
427 <hr> 440 <hr>
428 - <!-- mapas cadastrados no sistema de administracao (nao funcional)  
429 - <div class="list-group condensed"><div class="row-content text-left">  
430 - <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>  
431 - <label style="width: 255px;vertical-align: middle;">  
432 - <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">  
433 - <h4>{{{x90}}}</h4></a>  
434 - <h6>{{{descMapas}}}</h6>  
435 - </label>  
436 - </div></div><hr>  
437 - -->  
438 <!-- camadas por estrelas --> 441 <!-- camadas por estrelas -->
439 <div class="list-group condensed"> 442 <div class="list-group condensed">
440 - <div class="row-content text-left">  
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)">  
443 - <span class="material-icons ">folder_open</span>  
444 - </a>  
445 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" 443 + <div class="row-content text-left" style="opacity:0.8;">
  444 + <label style="width: 300px; vertical-align: middle;">
  445 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
446 href="javascript:void(0)"> 446 href="javascript:void(0)">
447 - <h4>{{{t46}}}</h4>  
448 - <i class="pull-right material-icons">navigate_next</i> 447 + <h4>
  448 + <i class="material-icons" style="vertical-align: text-bottom;">star_border</i>
  449 + {{{t46}}}
  450 + </h4>
449 </a> 451 </a>
450 <h6>{{{descEstrelas}}}</h6> 452 <h6>{{{descEstrelas}}}</h6>
451 </label> 453 </label>
  454 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="" href="javascript:void(0)">
  455 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  456 + </a>
452 </div> 457 </div>
453 </div> 458 </div>
454 <hr> 459 <hr>
455 <!-- sistemas que adicionam camadas --> 460 <!-- sistemas que adicionam camadas -->
456 <div class="list-group condensed"> 461 <div class="list-group condensed">
457 - <div class="row-content text-left">  
458 - <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="hidden-xs hidden-sm 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.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">  
462 - <h4>{{{a11}}}</h4>  
463 - <i class="pull-right material-icons">navigate_next</i> 462 + <div class="row-content text-left" style="opacity:0.8;">
  463 + <label style="width: 300px; vertical-align: middle;">
  464 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
  465 + <h4>
  466 + <i class="material-icons" style="vertical-align: text-bottom;">widgets</i>
  467 + {{{a11}}}
  468 + </h4>
464 </a> 469 </a>
465 <h6>{{{descSistemas}}}</h6> 470 <h6>{{{descSistemas}}}</h6>
466 </label> 471 </label>
  472 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="" href="javascript:void(0)">
  473 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  474 + </a>
  475 +
467 </div> 476 </div>
468 </div> 477 </div>
469 <hr> 478 <hr>
470 <!-- navegacao em diretorios --> 479 <!-- navegacao em diretorios -->
471 <div class="list-group condensed"> 480 <div class="list-group condensed">
472 - <div class="row-content text-left">  
473 - <a onclick="i3GEO.catalogoDir.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>  
475 - </a>  
476 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">  
477 - <h4>{{{a6}}}</h4>  
478 - <i class="pull-right material-icons">navigate_next</i> 481 + <div class="row-content text-left" style="opacity:0.8;">
  482 + <label style="width: 300px; vertical-align: middle;">
  483 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
  484 + <h4>
  485 + <i class="material-icons" style="vertical-align: text-bottom;">storage</i>
  486 + {{{a6}}}
  487 + </h4>
479 </a> 488 </a>
480 <h6>{{{descDir}}}</h6> 489 <h6>{{{descDir}}}</h6>
481 </label> 490 </label>
  491 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="" href="javascript:void(0)">
  492 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  493 + </a>
482 </div> 494 </div>
483 </div> 495 </div>
484 <hr> 496 <hr>
@@ -486,31 +498,31 @@ @@ -486,31 +498,31 @@
486 </div> 498 </div>
487 </div> 499 </div>
488 <!-- Legenda --> 500 <!-- Legenda -->
489 - <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'> 501 + <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left;height:100%;'>
490 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"> 502 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
491 <button> 503 <button>
492 <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span> 504 <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
493 </button> 505 </button>
494 </div> 506 </div>
495 <div class="separadorCabecalhoGuias">&nbsp;</div> 507 <div class="separadorCabecalhoGuias">&nbsp;</div>
496 - <div class="guiaOverflow"> 508 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
497 <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a> 509 <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> 510 <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
499 </div> 511 </div>
500 </div> 512 </div>
501 <!-- busca 513 <!-- busca
502 - Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google  
503 - No botao que dispara a busca, ficam os parametros de configuracao  
504 - 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  
505 - -->  
506 - <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'> 514 + Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
  515 + No botao que dispara a busca, ficam os parametros de configuracao
  516 + 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
  517 + -->
  518 + <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left; height:100%'>
507 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 519 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
508 <button> 520 <button>
509 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span> 521 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
510 </button> 522 </button>
511 </div> 523 </div>
512 <div class="separadorCabecalhoGuias">&nbsp;</div> 524 <div class="separadorCabecalhoGuias">&nbsp;</div>
513 - <div class="guiaOverflow"> 525 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
514 <form onSubmit="return false;"> 526 <form onSubmit="return false;">
515 <div class="form-group label-floating"> 527 <div class="form-group label-floating">
516 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label> 528 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
@@ -541,15 +553,15 @@ @@ -541,15 +553,15 @@
541 </div> 553 </div>
542 </div> 554 </div>
543 <!-- Apenas para a interface google maps 555 <!-- Apenas para a interface google maps
544 - <div class="list-group condensed">  
545 - <div class="checkbox text-left">  
546 - <label>  
547 - <input class="noprint" value="on" type="checkbox" name="google">  
548 - <span class="checkbox-material noprint"><span class="check"></span></span> Google  
549 - </label>  
550 - </div>  
551 - </div>  
552 - --> 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 + -->
553 </div> 565 </div>
554 </form> 566 </form>
555 <hr> 567 <hr>
@@ -560,34 +572,34 @@ @@ -560,34 +572,34 @@
560 </div> 572 </div>
561 </div> 573 </div>
562 <!-- Ferramentas --> 574 <!-- Ferramentas -->
563 - <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'> 575 + <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left;height:100%'>
564 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 576 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
565 <button> 577 <button>
566 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span> 578 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
567 </button> 579 </button>
568 </div> 580 </div>
569 <div class="separadorCabecalhoGuias">&nbsp;</div> 581 <div class="separadorCabecalhoGuias">&nbsp;</div>
570 - <div class="guiaOverflow"> 582 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
571 <div class="form-inline" style="width: 100%;"> 583 <div class="form-inline" style="width: 100%;">
572 - <div class="text-center form-group" style="margin: 4px;"> 584 + <div class="text-center form-group" style="margin: 4px;display:inline-block">
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)"> 585 <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"> 586 <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">
575 </a> 587 </a>
576 <h6>{{{d21at}}}</h6> 588 <h6>{{{d21at}}}</h6>
577 </div> 589 </div>
578 - <div class="text-center form-group" style="margin: 4px;"> 590 + <div class="text-center form-group" style="margin: 4px;display:inline-block">
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)"> 591 <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"> 592 <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">
581 </a> 593 </a>
582 <h6>{{{d21t}}}</h6> 594 <h6>{{{d21t}}}</h6>
583 </div> 595 </div>
584 - <div class="text-center form-group" style="margin: 4px;"> 596 + <div class="text-center form-group" style="margin: 4px;display:inline-block">
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)"> 597 <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"> 598 <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">
587 </a> 599 </a>
588 <h6>{{{d24t}}}</h6> 600 <h6>{{{d24t}}}</h6>
589 </div> 601 </div>
590 - <div class="text-center form-group" style="margin: 4px;"> 602 + <div class="text-center form-group" style="margin: 4px;display:inline-block">
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)"> 603 <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"> 604 <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">
593 </a> 605 </a>
@@ -604,6 +616,7 @@ @@ -604,6 +616,7 @@
604 </div> 616 </div>
605 </div> 617 </div>
606 </div> 618 </div>
  619 +
607 <!-- para mostrar o banner de abertura --> 620 <!-- para mostrar o banner de abertura -->
608 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache"> 621 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
609 <div> 622 <div>
@@ -749,17 +762,10 @@ @@ -749,17 +762,10 @@
749 placement : "auto", 762 placement : "auto",
750 template : "<div class='tooltip ' ><div class='tooltip-inner'></div></div>" 763 template : "<div class='tooltip ' ><div class='tooltip-inner'></div></div>"
751 }); 764 });
752 -  
753 -  
754 - $(".guiaOverflow").css("height",  
755 - i3GEO.parametros.h - 60);  
756 $(".guiaOverflow").mCustomScrollbar({ 765 $(".guiaOverflow").mCustomScrollbar({
757 scrollbarPosition : "inside", 766 scrollbarPosition : "inside",
758 theme : "inset-2-dark" 767 theme : "inset-2-dark"
759 }); 768 });
760 - i3GEO.eventos.adicionaEventos("RESIZE", $(  
761 - ".guiaOverflow").css("height",  
762 - i3GEO.parametros.h - 60))  
763 //setTimeout(function() { 769 //setTimeout(function() {
764 // $('.iconeGuiaMovel').tooltip('destroy'); 770 // $('.iconeGuiaMovel').tooltip('destroy');
765 //}, 30000); 771 //}, 30000);
interface/osmdebug.htm
  Diff comments   View file @acc43f4
@@ -135,26 +135,26 @@ @@ -135,26 +135,26 @@
135 <!-- botoes laterais que abrem guias moveis --> 135 <!-- botoes laterais que abrem guias moveis -->
136 <div id="i3GEOguiaMovel"> 136 <div id="i3GEOguiaMovel">
137 <!-- configuracao para todos os botoes 137 <!-- configuracao para todos os botoes
138 - data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado  
139 - --> 138 + data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
  139 + -->
140 <div class="iconesGuiaMovel ol-control" data-traduzir="true"> 140 <div class="iconesGuiaMovel ol-control" data-traduzir="true">
141 <!-- ferramentas 141 <!-- ferramentas
142 - data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel  
143 - data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta  
144 - data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior  
145 - --> 142 + data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
  143 + data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
  144 + data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
  145 + -->
146 <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)"> 146 <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
147 <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;"> 147 <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
148 <i class="material-icons">business_center</i> 148 <i class="material-icons">business_center</i>
149 </button> 149 </button>
150 </div> 150 </div>
151 <!-- temas existentes no mapa 151 <!-- temas existentes no mapa
152 - data-idListaDeCamadas - id onde sera incluida a lista de camadas  
153 - data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)  
154 - data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,  
155 - inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende  
156 - do metadata existente na camada. Deixe vazio para nao ativar a operacao.  
157 - --> 152 + data-idListaDeCamadas - id onde sera incluida a lista de camadas
  153 + data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)
  154 + data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,
  155 + inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
  156 + do metadata existente na camada. Deixe vazio para nao ativar a operacao.
  157 + -->
158 <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" 158 <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas"
159 style="margin-top: 3px;"> 159 style="margin-top: 3px;">
160 <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;"> 160 <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
@@ -162,14 +162,14 @@ @@ -162,14 +162,14 @@
162 </button> 162 </button>
163 </div> 163 </div>
164 <!-- catalogo de adicao de temas ao mapa 164 <!-- catalogo de adicao de temas ao mapa
165 - data-idCatalogo - id do DIV que contem a primeira pagina do catalogo. Esse DIV sera escondido e mostrado conforme o usuario navega pelo catalogo  
166 - data-idMenus - id do DIV que recebera a lista de menus cadastrados no sistema de administracao  
167 - data-idNavegacao - id do DIV que recebera a lista de opcoes apos o usuario clicar em um item do catalogo principal  
168 - data-idMigalha - id do DIV que recebera o link para retorno ao nivel anterior do catalogo 165 + data-idCatalogo - id do DIV que contem a primeira pagina do catalogo. Esse DIV sera escondido e mostrado conforme o usuario navega pelo catalogo
  166 + data-idMenus - id do DIV que recebera a lista de menus cadastrados no sistema de administracao
  167 + data-idNavegacao - id do DIV que recebera a lista de opcoes apos o usuario clicar em um item do catalogo principal
  168 + data-idMigalha - id do DIV que recebera o link para retorno ao nivel anterior do catalogo
169 169
170 - Variaveis javascript:  
171 - i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.  
172 - --> 170 + Variaveis javascript:
  171 + i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
  172 + -->
173 <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" 173 <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal"
174 data-idMenus="catalogoMenus" style="margin-top: 3px;"> 174 data-idMenus="catalogoMenus" style="margin-top: 3px;">
175 <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;"> 175 <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
@@ -199,12 +199,12 @@ @@ -199,12 +199,12 @@
199 </button> 199 </button>
200 </div> 200 </div>
201 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem 201 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
202 - <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">  
203 - <button title="{{{iconeIdentifica}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
204 - <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">  
205 - </button>  
206 - </div>  
207 - --> 202 + <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
  203 + <button title="{{{iconeIdentifica}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  204 + <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
  205 + </button>
  206 + </div>
  207 + -->
208 </div> 208 </div>
209 <!-- veja i3GEO.guias.CONFIGURA --> 209 <!-- veja i3GEO.guias.CONFIGURA -->
210 <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" --> 210 <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
@@ -212,14 +212,14 @@ @@ -212,14 +212,14 @@
212 <div id="i3GEOguiaMovelMolde"> 212 <div id="i3GEOguiaMovelMolde">
213 <div id="i3GEOguiaMovelConteudo"> 213 <div id="i3GEOguiaMovelConteudo">
214 <!-- camadas existentes no mapa --> 214 <!-- camadas existentes no mapa -->
215 - <div id='guia1obj' data-traduzir="true" style='display: none;'> 215 + <div id='guia1obj' data-traduzir="true" style='display: none; height:100%'>
216 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 216 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
217 <button> 217 <button>
218 <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span> 218 <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
219 </button> 219 </button>
220 </div> 220 </div>
221 <div class="separadorCabecalhoGuias">&nbsp;</div> 221 <div class="separadorCabecalhoGuias">&nbsp;</div>
222 - <div class="guiaOverflow"> 222 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
223 <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1"> 223 <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
224 <label>{{{opcoes}}}</label> 224 <label>{{{opcoes}}}</label>
225 </div> 225 </div>
@@ -256,10 +256,10 @@ @@ -256,10 +256,10 @@
256 <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual --> 256 <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
257 <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div> 257 <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div>
258 <!-- Esta div acrescenta a lista de de camadas de fundo 258 <!-- Esta div acrescenta a lista de de camadas de fundo
259 - A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS  
260 - Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida  
261 - no programa interface/config.php  
262 - --> 259 + A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
  260 + Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
  261 + no programa interface/config.php
  262 + -->
263 <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed"> 263 <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
264 <label>{{{camadasDeFundo}}}</label> 264 <label>{{{camadasDeFundo}}}</label>
265 </div> 265 </div>
@@ -272,16 +272,17 @@ @@ -272,16 +272,17 @@
272 </div> 272 </div>
273 </div> 273 </div>
274 <!-- Catalogo de temas --> 274 <!-- Catalogo de temas -->
275 - <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'> 275 + <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;height:100%;'>
276 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"> 276 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
277 <button> 277 <button>
278 <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span> 278 <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
279 </button> 279 </button>
280 </div> 280 </div>
281 <div class="separadorCabecalhoGuias">&nbsp;</div> 281 <div class="separadorCabecalhoGuias">&nbsp;</div>
282 - <div class="guiaOverflow"> 282 +
  283 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
  284 + <div id="catalogoMigalha" style="display:none;" data-template="templates/catalogoMigalha.html"></div>
283 <!-- aqui entra a lista de elementos quando uma das opcoes e clicada --> 285 <!-- 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 <div id="catalogoNavegacao"></div>
286 <!-- Opcoes --> 287 <!-- Opcoes -->
287 <div id="catalogoPrincipal"> 288 <div id="catalogoPrincipal">
@@ -327,158 +328,169 @@ @@ -327,158 +328,169 @@
327 328
328 <hr> 329 <hr>
329 <!-- busca tema no catalogo 330 <!-- busca tema no catalogo
330 - <div class="form-group label-floating">  
331 - <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>  
332 - <div class="input-group">  
333 - <input id="i3GEObuscatema" class="form-control" type="text" value="">  
334 - <span class="input-group-btn">  
335 - <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)">  
336 - <span class="material-icons ">send</span>  
337 - </a>  
338 - </span>  
339 - </div>  
340 - </div>  
341 - --> 331 + <div class="form-group label-floating">
  332 + <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
  333 + <div class="input-group">
  334 + <input id="i3GEObuscatema" class="form-control" type="text" value="">
  335 + <span class="input-group-btn">
  336 + <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)">
  337 + <span class="material-icons ">send</span>
  338 + </a>
  339 + </span>
  340 + </div>
  341 + </div>
  342 + -->
342 <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona 343 <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona
343 - Nessa funcao ficam tambem os parametros:  
344 - "idOndeMenus": "catalogoMenus",  
345 - "idCatalogoPrincipal": "catalogoPrincipal",  
346 - "idCatalogoNavegacao": "catalogoNavegacao",  
347 - "idOndeMigalha": "catalogoMigalha"  
348 - --> 344 + Nessa funcao ficam tambem os parametros:
  345 + "idOndeMenus": "catalogoMenus",
  346 + "idCatalogoPrincipal": "catalogoPrincipal",
  347 + "idCatalogoNavegacao": "catalogoNavegacao",
  348 + "idOndeMigalha": "catalogoMigalha"
  349 + -->
349 <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div> 350 <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
350 351
351 <div id="arvoreAdicionaTema"></div> 352 <div id="arvoreAdicionaTema"></div>
352 353
353 <!-- 354 <!--
354 - As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:  
355 - config: {  
356 - 'templateDir': 'templates/dir.html',  
357 - 'templateTema': 'templates/tema.html',  
358 - 'idCatalogoPrincipal': 'catalogoPrincipal',  
359 - 'idCatalogoNavegacao': 'catalogoNavegacao',  
360 - 'idOndeMigalha': 'catalogoMigalha'  
361 - } 355 + As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
  356 + config: {
  357 + 'templateDir': 'templates/dir.html',
  358 + 'templateTema': 'templates/tema.html',
  359 + 'idCatalogoPrincipal': 'catalogoPrincipal',
  360 + 'idCatalogoNavegacao': 'catalogoNavegacao',
  361 + 'idOndeMigalha': 'catalogoMigalha'
  362 + }
362 363
363 - exemplo: 364 + exemplo:
364 365
365 - onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"  
366 - --> 366 + onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
  367 + -->
367 368
368 <!-- servicos da INDE brasileira --> 369 <!-- servicos da INDE brasileira -->
369 <div class="list-group condensed"> 370 <div class="list-group condensed">
370 - <div class="row-content text-left">  
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)">  
372 - <span class="material-icons ">folder_open</span>  
373 - </a>  
374 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">  
375 - <h4>INDE-Br</h4>  
376 - <i class="pull-right material-icons">navigate_next</i> 371 + <div class="row-content text-left" style="opacity:0.8;">
  372 + <label style="width: 300px; vertical-align: middle;">
  373 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
  374 + <h4>
  375 + <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
  376 + INDE-Br
  377 + </h4>
377 </a> 378 </a>
378 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6> 379 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
379 </label> 380 </label>
  381 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="" href="javascript:void(0)">
  382 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  383 + </a>
380 </div> 384 </div>
381 </div> 385 </div>
382 <hr> 386 <hr>
383 <!-- lista de wms cadastrados no sistema de administracao --> 387 <!-- lista de wms cadastrados no sistema de administracao -->
384 <div class="list-group condensed"> 388 <div class="list-group condensed">
385 - <div class="row-content text-left">  
386 - <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)">  
387 - <span class="material-icons ">folder_open</span>  
388 - </a>  
389 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">  
390 - <h4>OGC-WMS</h4>  
391 - <i class="pull-right material-icons">navigate_next</i> 389 + <div class="row-content text-left" style="opacity:0.8;">
  390 + <label style="width: 300px; vertical-align: middle;">
  391 + <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
  392 + <h4>
  393 + <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
  394 + OGC-WMS
  395 + </h4>
392 </a> 396 </a>
393 <h6>{{{descOgcWms}}}</h6> 397 <h6>{{{descOgcWms}}}</h6>
394 </label> 398 </label>
  399 + <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="" href="javascript:void(0)">
  400 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  401 + </a>
395 </div> 402 </div>
396 </div> 403 </div>
397 <hr> 404 <hr>
398 <!-- regioes cadastradas no sistema de metadados --> 405 <!-- regioes cadastradas no sistema de metadados -->
399 <div class="list-group condensed"> 406 <div class="list-group condensed">
400 <div class="row-content text-left"> 407 <div class="row-content text-left">
401 - <a onclick="i3GEO.catalogoRegioes.inicia()" 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>  
403 - </a>  
404 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">  
405 - <h4>{{{x87}}}</h4>  
406 - <i class="pull-right material-icons">navigate_next</i> 408 + <label style="width: 300px; vertical-align: middle;">
  409 + <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
  410 + <h4>
  411 + <i class="material-icons" style="vertical-align: text-bottom;">domain</i>
  412 + {{{x87}}}
  413 + </h4>
407 </a> 414 </a>
408 <h6>{{{descLimLoc}}}</h6> 415 <h6>{{{descLimLoc}}}</h6>
409 </label> 416 </label>
  417 + <a onclick="i3GEO.catalogoRegioes.inicia();" role="button" class="" href="javascript:void(0)">
  418 + <i style="opacity: 0.8; margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  419 + </a>
410 </div> 420 </div>
411 </div> 421 </div>
412 <hr> 422 <hr>
413 <!-- camadas que vem do sistema de metadados estatisticos --> 423 <!-- camadas que vem do sistema de metadados estatisticos -->
414 <div class="list-group condensed"> 424 <div class="list-group condensed">
415 - <div class="row-content text-left">  
416 - <a onclick="i3GEO.catalogoMetaestat.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>  
418 - </a>  
419 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">  
420 - <h4>{{{x57}}}</h4>  
421 - <i class="pull-right material-icons">navigate_next</i> 425 + <div class="row-content text-left" style="opacity:0.8;">
  426 + <label style="width: 300px; vertical-align: middle;">
  427 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
  428 + <h4>
  429 + <i class="material-icons" style="vertical-align: text-bottom;">trending_up</i>
  430 + {{{x57}}}
  431 + </h4>
422 </a> 432 </a>
423 <h6>{{{descMeta}}}</h6> 433 <h6>{{{descMeta}}}</h6>
424 </label> 434 </label>
  435 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="" href="javascript:void(0)">
  436 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  437 + </a>
425 </div> 438 </div>
426 </div> 439 </div>
427 <hr> 440 <hr>
428 - <!-- mapas cadastrados no sistema de administracao (nao funcional)  
429 - <div class="list-group condensed"><div class="row-content text-left">  
430 - <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>  
431 - <label style="width: 255px;vertical-align: middle;">  
432 - <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">  
433 - <h4>{{{x90}}}</h4></a>  
434 - <h6>{{{descMapas}}}</h6>  
435 - </label>  
436 - </div></div><hr>  
437 - -->  
438 <!-- camadas por estrelas --> 441 <!-- camadas por estrelas -->
439 <div class="list-group condensed"> 442 <div class="list-group condensed">
440 - <div class="row-content text-left">  
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)">  
443 - <span class="material-icons ">folder_open</span>  
444 - </a>  
445 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" 443 + <div class="row-content text-left" style="opacity:0.8;">
  444 + <label style="width: 300px; vertical-align: middle;">
  445 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
446 href="javascript:void(0)"> 446 href="javascript:void(0)">
447 - <h4>{{{t46}}}</h4>  
448 - <i class="pull-right material-icons">navigate_next</i> 447 + <h4>
  448 + <i class="material-icons" style="vertical-align: text-bottom;">star_border</i>
  449 + {{{t46}}}
  450 + </h4>
449 </a> 451 </a>
450 <h6>{{{descEstrelas}}}</h6> 452 <h6>{{{descEstrelas}}}</h6>
451 </label> 453 </label>
  454 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="" href="javascript:void(0)">
  455 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  456 + </a>
452 </div> 457 </div>
453 </div> 458 </div>
454 <hr> 459 <hr>
455 <!-- sistemas que adicionam camadas --> 460 <!-- sistemas que adicionam camadas -->
456 <div class="list-group condensed"> 461 <div class="list-group condensed">
457 - <div class="row-content text-left">  
458 - <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="hidden-xs hidden-sm 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.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">  
462 - <h4>{{{a11}}}</h4>  
463 - <i class="pull-right material-icons">navigate_next</i> 462 + <div class="row-content text-left" style="opacity:0.8;">
  463 + <label style="width: 300px; vertical-align: middle;">
  464 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
  465 + <h4>
  466 + <i class="material-icons" style="vertical-align: text-bottom;">widgets</i>
  467 + {{{a11}}}
  468 + </h4>
464 </a> 469 </a>
465 <h6>{{{descSistemas}}}</h6> 470 <h6>{{{descSistemas}}}</h6>
466 </label> 471 </label>
  472 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="" href="javascript:void(0)">
  473 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  474 + </a>
  475 +
467 </div> 476 </div>
468 </div> 477 </div>
469 <hr> 478 <hr>
470 <!-- navegacao em diretorios --> 479 <!-- navegacao em diretorios -->
471 <div class="list-group condensed"> 480 <div class="list-group condensed">
472 - <div class="row-content text-left">  
473 - <a onclick="i3GEO.catalogoDir.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>  
475 - </a>  
476 - <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">  
477 - <h4>{{{a6}}}</h4>  
478 - <i class="pull-right material-icons">navigate_next</i> 481 + <div class="row-content text-left" style="opacity:0.8;">
  482 + <label style="width: 300px; vertical-align: middle;">
  483 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
  484 + <h4>
  485 + <i class="material-icons" style="vertical-align: text-bottom;">storage</i>
  486 + {{{a6}}}
  487 + </h4>
479 </a> 488 </a>
480 <h6>{{{descDir}}}</h6> 489 <h6>{{{descDir}}}</h6>
481 </label> 490 </label>
  491 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="" href="javascript:void(0)">
  492 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  493 + </a>
482 </div> 494 </div>
483 </div> 495 </div>
484 <hr> 496 <hr>
@@ -486,31 +498,31 @@ @@ -486,31 +498,31 @@
486 </div> 498 </div>
487 </div> 499 </div>
488 <!-- Legenda --> 500 <!-- Legenda -->
489 - <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'> 501 + <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left;height:100%;'>
490 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"> 502 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
491 <button> 503 <button>
492 <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span> 504 <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
493 </button> 505 </button>
494 </div> 506 </div>
495 <div class="separadorCabecalhoGuias">&nbsp;</div> 507 <div class="separadorCabecalhoGuias">&nbsp;</div>
496 - <div class="guiaOverflow"> 508 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
497 <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a> 509 <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> 510 <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
499 </div> 511 </div>
500 </div> 512 </div>
501 <!-- busca 513 <!-- busca
502 - Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google  
503 - No botao que dispara a busca, ficam os parametros de configuracao  
504 - 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  
505 - -->  
506 - <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'> 514 + Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
  515 + No botao que dispara a busca, ficam os parametros de configuracao
  516 + 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
  517 + -->
  518 + <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left; height:100%'>
507 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 519 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
508 <button> 520 <button>
509 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span> 521 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
510 </button> 522 </button>
511 </div> 523 </div>
512 <div class="separadorCabecalhoGuias">&nbsp;</div> 524 <div class="separadorCabecalhoGuias">&nbsp;</div>
513 - <div class="guiaOverflow"> 525 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
514 <form onSubmit="return false;"> 526 <form onSubmit="return false;">
515 <div class="form-group label-floating"> 527 <div class="form-group label-floating">
516 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label> 528 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
@@ -541,15 +553,15 @@ @@ -541,15 +553,15 @@
541 </div> 553 </div>
542 </div> 554 </div>
543 <!-- Apenas para a interface google maps 555 <!-- Apenas para a interface google maps
544 - <div class="list-group condensed">  
545 - <div class="checkbox text-left">  
546 - <label>  
547 - <input class="noprint" value="on" type="checkbox" name="google">  
548 - <span class="checkbox-material noprint"><span class="check"></span></span> Google  
549 - </label>  
550 - </div>  
551 - </div>  
552 - --> 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 + -->
553 </div> 565 </div>
554 </form> 566 </form>
555 <hr> 567 <hr>
@@ -560,34 +572,34 @@ @@ -560,34 +572,34 @@
560 </div> 572 </div>
561 </div> 573 </div>
562 <!-- Ferramentas --> 574 <!-- Ferramentas -->
563 - <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'> 575 + <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left;height:100%'>
564 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 576 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
565 <button> 577 <button>
566 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span> 578 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
567 </button> 579 </button>
568 </div> 580 </div>
569 <div class="separadorCabecalhoGuias">&nbsp;</div> 581 <div class="separadorCabecalhoGuias">&nbsp;</div>
570 - <div class="guiaOverflow"> 582 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
571 <div class="form-inline" style="width: 100%;"> 583 <div class="form-inline" style="width: 100%;">
572 - <div class="text-center form-group" style="margin: 4px;"> 584 + <div class="text-center form-group" style="margin: 4px;display:inline-block">
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)"> 585 <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"> 586 <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">
575 </a> 587 </a>
576 <h6>{{{d21at}}}</h6> 588 <h6>{{{d21at}}}</h6>
577 </div> 589 </div>
578 - <div class="text-center form-group" style="margin: 4px;"> 590 + <div class="text-center form-group" style="margin: 4px;display:inline-block">
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)"> 591 <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"> 592 <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">
581 </a> 593 </a>
582 <h6>{{{d21t}}}</h6> 594 <h6>{{{d21t}}}</h6>
583 </div> 595 </div>
584 - <div class="text-center form-group" style="margin: 4px;"> 596 + <div class="text-center form-group" style="margin: 4px;display:inline-block">
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)"> 597 <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"> 598 <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">
587 </a> 599 </a>
588 <h6>{{{d24t}}}</h6> 600 <h6>{{{d24t}}}</h6>
589 </div> 601 </div>
590 - <div class="text-center form-group" style="margin: 4px;"> 602 + <div class="text-center form-group" style="margin: 4px;display:inline-block">
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)"> 603 <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"> 604 <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">
593 </a> 605 </a>
@@ -604,6 +616,7 @@ @@ -604,6 +616,7 @@
604 </div> 616 </div>
605 </div> 617 </div>
606 </div> 618 </div>
  619 +
607 <!-- para mostrar o banner de abertura --> 620 <!-- para mostrar o banner de abertura -->
608 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache"> 621 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
609 <div> 622 <div>
@@ -749,17 +762,10 @@ @@ -749,17 +762,10 @@
749 placement : "auto", 762 placement : "auto",
750 template : "<div class='tooltip ' ><div class='tooltip-inner'></div></div>" 763 template : "<div class='tooltip ' ><div class='tooltip-inner'></div></div>"
751 }); 764 });
752 -  
753 -  
754 - $(".guiaOverflow").css("height",  
755 - i3GEO.parametros.h - 60);  
756 $(".guiaOverflow").mCustomScrollbar({ 765 $(".guiaOverflow").mCustomScrollbar({
757 scrollbarPosition : "inside", 766 scrollbarPosition : "inside",
758 theme : "inset-2-dark" 767 theme : "inset-2-dark"
759 }); 768 });
760 - i3GEO.eventos.adicionaEventos("RESIZE", $(  
761 - ".guiaOverflow").css("height",  
762 - i3GEO.parametros.h - 60))  
763 //setTimeout(function() { 769 //setTimeout(function() {
764 // $('.iconeGuiaMovel').tooltip('destroy'); 770 // $('.iconeGuiaMovel').tooltip('destroy');
765 //}, 30000); 771 //}, 30000);
interface/templates/catalogoMigalha.html
  Diff comments   View file @acc43f4
1 - <ul class="breadcrumb"> 1 + <ul class="breadcrumb" style="margin-bottom:0px;">
2 <li> 2 <li>
3 <a href="javascript:void(0)" onclick="{{{onclick}}}"> 3 <a href="javascript:void(0)" onclick="{{{onclick}}}">
4 <h4> 4 <h4>
interface/templates/dir.html
  Diff comments   View file @acc43f4
1 <div class="list-group condensed"> 1 <div class="list-group condensed">
2 - <div class="row-content text-left"> 2 + <div class="row-content text-left" style="opacity:0.8;">
  3 + <!--
3 <a onclick="{{{onclick}}}" role="button" class="btn btn-warning btn-fab btn-fab-max hidden-xs hidden-sm" href="javascript:void(0)"> 4 <a onclick="{{{onclick}}}" role="button" class="btn btn-warning btn-fab btn-fab-max hidden-xs hidden-sm" href="javascript:void(0)">
4 <span class="material-icons">folder_open</span> 5 <span class="material-icons">folder_open</span>
5 </a> 6 </a>
6 - <label class="nomeTema"> <a onclick="{{{onclick}}}" href="javascript:void(0)">  
7 - <h4>{{{nome}}} <i class="pull-right material-icons">navigate_next</i></h4>  
8 - 7 + -->
  8 + <label class="nomeTema" style="width:300px;">
  9 + <a onclick="{{{onclick}}}" href="javascript:void(0)">
  10 + <h4>
  11 + <i class="material-icons" style="vertical-align: text-bottom;">folder_open</i>
  12 + {{{nome}}}
  13 + </h4>
9 </a> 14 </a>
10 <h6>{{{descricao}}} {{{link}}}</h6> 15 <h6>{{{descricao}}} {{{link}}}</h6>
11 </label> 16 </label>
  17 + <a onclick="{{{onclick}}}" role="button" class="hidden-xs" href="javascript:void(0)">
  18 + <i style="margin-bottom:10px;margin-top:10px;" class="pull-right material-icons">navigate_next</i>
  19 + </a>
12 </div> 20 </div>
13 </div> 21 </div>
14 <hr> 22 <hr>
15 \ No newline at end of file 23 \ No newline at end of file
interface/templates/ferramentasFolder.html
  Diff comments   View file @acc43f4
1 - <div class="list-group condensed">  
2 - <div class="row-content text-left">  
3 - <a role="button" class="btn btn-primary btn-fab btn-fab-max hidden-xs hidden-sm" href="javascript:void(0)"> 1 +<div class="list-group condensed">
  2 + <div class="row-content text-left" style="opacity: 0.8;">
  3 + <!--
  4 + <a role="button" class="btn btn-primary btn-fab btn-fab-max hidden-xs hidden-sm" href="javascript:void(0)">
4 <span class="material-icons">folder_open</span> 5 <span class="material-icons">folder_open</span>
5 </a> 6 </a>
6 - <label class="nomeTema" >  
7 - <a><h4>  
8 - {{{nome}}}  
9 - </h4>  
10 - <i class="pull-right material-icons">navigate_next</i>  
11 - </a>  
12 - <h6>{{{descricao}}}</h6>  
13 - </label>  
14 - </div>  
15 - </div>  
16 - <hr>  
17 \ No newline at end of file 7 \ No newline at end of file
  8 + -->
  9 + <label class="nomeTema" style="width: 300px;"> <a href="javascript:void(0)">
  10 + <h4>
  11 + <i class="material-icons" style="vertical-align: text-bottom;">folder_open</i> {{{nome}}}
  12 + </h4>
  13 + </a>
  14 + <h6>{{{descricao}}}</h6>
  15 + </label>
  16 + <a role="button" class="hidden-xs" href="javascript:void(0)">
  17 + <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
  18 + </a>
  19 + </div>
  20 +</div>
  21 +<hr>
18 \ No newline at end of file 22 \ No newline at end of file
interface/templates/ferramentasLink.html
  Diff comments   View file @acc43f4
1 <div class="list-group condensed"> 1 <div class="list-group condensed">
2 <div class="row-content text-left"> 2 <div class="row-content text-left">
3 - <a role="button" class="btn btn-default btn-fab btn-fab-max" href="{{{url}}}" target="{{{target}}}"> 3 + <!--
  4 + <a role="button" class="btn btn-default btn-fab btn-fab-max" href="{{{url}}}" target="{{{target}}}">
4 <span class="material-icons">launch</span> 5 <span class="material-icons">launch</span>
5 </a> 6 </a>
6 - <label class="nomeTemaCurto" > 7 + -->
  8 + <label class="nomeTemaCurto" style="width:300px;">
7 <a href="{{{url}}}" target="{{{target}}}" ><h4> 9 <a href="{{{url}}}" target="{{{target}}}" ><h4>
8 {{{nome}}} 10 {{{nome}}}
9 </h4> 11 </h4>
10 -  
11 </a> 12 </a>
12 <h6>{{{descricao}}}</h6> 13 <h6>{{{descricao}}}</h6>
13 </label> 14 </label>
14 {{{opcional}}} 15 {{{opcional}}}
  16 + <a role="button" class="hidden-xs" href="{{{url}}}" target="{{{target}}}">
  17 + <i style="opacity:0.4;margin-bottom:10px;margin-top:10px;" class="pull-right material-icons">launch</i>
  18 + </a>
15 </div> 19 </div>
16 </div> 20 </div>
17 <hr> 21 <hr>
18 \ No newline at end of file 22 \ No newline at end of file
interface/templates/ferramentasMigalha.html
  Diff comments   View file @acc43f4
1 - <ul class="breadcrumb"> 1 + <ul class="breadcrumb" style="margin-bottom:0px;">
2 <li> 2 <li>
3 <a href="javascript:void(0)"> 3 <a href="javascript:void(0)">
4 <h4> 4 <h4>
interface/templates/tema.html
  Diff comments   View file @acc43f4
1 <div class="list-group condensed"> 1 <div class="list-group condensed">
2 <div class="row-content text-left"> 2 <div class="row-content text-left">
3 - <a onclick="{{{onclick}}}" role="button" class="btn btn-default btn-fab btn-fab-max hidden-xs hidden-sm" href="javascript:void(0)"> 3 + <!--
  4 + <a onclick="{{{onclick}}}" role="button" class="btn btn-default btn-fab btn-fab-max hidden-xs hidden-sm" href="javascript:void(0)">
4 <span class="material-icons">visibility</span> 5 <span class="material-icons">visibility</span>
5 </a> 6 </a>
6 - <label class="nomeTema" > 7 + -->
  8 + <label class="nomeTema" style="width:300px;" >
7 <a onclick="{{{onclick}}}" href="javascript:void(0)"><h4> 9 <a onclick="{{{onclick}}}" href="javascript:void(0)"><h4>
8 {{{nome}}} 10 {{{nome}}}
9 - <i style="opacity:0.4;" class="pull-right material-icons">add_circle_outline</i>  
10 </h4></a> 11 </h4></a>
11 <h6>{{{descricao}}} {{{link}}}</h6> 12 <h6>{{{descricao}}} {{{link}}}</h6>
12 </label> 13 </label>
  14 + <a onclick="{{{onclick}}}" role="button" class="hidden-xs" href="javascript:void(0)">
  15 + <i style="opacity:0.4;margin-bottom:10px;margin-top:10px;" class="pull-right material-icons">add_circle_outline</i>
  16 + </a>
13 </div> 17 </div>
14 </div> 18 </div>
15 <hr> 19 <hr>
16 \ No newline at end of file 20 \ No newline at end of file
js/caixaDeFerramentas.js
  Diff comments   View file @acc43f4
@@ -84,7 +84,7 @@ i3GEO.caixaDeFerramentas = { @@ -84,7 +84,7 @@ i3GEO.caixaDeFerramentas = {
84 f = i3GEO.caixaDeFerramentas.config, 84 f = i3GEO.caixaDeFerramentas.config,
85 i,t,data; 85 i,t,data;
86 86
87 - $("#" + f.idOndeMigalha).html("&nbsp;"); 87 + $("#" + f.idOndeMigalha).html("");
88 f.idOndeFolder.html(""); 88 f.idOndeFolder.html("");
89 f.idOndeLinks.html(""); 89 f.idOndeLinks.html("");
90 for (i = 0; i < n; i += 1) { 90 for (i = 0; i < n; i += 1) {
js/compactados/caixaDeFerramentas_compacto.js
  Diff comments   View file @acc43f4
1 -if(typeof(i3GEO)==='undefined'){var i3GEO={}}i3GEO.caixaDeFerramentas={MIGALHA:[],config:{"idOndeFolder":"listaFerramentas","idOndeLinks":"listaFerramentasLinks","idOndeMigalha":"migalhaFerramentas","templateFolder":"templates/ferramentasFolder.html","templateMigalha":"templates/ferramentasMigalha.html","templateLinks":"templates/ferramentasLink.html"},carregaTemplates:function(){var t1=i3GEO.caixaDeFerramentas.config.templateFolder,t2=i3GEO.caixaDeFerramentas.config.templateLinks,t3=i3GEO.caixaDeFerramentas.config.templateMigalha;$.when($.get(t1),$.get(t2),$.get(t3)).done(function(r1,r2,r3){i3GEO.template.ferramentasFolder=r1[0];i3GEO.template.ferramentasLinks=r2[0];i3GEO.template.ferramentasMigalha=r3[0];i3GEO.caixaDeFerramentas.inicia()}).fail(function(){i3GEO.janela.closeMsg($trad("erroTpl"));return})},aguarde:function(){},inicia:function(config){if(config){$.each(config,function(i,v){i3GEO.caixaDeFerramentas.config[i]=v})}i3GEO.caixaDeFerramentas.aguarde();if(!i3GEO.template.ferramentasFolder||!i3GEO.template.ferramentasLinks||!i3GEO.template.ferramentasMigalha){i3GEO.caixaDeFerramentas.carregaTemplates();return}else{i3GEO.caixaDeFerramentas.nivel0()}},migalha:function(data){var f=i3GEO.caixaDeFerramentas.config;var t=Mustache.to_html(i3GEO.template.ferramentasMigalha,{"nome":data.nome});$("#"+f.idOndeMigalha).data(data).html(t).click(function(event){var f=i3GEO.caixaDeFerramentas.config;event.stopImmediatePropagation();$("#"+f.idOndeMigalha).off("click");var data=$(this).data();if((data.nivel-1)==0){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel0();i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}if((data.nivel-1)==1){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel1(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}if((data.nivel-1)==2){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel2(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}})},nivel0:function(){var confm=i3GEO.listaDeFerramentas,subs=i3GEO.listaDeFerramentas.submenus,menu=confm.menu,n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,data;$("#"+f.idOndeMigalha).html("&nbsp;");f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}if(subs[menu[i].id].length>0){t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].nome,"descricao":menu[i].descricao});t=$(t);data={"nivel":1,"nome":menu[i].nome,"id":i,"n0":i,"n1":"","n2":"","n3":""};t.find("a").data(data).click(function(){$(this).find("a").off("click");var data=$(this).data();i3GEO.caixaDeFerramentas.config.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel1(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})});i3GEO.caixaDeFerramentas.config.idOndeFolder.append(t)}}},nivel1:function(data){var confm=i3GEO.listaDeFerramentas,menu=confm.submenus[confm.menu[data.n0].id],n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,datan;f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}datan={"nivel":2,"nome":menu[i].text,"id":menu[i].id,"n0":data.n0,"n1":i,"n2":"","n3":""};if(menu[i].url){t=Mustache.to_html(i3GEO.template.ferramentasLinks,{"nome":menu[i].text,"target":menu[i].target,"url":menu[i].url,"opcional":menu[i].opcional});t=$(t);f.idOndeLinks.append(t)}else{t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].text});t=$(t);t.find("a").data(datan).click(function(){$(this).find("a").off("click");var data=$(this).data();var f=i3GEO.caixaDeFerramentas.config;var t=Mustache.to_html(i3GEO.template.ferramentasMigalha,data);f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel2(data);f.idOndeFolder.show()})});f.idOndeFolder.append(t)}}data.nivel=1;data.nome=confm.menu[data.id].nome;data.n0=data.id;i3GEO.caixaDeFerramentas.migalha(data)},nivel2:function(data){var confm=i3GEO.listaDeFerramentas,menu=confm.submenus[confm.menu[data.n0].id][data.n1].submenu.itemdata[0],n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,datan;f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}datan={"nivel":3,"nome":menu[i].text,"id":menu[i].id,"n0":data.n0,"n1":data.n1,"n2":i,"n3":""};if(menu[i].url){t=Mustache.to_html(i3GEO.template.ferramentasLinks,{"nome":menu[i].text,"target":menu[i].target,"url":menu[i].url,"opcional":menu[i].opcional});t=$(t);f.idOndeLinks.append(t)}else{t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].text});t=$(t);t.find("a").data(datan).click(function(){$(this).find("a").off("click");var data=$(this).data();var t=Mustache.to_html(i3GEO.caixaDeFerramentas.config.templateMigalha,data)});f.idOndeFolder.append(t)}}data.nivel=2;data.id=data.n0;i3GEO.caixaDeFerramentas.migalha(data)}};  
2 \ No newline at end of file 1 \ No newline at end of file
  2 +if(typeof(i3GEO)==='undefined'){var i3GEO={}}i3GEO.caixaDeFerramentas={MIGALHA:[],config:{"idOndeFolder":"listaFerramentas","idOndeLinks":"listaFerramentasLinks","idOndeMigalha":"migalhaFerramentas","templateFolder":"templates/ferramentasFolder.html","templateMigalha":"templates/ferramentasMigalha.html","templateLinks":"templates/ferramentasLink.html"},carregaTemplates:function(){var t1=i3GEO.caixaDeFerramentas.config.templateFolder,t2=i3GEO.caixaDeFerramentas.config.templateLinks,t3=i3GEO.caixaDeFerramentas.config.templateMigalha;$.when($.get(t1),$.get(t2),$.get(t3)).done(function(r1,r2,r3){i3GEO.template.ferramentasFolder=r1[0];i3GEO.template.ferramentasLinks=r2[0];i3GEO.template.ferramentasMigalha=r3[0];i3GEO.caixaDeFerramentas.inicia()}).fail(function(){i3GEO.janela.closeMsg($trad("erroTpl"));return})},aguarde:function(){},inicia:function(config){if(config){$.each(config,function(i,v){i3GEO.caixaDeFerramentas.config[i]=v})}i3GEO.caixaDeFerramentas.aguarde();if(!i3GEO.template.ferramentasFolder||!i3GEO.template.ferramentasLinks||!i3GEO.template.ferramentasMigalha){i3GEO.caixaDeFerramentas.carregaTemplates();return}else{i3GEO.caixaDeFerramentas.nivel0()}},migalha:function(data){var f=i3GEO.caixaDeFerramentas.config;var t=Mustache.to_html(i3GEO.template.ferramentasMigalha,{"nome":data.nome});$("#"+f.idOndeMigalha).data(data).html(t).click(function(event){var f=i3GEO.caixaDeFerramentas.config;event.stopImmediatePropagation();$("#"+f.idOndeMigalha).off("click");var data=$(this).data();if((data.nivel-1)==0){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel0();i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}if((data.nivel-1)==1){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel1(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}if((data.nivel-1)==2){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel2(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}})},nivel0:function(){var confm=i3GEO.listaDeFerramentas,subs=i3GEO.listaDeFerramentas.submenus,menu=confm.menu,n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,data;$("#"+f.idOndeMigalha).html("");f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}if(subs[menu[i].id].length>0){t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].nome,"descricao":menu[i].descricao});t=$(t);data={"nivel":1,"nome":menu[i].nome,"id":i,"n0":i,"n1":"","n2":"","n3":""};t.find("a").data(data).click(function(){$(this).find("a").off("click");var data=$(this).data();i3GEO.caixaDeFerramentas.config.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel1(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})});i3GEO.caixaDeFerramentas.config.idOndeFolder.append(t)}}},nivel1:function(data){var confm=i3GEO.listaDeFerramentas,menu=confm.submenus[confm.menu[data.n0].id],n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,datan;f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}datan={"nivel":2,"nome":menu[i].text,"id":menu[i].id,"n0":data.n0,"n1":i,"n2":"","n3":""};if(menu[i].url){t=Mustache.to_html(i3GEO.template.ferramentasLinks,{"nome":menu[i].text,"target":menu[i].target,"url":menu[i].url,"opcional":menu[i].opcional});t=$(t);f.idOndeLinks.append(t)}else{t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].text});t=$(t);t.find("a").data(datan).click(function(){$(this).find("a").off("click");var data=$(this).data();var f=i3GEO.caixaDeFerramentas.config;var t=Mustache.to_html(i3GEO.template.ferramentasMigalha,data);f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel2(data);f.idOndeFolder.show()})});f.idOndeFolder.append(t)}}data.nivel=1;data.nome=confm.menu[data.id].nome;data.n0=data.id;i3GEO.caixaDeFerramentas.migalha(data)},nivel2:function(data){var confm=i3GEO.listaDeFerramentas,menu=confm.submenus[confm.menu[data.n0].id][data.n1].submenu.itemdata[0],n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,datan;f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}datan={"nivel":3,"nome":menu[i].text,"id":menu[i].id,"n0":data.n0,"n1":data.n1,"n2":i,"n3":""};if(menu[i].url){t=Mustache.to_html(i3GEO.template.ferramentasLinks,{"nome":menu[i].text,"target":menu[i].target,"url":menu[i].url,"opcional":menu[i].opcional});t=$(t);f.idOndeLinks.append(t)}else{t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].text});t=$(t);t.find("a").data(datan).click(function(){$(this).find("a").off("click");var data=$(this).data();var t=Mustache.to_html(i3GEO.caixaDeFerramentas.config.templateMigalha,data)});f.idOndeFolder.append(t)}}data.nivel=2;data.id=data.n0;i3GEO.caixaDeFerramentas.migalha(data)}};
3 \ No newline at end of file 3 \ No newline at end of file
js/i3geo_tudo_compacto7.js
  Diff comments   View file @acc43f4
@@ -319,7 +319,7 @@ if(typeof(i3GEO)===&#39;undefined&#39;){var i3GEO={}}i3GEO.legenda={IDS:[],CAMADAS:&quot;&quot;,ob @@ -319,7 +319,7 @@ if(typeof(i3GEO)===&#39;undefined&#39;){var i3GEO={}}i3GEO.legenda={IDS:[],CAMADAS:&quot;&quot;,ob
319 if(typeof(i3GEO)==='undefined'){var i3GEO={}}i3GEO.busca={PALAVRA:"",BOX:"",SERVICO:"http://mapas.mma.gov.br/webservices/geonames.php",SERVICOWMS:"http://mapas.mma.gov.br/webservices/geonameswms.php",config:{"ondeConteiner":"","inputOndePalavra":"","ondeServicosExternos":"","inputServicosExternos":"","inputTemasMapa":"","ondeTemasMapa":"","inputGoogle":"","ondeGoogle":"","templateTemasMapa":"","templateServico":"","templateGoogle":""},nget:0,carregaTemplates:function(){if(i3GEO.busca.nget==0){i3GEO.busca.nget=2;if(!i3GEO.template.buscaEmTemas){$.get(i3GEO.busca.config.templateTemasMapa,function(template){i3GEO.template.buscaEmTemas=template;i3GEO.busca.nget=i3GEO.busca.nget-1;if(i3GEO.busca.nget==0){i3GEO.busca.inicia()}})}else{i3GEO.busca.nget=i3GEO.busca.nget-1}if(!i3GEO.template.buscaEmServico){$.get(i3GEO.busca.config.templateServico,function(template){i3GEO.template.buscaEmServico=template;i3GEO.busca.nget=i3GEO.busca.nget-1;if(i3GEO.busca.nget==0){i3GEO.busca.inicia()}})}else{i3GEO.busca.nget=i3GEO.busca.nget-1}}},aguarde:function(){return'<div class="alert alert-warning" role="alert">'+$trad("o1")+'</div>'},inicia:function(obj){var palavra="",config=i3GEO.busca.config;if(obj){obj=$(obj);if(obj.attr("data-ondeConteiner")!=undefined){config.ondeConteiner=obj.attr("data-ondeConteiner")}if(obj.attr("data-ondeServicosExternos")!=undefined){config.ondeServicosExternos=obj.attr("data-ondeServicosExternos")}if(obj.attr("data-inputServicosExternos")!=undefined){config.inputServicosExternos=obj.attr("data-inputServicosExternos")}if(obj.attr("data-inputTemasMapa")!=undefined){config.inputTemasMapa=obj.attr("data-inputTemasMapa")}if(obj.attr("data-inputTemasMapa")!=undefined){config.ondeTemasMapa=obj.attr("data-ondeTemasMapa")}if(obj.attr("data-inputGoogle")!=undefined){config.inputGoogle=obj.attr("data-inputGoogle")}if(obj.attr("data-inputGoogle")!=undefined){config.ondeGoogle=obj.attr("data-ondeGoogle")}if(obj.attr("data-inputOndePalavra")!=undefined){config.inputOndePalavra=obj.attr("data-inputOndePalavra")}if(obj.attr("data-templateGoogle")!=undefined){config.templateGoogle=obj.attr("data-templateGoogle")}if(obj.attr("data-templateTemasMapa")!=undefined){config.templateTemasMapa=obj.attr("data-templateTemasMapa")}if(obj.attr("data-templateServico")!=undefined){config.templateServico=obj.attr("data-templateServico")}}if(!i3GEO.template.buscaEmTemas||!i3GEO.template.buscaEmServico){i3GEO.busca.carregaTemplates();return}else{var palavra=$(config.ondeConteiner).find(config.inputOndePalavra).val();if(palavra!=""){i3GEO.busca.PALAVRA=i3GEO.util.removeAcentos(palavra)}else{i3GEO.busca.PALAVRA="";return false}if($(config.ondeConteiner).find(config.inputServicosExternos)[0].checked==true){$(config.ondeConteiner).find(config.ondeServicosExternos).html(i3GEO.busca.aguarde());i3GEO.php.buscaRapida(i3GEO.busca.resultadoServico,i3GEO.configura.locaplic,i3GEO.busca.SERVICO,i3GEO.busca.PALAVRA)}if($(config.ondeConteiner).find(config.inputTemasMapa)[0].checked==true){$(config.ondeConteiner).find(config.inputTemasMapa).html(i3GEO.busca.aguarde());i3GEO.php.buscaRapida(i3GEO.busca.resultadoTemas,i3GEO.configura.locaplic,"temas",i3GEO.busca.PALAVRA)}if($(config.ondeConteiner).find(config.inputGoogle)[0].checked==true){$(config.ondeConteiner).find(config.inputGoogle).html(i3GEO.busca.aguarde());i3GEO.busca.google(i3GEO.busca.PALAVRA)}}},resultadoTemas:function(retorno){var t,config=i3GEO.busca.config;try{if(retorno.data){t=Mustache.to_html("{{#data}}"+i3GEO.template.buscaEmTemas+"{{/data}}",{"data":retorno.data});$(config.ondeConteiner).find(config.ondeTemasMapa).html(t)}}catch(e){$(config.ondeConteiner).find(config.ondeTemasMapa).html("")}},resultadoGoogle:function(retorno){var t,config=i3GEO.busca.config;try{if(retorno.data){t=Mustache.to_html("{{#data}}"+i3GEO.template.buscaEmTemas+"{{/data}}",{"data":retorno.data});$(config.ondeConteiner).find(config.ondeGoogle).html(t)}}catch(e){$(config.ondeConteiner).find(config.ondeGoogle).html("")}},resultadoServico:function(retorno){var t,config=i3GEO.busca.config;try{if(retorno.data){t=Mustache.to_html("{{#data}}"+i3GEO.template.buscaEmServico+"{{/data}}",{"data":retorno.data.geonames});$(config.ondeConteiner).find(config.ondeServicosExternos).html(t)}}catch(e){$(config.ondeConteiner).find(config.ondeServicosExternos).html("")}},google:function(palavra){var geocoder=new google.maps.Geocoder();geocoder.geocode({'address':palavra},function(results,status){if(status==google.maps.GeocoderStatus.OK){if(status!=google.maps.GeocoderStatus.ZERO_RESULTS){if(results){var b,bo,n=results.length,i=0,resultado={"data":[]};for(i=0;i<n;i++){if(results[i]&&results[i].formatted_address&&results[i].geometry&&results[i].geometry.viewport){bo=results[i].geometry.bounds;b=bo.getSouthWest().lng()+" "+bo.getSouthWest().lat()+" "+bo.getNorthEast().lng()+" "+bo.getNorthEast().lat();resultado.data.push({"valor":results[i].formatted_address,"box":b})}}i3GEO.busca.resultadoGoogle(resultado)}}}})},zoom:function(wkt,layer,gid,nm){var adicionaCamada=function(layer,gid,nm,ext){if(i3GEO.Interface.openlayers.googleLike===false){var s=i3GEO.busca.SERVICOWMS+"?gid="+gid+"&";i3GEO.php.adicionaTemaWMS(i3GEO.atualiza,s,layer,"default","EPSG:4618","image/png","1.1.0",nm+" - "+layer,"","nao","",i3GEO.configura.locaplic,i3GEO.configura.sid)}i3GEO.busca.zoomExt(ext)};var ext=i3GEO.util.wkt2ext(wkt,"polygon");if(ext==false){return}i3GEO.php.mudaext(adicionaCamada(layer,gid,nm,ext),i3GEO.configura.tipoimagem,ext,i3GEO.configura.locaplic,i3GEO.configura.sid)},mostraxy:function mostraxy(texto,tipo){var ext,b;if(tipo==="wkt"){ext=i3GEO.util.wkt2ext(texto,"polygon")}else{ext=texto}if(ext==false){return}b=ext.split(" ");if(i3GEO.Interface["ATUAL"]==="openlayers"&&typeof OpenLayers.Control=="undefined"){i3GEO.busca.BOX=false}if(i3GEO.busca.BOX===false){i3GEO.busca.BOX=i3GEO.desenho.addBox(b[0],b[1],b[2],b[3],"boxOndeBusca")}else{i3GEO.busca.BOX=i3GEO.desenho.moveBox(i3GEO.busca.BOX,b[0],b[1],b[2],b[3])}},escondexy:function(){i3GEO.desenho.removeBox("boxOndeBusca")},zoomExt:function(ext){if(i3GEO.Interface.ATUAL=="googlemaps"){i3GEO.Interface.googlemaps.zoom2extent(ext)}if(i3GEO.Interface.ATUAL=="openlayers"){i3GEO.Interface.openlayers.zoom2ext(ext)}}}; 319 if(typeof(i3GEO)==='undefined'){var i3GEO={}}i3GEO.busca={PALAVRA:"",BOX:"",SERVICO:"http://mapas.mma.gov.br/webservices/geonames.php",SERVICOWMS:"http://mapas.mma.gov.br/webservices/geonameswms.php",config:{"ondeConteiner":"","inputOndePalavra":"","ondeServicosExternos":"","inputServicosExternos":"","inputTemasMapa":"","ondeTemasMapa":"","inputGoogle":"","ondeGoogle":"","templateTemasMapa":"","templateServico":"","templateGoogle":""},nget:0,carregaTemplates:function(){if(i3GEO.busca.nget==0){i3GEO.busca.nget=2;if(!i3GEO.template.buscaEmTemas){$.get(i3GEO.busca.config.templateTemasMapa,function(template){i3GEO.template.buscaEmTemas=template;i3GEO.busca.nget=i3GEO.busca.nget-1;if(i3GEO.busca.nget==0){i3GEO.busca.inicia()}})}else{i3GEO.busca.nget=i3GEO.busca.nget-1}if(!i3GEO.template.buscaEmServico){$.get(i3GEO.busca.config.templateServico,function(template){i3GEO.template.buscaEmServico=template;i3GEO.busca.nget=i3GEO.busca.nget-1;if(i3GEO.busca.nget==0){i3GEO.busca.inicia()}})}else{i3GEO.busca.nget=i3GEO.busca.nget-1}}},aguarde:function(){return'<div class="alert alert-warning" role="alert">'+$trad("o1")+'</div>'},inicia:function(obj){var palavra="",config=i3GEO.busca.config;if(obj){obj=$(obj);if(obj.attr("data-ondeConteiner")!=undefined){config.ondeConteiner=obj.attr("data-ondeConteiner")}if(obj.attr("data-ondeServicosExternos")!=undefined){config.ondeServicosExternos=obj.attr("data-ondeServicosExternos")}if(obj.attr("data-inputServicosExternos")!=undefined){config.inputServicosExternos=obj.attr("data-inputServicosExternos")}if(obj.attr("data-inputTemasMapa")!=undefined){config.inputTemasMapa=obj.attr("data-inputTemasMapa")}if(obj.attr("data-inputTemasMapa")!=undefined){config.ondeTemasMapa=obj.attr("data-ondeTemasMapa")}if(obj.attr("data-inputGoogle")!=undefined){config.inputGoogle=obj.attr("data-inputGoogle")}if(obj.attr("data-inputGoogle")!=undefined){config.ondeGoogle=obj.attr("data-ondeGoogle")}if(obj.attr("data-inputOndePalavra")!=undefined){config.inputOndePalavra=obj.attr("data-inputOndePalavra")}if(obj.attr("data-templateGoogle")!=undefined){config.templateGoogle=obj.attr("data-templateGoogle")}if(obj.attr("data-templateTemasMapa")!=undefined){config.templateTemasMapa=obj.attr("data-templateTemasMapa")}if(obj.attr("data-templateServico")!=undefined){config.templateServico=obj.attr("data-templateServico")}}if(!i3GEO.template.buscaEmTemas||!i3GEO.template.buscaEmServico){i3GEO.busca.carregaTemplates();return}else{var palavra=$(config.ondeConteiner).find(config.inputOndePalavra).val();if(palavra!=""){i3GEO.busca.PALAVRA=i3GEO.util.removeAcentos(palavra)}else{i3GEO.busca.PALAVRA="";return false}if($(config.ondeConteiner).find(config.inputServicosExternos)[0].checked==true){$(config.ondeConteiner).find(config.ondeServicosExternos).html(i3GEO.busca.aguarde());i3GEO.php.buscaRapida(i3GEO.busca.resultadoServico,i3GEO.configura.locaplic,i3GEO.busca.SERVICO,i3GEO.busca.PALAVRA)}if($(config.ondeConteiner).find(config.inputTemasMapa)[0].checked==true){$(config.ondeConteiner).find(config.inputTemasMapa).html(i3GEO.busca.aguarde());i3GEO.php.buscaRapida(i3GEO.busca.resultadoTemas,i3GEO.configura.locaplic,"temas",i3GEO.busca.PALAVRA)}if($(config.ondeConteiner).find(config.inputGoogle)[0].checked==true){$(config.ondeConteiner).find(config.inputGoogle).html(i3GEO.busca.aguarde());i3GEO.busca.google(i3GEO.busca.PALAVRA)}}},resultadoTemas:function(retorno){var t,config=i3GEO.busca.config;try{if(retorno.data){t=Mustache.to_html("{{#data}}"+i3GEO.template.buscaEmTemas+"{{/data}}",{"data":retorno.data});$(config.ondeConteiner).find(config.ondeTemasMapa).html(t)}}catch(e){$(config.ondeConteiner).find(config.ondeTemasMapa).html("")}},resultadoGoogle:function(retorno){var t,config=i3GEO.busca.config;try{if(retorno.data){t=Mustache.to_html("{{#data}}"+i3GEO.template.buscaEmTemas+"{{/data}}",{"data":retorno.data});$(config.ondeConteiner).find(config.ondeGoogle).html(t)}}catch(e){$(config.ondeConteiner).find(config.ondeGoogle).html("")}},resultadoServico:function(retorno){var t,config=i3GEO.busca.config;try{if(retorno.data){t=Mustache.to_html("{{#data}}"+i3GEO.template.buscaEmServico+"{{/data}}",{"data":retorno.data.geonames});$(config.ondeConteiner).find(config.ondeServicosExternos).html(t)}}catch(e){$(config.ondeConteiner).find(config.ondeServicosExternos).html("")}},google:function(palavra){var geocoder=new google.maps.Geocoder();geocoder.geocode({'address':palavra},function(results,status){if(status==google.maps.GeocoderStatus.OK){if(status!=google.maps.GeocoderStatus.ZERO_RESULTS){if(results){var b,bo,n=results.length,i=0,resultado={"data":[]};for(i=0;i<n;i++){if(results[i]&&results[i].formatted_address&&results[i].geometry&&results[i].geometry.viewport){bo=results[i].geometry.bounds;b=bo.getSouthWest().lng()+" "+bo.getSouthWest().lat()+" "+bo.getNorthEast().lng()+" "+bo.getNorthEast().lat();resultado.data.push({"valor":results[i].formatted_address,"box":b})}}i3GEO.busca.resultadoGoogle(resultado)}}}})},zoom:function(wkt,layer,gid,nm){var adicionaCamada=function(layer,gid,nm,ext){if(i3GEO.Interface.openlayers.googleLike===false){var s=i3GEO.busca.SERVICOWMS+"?gid="+gid+"&";i3GEO.php.adicionaTemaWMS(i3GEO.atualiza,s,layer,"default","EPSG:4618","image/png","1.1.0",nm+" - "+layer,"","nao","",i3GEO.configura.locaplic,i3GEO.configura.sid)}i3GEO.busca.zoomExt(ext)};var ext=i3GEO.util.wkt2ext(wkt,"polygon");if(ext==false){return}i3GEO.php.mudaext(adicionaCamada(layer,gid,nm,ext),i3GEO.configura.tipoimagem,ext,i3GEO.configura.locaplic,i3GEO.configura.sid)},mostraxy:function mostraxy(texto,tipo){var ext,b;if(tipo==="wkt"){ext=i3GEO.util.wkt2ext(texto,"polygon")}else{ext=texto}if(ext==false){return}b=ext.split(" ");if(i3GEO.Interface["ATUAL"]==="openlayers"&&typeof OpenLayers.Control=="undefined"){i3GEO.busca.BOX=false}if(i3GEO.busca.BOX===false){i3GEO.busca.BOX=i3GEO.desenho.addBox(b[0],b[1],b[2],b[3],"boxOndeBusca")}else{i3GEO.busca.BOX=i3GEO.desenho.moveBox(i3GEO.busca.BOX,b[0],b[1],b[2],b[3])}},escondexy:function(){i3GEO.desenho.removeBox("boxOndeBusca")},zoomExt:function(ext){if(i3GEO.Interface.ATUAL=="googlemaps"){i3GEO.Interface.googlemaps.zoom2extent(ext)}if(i3GEO.Interface.ATUAL=="openlayers"){i3GEO.Interface.openlayers.zoom2ext(ext)}}};
320 // 320 //
321 //compactados/caixaDeFerramentas_compacto.js 321 //compactados/caixaDeFerramentas_compacto.js
322 -if(typeof(i3GEO)==='undefined'){var i3GEO={}}i3GEO.caixaDeFerramentas={MIGALHA:[],config:{"idOndeFolder":"listaFerramentas","idOndeLinks":"listaFerramentasLinks","idOndeMigalha":"migalhaFerramentas","templateFolder":"templates/ferramentasFolder.html","templateMigalha":"templates/ferramentasMigalha.html","templateLinks":"templates/ferramentasLink.html"},carregaTemplates:function(){var t1=i3GEO.caixaDeFerramentas.config.templateFolder,t2=i3GEO.caixaDeFerramentas.config.templateLinks,t3=i3GEO.caixaDeFerramentas.config.templateMigalha;$.when($.get(t1),$.get(t2),$.get(t3)).done(function(r1,r2,r3){i3GEO.template.ferramentasFolder=r1[0];i3GEO.template.ferramentasLinks=r2[0];i3GEO.template.ferramentasMigalha=r3[0];i3GEO.caixaDeFerramentas.inicia()}).fail(function(){i3GEO.janela.closeMsg($trad("erroTpl"));return})},aguarde:function(){},inicia:function(config){if(config){$.each(config,function(i,v){i3GEO.caixaDeFerramentas.config[i]=v})}i3GEO.caixaDeFerramentas.aguarde();if(!i3GEO.template.ferramentasFolder||!i3GEO.template.ferramentasLinks||!i3GEO.template.ferramentasMigalha){i3GEO.caixaDeFerramentas.carregaTemplates();return}else{i3GEO.caixaDeFerramentas.nivel0()}},migalha:function(data){var f=i3GEO.caixaDeFerramentas.config;var t=Mustache.to_html(i3GEO.template.ferramentasMigalha,{"nome":data.nome});$("#"+f.idOndeMigalha).data(data).html(t).click(function(event){var f=i3GEO.caixaDeFerramentas.config;event.stopImmediatePropagation();$("#"+f.idOndeMigalha).off("click");var data=$(this).data();if((data.nivel-1)==0){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel0();i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}if((data.nivel-1)==1){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel1(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}if((data.nivel-1)==2){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel2(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}})},nivel0:function(){var confm=i3GEO.listaDeFerramentas,subs=i3GEO.listaDeFerramentas.submenus,menu=confm.menu,n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,data;$("#"+f.idOndeMigalha).html("&nbsp;");f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}if(subs[menu[i].id].length>0){t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].nome,"descricao":menu[i].descricao});t=$(t);data={"nivel":1,"nome":menu[i].nome,"id":i,"n0":i,"n1":"","n2":"","n3":""};t.find("a").data(data).click(function(){$(this).find("a").off("click");var data=$(this).data();i3GEO.caixaDeFerramentas.config.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel1(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})});i3GEO.caixaDeFerramentas.config.idOndeFolder.append(t)}}},nivel1:function(data){var confm=i3GEO.listaDeFerramentas,menu=confm.submenus[confm.menu[data.n0].id],n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,datan;f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}datan={"nivel":2,"nome":menu[i].text,"id":menu[i].id,"n0":data.n0,"n1":i,"n2":"","n3":""};if(menu[i].url){t=Mustache.to_html(i3GEO.template.ferramentasLinks,{"nome":menu[i].text,"target":menu[i].target,"url":menu[i].url,"opcional":menu[i].opcional});t=$(t);f.idOndeLinks.append(t)}else{t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].text});t=$(t);t.find("a").data(datan).click(function(){$(this).find("a").off("click");var data=$(this).data();var f=i3GEO.caixaDeFerramentas.config;var t=Mustache.to_html(i3GEO.template.ferramentasMigalha,data);f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel2(data);f.idOndeFolder.show()})});f.idOndeFolder.append(t)}}data.nivel=1;data.nome=confm.menu[data.id].nome;data.n0=data.id;i3GEO.caixaDeFerramentas.migalha(data)},nivel2:function(data){var confm=i3GEO.listaDeFerramentas,menu=confm.submenus[confm.menu[data.n0].id][data.n1].submenu.itemdata[0],n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,datan;f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}datan={"nivel":3,"nome":menu[i].text,"id":menu[i].id,"n0":data.n0,"n1":data.n1,"n2":i,"n3":""};if(menu[i].url){t=Mustache.to_html(i3GEO.template.ferramentasLinks,{"nome":menu[i].text,"target":menu[i].target,"url":menu[i].url,"opcional":menu[i].opcional});t=$(t);f.idOndeLinks.append(t)}else{t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].text});t=$(t);t.find("a").data(datan).click(function(){$(this).find("a").off("click");var data=$(this).data();var t=Mustache.to_html(i3GEO.caixaDeFerramentas.config.templateMigalha,data)});f.idOndeFolder.append(t)}}data.nivel=2;data.id=data.n0;i3GEO.caixaDeFerramentas.migalha(data)}}; 322 +if(typeof(i3GEO)==='undefined'){var i3GEO={}}i3GEO.caixaDeFerramentas={MIGALHA:[],config:{"idOndeFolder":"listaFerramentas","idOndeLinks":"listaFerramentasLinks","idOndeMigalha":"migalhaFerramentas","templateFolder":"templates/ferramentasFolder.html","templateMigalha":"templates/ferramentasMigalha.html","templateLinks":"templates/ferramentasLink.html"},carregaTemplates:function(){var t1=i3GEO.caixaDeFerramentas.config.templateFolder,t2=i3GEO.caixaDeFerramentas.config.templateLinks,t3=i3GEO.caixaDeFerramentas.config.templateMigalha;$.when($.get(t1),$.get(t2),$.get(t3)).done(function(r1,r2,r3){i3GEO.template.ferramentasFolder=r1[0];i3GEO.template.ferramentasLinks=r2[0];i3GEO.template.ferramentasMigalha=r3[0];i3GEO.caixaDeFerramentas.inicia()}).fail(function(){i3GEO.janela.closeMsg($trad("erroTpl"));return})},aguarde:function(){},inicia:function(config){if(config){$.each(config,function(i,v){i3GEO.caixaDeFerramentas.config[i]=v})}i3GEO.caixaDeFerramentas.aguarde();if(!i3GEO.template.ferramentasFolder||!i3GEO.template.ferramentasLinks||!i3GEO.template.ferramentasMigalha){i3GEO.caixaDeFerramentas.carregaTemplates();return}else{i3GEO.caixaDeFerramentas.nivel0()}},migalha:function(data){var f=i3GEO.caixaDeFerramentas.config;var t=Mustache.to_html(i3GEO.template.ferramentasMigalha,{"nome":data.nome});$("#"+f.idOndeMigalha).data(data).html(t).click(function(event){var f=i3GEO.caixaDeFerramentas.config;event.stopImmediatePropagation();$("#"+f.idOndeMigalha).off("click");var data=$(this).data();if((data.nivel-1)==0){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel0();i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}if((data.nivel-1)==1){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel1(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}if((data.nivel-1)==2){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel2(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}})},nivel0:function(){var confm=i3GEO.listaDeFerramentas,subs=i3GEO.listaDeFerramentas.submenus,menu=confm.menu,n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,data;$("#"+f.idOndeMigalha).html("");f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}if(subs[menu[i].id].length>0){t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].nome,"descricao":menu[i].descricao});t=$(t);data={"nivel":1,"nome":menu[i].nome,"id":i,"n0":i,"n1":"","n2":"","n3":""};t.find("a").data(data).click(function(){$(this).find("a").off("click");var data=$(this).data();i3GEO.caixaDeFerramentas.config.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel1(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})});i3GEO.caixaDeFerramentas.config.idOndeFolder.append(t)}}},nivel1:function(data){var confm=i3GEO.listaDeFerramentas,menu=confm.submenus[confm.menu[data.n0].id],n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,datan;f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}datan={"nivel":2,"nome":menu[i].text,"id":menu[i].id,"n0":data.n0,"n1":i,"n2":"","n3":""};if(menu[i].url){t=Mustache.to_html(i3GEO.template.ferramentasLinks,{"nome":menu[i].text,"target":menu[i].target,"url":menu[i].url,"opcional":menu[i].opcional});t=$(t);f.idOndeLinks.append(t)}else{t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].text});t=$(t);t.find("a").data(datan).click(function(){$(this).find("a").off("click");var data=$(this).data();var f=i3GEO.caixaDeFerramentas.config;var t=Mustache.to_html(i3GEO.template.ferramentasMigalha,data);f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel2(data);f.idOndeFolder.show()})});f.idOndeFolder.append(t)}}data.nivel=1;data.nome=confm.menu[data.id].nome;data.n0=data.id;i3GEO.caixaDeFerramentas.migalha(data)},nivel2:function(data){var confm=i3GEO.listaDeFerramentas,menu=confm.submenus[confm.menu[data.n0].id][data.n1].submenu.itemdata[0],n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,datan;f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}datan={"nivel":3,"nome":menu[i].text,"id":menu[i].id,"n0":data.n0,"n1":data.n1,"n2":i,"n3":""};if(menu[i].url){t=Mustache.to_html(i3GEO.template.ferramentasLinks,{"nome":menu[i].text,"target":menu[i].target,"url":menu[i].url,"opcional":menu[i].opcional});t=$(t);f.idOndeLinks.append(t)}else{t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].text});t=$(t);t.find("a").data(datan).click(function(){$(this).find("a").off("click");var data=$(this).data();var t=Mustache.to_html(i3GEO.caixaDeFerramentas.config.templateMigalha,data)});f.idOndeFolder.append(t)}}data.nivel=2;data.id=data.n0;i3GEO.caixaDeFerramentas.migalha(data)}};
323 // 323 //
324 //template.js 324 //template.js
325 if (typeof (i3GEO) === 'undefined') { 325 if (typeof (i3GEO) === 'undefined') {
js/i3geo_tudo_compacto7.js.php
  Diff comments   View file @acc43f4
@@ -319,7 +319,7 @@ if(typeof(i3GEO)===&#39;undefined&#39;){var i3GEO={}}i3GEO.legenda={IDS:[],CAMADAS:&quot;&quot;,ob @@ -319,7 +319,7 @@ if(typeof(i3GEO)===&#39;undefined&#39;){var i3GEO={}}i3GEO.legenda={IDS:[],CAMADAS:&quot;&quot;,ob
319 if(typeof(i3GEO)==='undefined'){var i3GEO={}}i3GEO.busca={PALAVRA:"",BOX:"",SERVICO:"http://mapas.mma.gov.br/webservices/geonames.php",SERVICOWMS:"http://mapas.mma.gov.br/webservices/geonameswms.php",config:{"ondeConteiner":"","inputOndePalavra":"","ondeServicosExternos":"","inputServicosExternos":"","inputTemasMapa":"","ondeTemasMapa":"","inputGoogle":"","ondeGoogle":"","templateTemasMapa":"","templateServico":"","templateGoogle":""},nget:0,carregaTemplates:function(){if(i3GEO.busca.nget==0){i3GEO.busca.nget=2;if(!i3GEO.template.buscaEmTemas){$.get(i3GEO.busca.config.templateTemasMapa,function(template){i3GEO.template.buscaEmTemas=template;i3GEO.busca.nget=i3GEO.busca.nget-1;if(i3GEO.busca.nget==0){i3GEO.busca.inicia()}})}else{i3GEO.busca.nget=i3GEO.busca.nget-1}if(!i3GEO.template.buscaEmServico){$.get(i3GEO.busca.config.templateServico,function(template){i3GEO.template.buscaEmServico=template;i3GEO.busca.nget=i3GEO.busca.nget-1;if(i3GEO.busca.nget==0){i3GEO.busca.inicia()}})}else{i3GEO.busca.nget=i3GEO.busca.nget-1}}},aguarde:function(){return'<div class="alert alert-warning" role="alert">'+$trad("o1")+'</div>'},inicia:function(obj){var palavra="",config=i3GEO.busca.config;if(obj){obj=$(obj);if(obj.attr("data-ondeConteiner")!=undefined){config.ondeConteiner=obj.attr("data-ondeConteiner")}if(obj.attr("data-ondeServicosExternos")!=undefined){config.ondeServicosExternos=obj.attr("data-ondeServicosExternos")}if(obj.attr("data-inputServicosExternos")!=undefined){config.inputServicosExternos=obj.attr("data-inputServicosExternos")}if(obj.attr("data-inputTemasMapa")!=undefined){config.inputTemasMapa=obj.attr("data-inputTemasMapa")}if(obj.attr("data-inputTemasMapa")!=undefined){config.ondeTemasMapa=obj.attr("data-ondeTemasMapa")}if(obj.attr("data-inputGoogle")!=undefined){config.inputGoogle=obj.attr("data-inputGoogle")}if(obj.attr("data-inputGoogle")!=undefined){config.ondeGoogle=obj.attr("data-ondeGoogle")}if(obj.attr("data-inputOndePalavra")!=undefined){config.inputOndePalavra=obj.attr("data-inputOndePalavra")}if(obj.attr("data-templateGoogle")!=undefined){config.templateGoogle=obj.attr("data-templateGoogle")}if(obj.attr("data-templateTemasMapa")!=undefined){config.templateTemasMapa=obj.attr("data-templateTemasMapa")}if(obj.attr("data-templateServico")!=undefined){config.templateServico=obj.attr("data-templateServico")}}if(!i3GEO.template.buscaEmTemas||!i3GEO.template.buscaEmServico){i3GEO.busca.carregaTemplates();return}else{var palavra=$(config.ondeConteiner).find(config.inputOndePalavra).val();if(palavra!=""){i3GEO.busca.PALAVRA=i3GEO.util.removeAcentos(palavra)}else{i3GEO.busca.PALAVRA="";return false}if($(config.ondeConteiner).find(config.inputServicosExternos)[0].checked==true){$(config.ondeConteiner).find(config.ondeServicosExternos).html(i3GEO.busca.aguarde());i3GEO.php.buscaRapida(i3GEO.busca.resultadoServico,i3GEO.configura.locaplic,i3GEO.busca.SERVICO,i3GEO.busca.PALAVRA)}if($(config.ondeConteiner).find(config.inputTemasMapa)[0].checked==true){$(config.ondeConteiner).find(config.inputTemasMapa).html(i3GEO.busca.aguarde());i3GEO.php.buscaRapida(i3GEO.busca.resultadoTemas,i3GEO.configura.locaplic,"temas",i3GEO.busca.PALAVRA)}if($(config.ondeConteiner).find(config.inputGoogle)[0].checked==true){$(config.ondeConteiner).find(config.inputGoogle).html(i3GEO.busca.aguarde());i3GEO.busca.google(i3GEO.busca.PALAVRA)}}},resultadoTemas:function(retorno){var t,config=i3GEO.busca.config;try{if(retorno.data){t=Mustache.to_html("{{#data}}"+i3GEO.template.buscaEmTemas+"{{/data}}",{"data":retorno.data});$(config.ondeConteiner).find(config.ondeTemasMapa).html(t)}}catch(e){$(config.ondeConteiner).find(config.ondeTemasMapa).html("")}},resultadoGoogle:function(retorno){var t,config=i3GEO.busca.config;try{if(retorno.data){t=Mustache.to_html("{{#data}}"+i3GEO.template.buscaEmTemas+"{{/data}}",{"data":retorno.data});$(config.ondeConteiner).find(config.ondeGoogle).html(t)}}catch(e){$(config.ondeConteiner).find(config.ondeGoogle).html("")}},resultadoServico:function(retorno){var t,config=i3GEO.busca.config;try{if(retorno.data){t=Mustache.to_html("{{#data}}"+i3GEO.template.buscaEmServico+"{{/data}}",{"data":retorno.data.geonames});$(config.ondeConteiner).find(config.ondeServicosExternos).html(t)}}catch(e){$(config.ondeConteiner).find(config.ondeServicosExternos).html("")}},google:function(palavra){var geocoder=new google.maps.Geocoder();geocoder.geocode({'address':palavra},function(results,status){if(status==google.maps.GeocoderStatus.OK){if(status!=google.maps.GeocoderStatus.ZERO_RESULTS){if(results){var b,bo,n=results.length,i=0,resultado={"data":[]};for(i=0;i<n;i++){if(results[i]&&results[i].formatted_address&&results[i].geometry&&results[i].geometry.viewport){bo=results[i].geometry.bounds;b=bo.getSouthWest().lng()+" "+bo.getSouthWest().lat()+" "+bo.getNorthEast().lng()+" "+bo.getNorthEast().lat();resultado.data.push({"valor":results[i].formatted_address,"box":b})}}i3GEO.busca.resultadoGoogle(resultado)}}}})},zoom:function(wkt,layer,gid,nm){var adicionaCamada=function(layer,gid,nm,ext){if(i3GEO.Interface.openlayers.googleLike===false){var s=i3GEO.busca.SERVICOWMS+"?gid="+gid+"&";i3GEO.php.adicionaTemaWMS(i3GEO.atualiza,s,layer,"default","EPSG:4618","image/png","1.1.0",nm+" - "+layer,"","nao","",i3GEO.configura.locaplic,i3GEO.configura.sid)}i3GEO.busca.zoomExt(ext)};var ext=i3GEO.util.wkt2ext(wkt,"polygon");if(ext==false){return}i3GEO.php.mudaext(adicionaCamada(layer,gid,nm,ext),i3GEO.configura.tipoimagem,ext,i3GEO.configura.locaplic,i3GEO.configura.sid)},mostraxy:function mostraxy(texto,tipo){var ext,b;if(tipo==="wkt"){ext=i3GEO.util.wkt2ext(texto,"polygon")}else{ext=texto}if(ext==false){return}b=ext.split(" ");if(i3GEO.Interface["ATUAL"]==="openlayers"&&typeof OpenLayers.Control=="undefined"){i3GEO.busca.BOX=false}if(i3GEO.busca.BOX===false){i3GEO.busca.BOX=i3GEO.desenho.addBox(b[0],b[1],b[2],b[3],"boxOndeBusca")}else{i3GEO.busca.BOX=i3GEO.desenho.moveBox(i3GEO.busca.BOX,b[0],b[1],b[2],b[3])}},escondexy:function(){i3GEO.desenho.removeBox("boxOndeBusca")},zoomExt:function(ext){if(i3GEO.Interface.ATUAL=="googlemaps"){i3GEO.Interface.googlemaps.zoom2extent(ext)}if(i3GEO.Interface.ATUAL=="openlayers"){i3GEO.Interface.openlayers.zoom2ext(ext)}}}; 319 if(typeof(i3GEO)==='undefined'){var i3GEO={}}i3GEO.busca={PALAVRA:"",BOX:"",SERVICO:"http://mapas.mma.gov.br/webservices/geonames.php",SERVICOWMS:"http://mapas.mma.gov.br/webservices/geonameswms.php",config:{"ondeConteiner":"","inputOndePalavra":"","ondeServicosExternos":"","inputServicosExternos":"","inputTemasMapa":"","ondeTemasMapa":"","inputGoogle":"","ondeGoogle":"","templateTemasMapa":"","templateServico":"","templateGoogle":""},nget:0,carregaTemplates:function(){if(i3GEO.busca.nget==0){i3GEO.busca.nget=2;if(!i3GEO.template.buscaEmTemas){$.get(i3GEO.busca.config.templateTemasMapa,function(template){i3GEO.template.buscaEmTemas=template;i3GEO.busca.nget=i3GEO.busca.nget-1;if(i3GEO.busca.nget==0){i3GEO.busca.inicia()}})}else{i3GEO.busca.nget=i3GEO.busca.nget-1}if(!i3GEO.template.buscaEmServico){$.get(i3GEO.busca.config.templateServico,function(template){i3GEO.template.buscaEmServico=template;i3GEO.busca.nget=i3GEO.busca.nget-1;if(i3GEO.busca.nget==0){i3GEO.busca.inicia()}})}else{i3GEO.busca.nget=i3GEO.busca.nget-1}}},aguarde:function(){return'<div class="alert alert-warning" role="alert">'+$trad("o1")+'</div>'},inicia:function(obj){var palavra="",config=i3GEO.busca.config;if(obj){obj=$(obj);if(obj.attr("data-ondeConteiner")!=undefined){config.ondeConteiner=obj.attr("data-ondeConteiner")}if(obj.attr("data-ondeServicosExternos")!=undefined){config.ondeServicosExternos=obj.attr("data-ondeServicosExternos")}if(obj.attr("data-inputServicosExternos")!=undefined){config.inputServicosExternos=obj.attr("data-inputServicosExternos")}if(obj.attr("data-inputTemasMapa")!=undefined){config.inputTemasMapa=obj.attr("data-inputTemasMapa")}if(obj.attr("data-inputTemasMapa")!=undefined){config.ondeTemasMapa=obj.attr("data-ondeTemasMapa")}if(obj.attr("data-inputGoogle")!=undefined){config.inputGoogle=obj.attr("data-inputGoogle")}if(obj.attr("data-inputGoogle")!=undefined){config.ondeGoogle=obj.attr("data-ondeGoogle")}if(obj.attr("data-inputOndePalavra")!=undefined){config.inputOndePalavra=obj.attr("data-inputOndePalavra")}if(obj.attr("data-templateGoogle")!=undefined){config.templateGoogle=obj.attr("data-templateGoogle")}if(obj.attr("data-templateTemasMapa")!=undefined){config.templateTemasMapa=obj.attr("data-templateTemasMapa")}if(obj.attr("data-templateServico")!=undefined){config.templateServico=obj.attr("data-templateServico")}}if(!i3GEO.template.buscaEmTemas||!i3GEO.template.buscaEmServico){i3GEO.busca.carregaTemplates();return}else{var palavra=$(config.ondeConteiner).find(config.inputOndePalavra).val();if(palavra!=""){i3GEO.busca.PALAVRA=i3GEO.util.removeAcentos(palavra)}else{i3GEO.busca.PALAVRA="";return false}if($(config.ondeConteiner).find(config.inputServicosExternos)[0].checked==true){$(config.ondeConteiner).find(config.ondeServicosExternos).html(i3GEO.busca.aguarde());i3GEO.php.buscaRapida(i3GEO.busca.resultadoServico,i3GEO.configura.locaplic,i3GEO.busca.SERVICO,i3GEO.busca.PALAVRA)}if($(config.ondeConteiner).find(config.inputTemasMapa)[0].checked==true){$(config.ondeConteiner).find(config.inputTemasMapa).html(i3GEO.busca.aguarde());i3GEO.php.buscaRapida(i3GEO.busca.resultadoTemas,i3GEO.configura.locaplic,"temas",i3GEO.busca.PALAVRA)}if($(config.ondeConteiner).find(config.inputGoogle)[0].checked==true){$(config.ondeConteiner).find(config.inputGoogle).html(i3GEO.busca.aguarde());i3GEO.busca.google(i3GEO.busca.PALAVRA)}}},resultadoTemas:function(retorno){var t,config=i3GEO.busca.config;try{if(retorno.data){t=Mustache.to_html("{{#data}}"+i3GEO.template.buscaEmTemas+"{{/data}}",{"data":retorno.data});$(config.ondeConteiner).find(config.ondeTemasMapa).html(t)}}catch(e){$(config.ondeConteiner).find(config.ondeTemasMapa).html("")}},resultadoGoogle:function(retorno){var t,config=i3GEO.busca.config;try{if(retorno.data){t=Mustache.to_html("{{#data}}"+i3GEO.template.buscaEmTemas+"{{/data}}",{"data":retorno.data});$(config.ondeConteiner).find(config.ondeGoogle).html(t)}}catch(e){$(config.ondeConteiner).find(config.ondeGoogle).html("")}},resultadoServico:function(retorno){var t,config=i3GEO.busca.config;try{if(retorno.data){t=Mustache.to_html("{{#data}}"+i3GEO.template.buscaEmServico+"{{/data}}",{"data":retorno.data.geonames});$(config.ondeConteiner).find(config.ondeServicosExternos).html(t)}}catch(e){$(config.ondeConteiner).find(config.ondeServicosExternos).html("")}},google:function(palavra){var geocoder=new google.maps.Geocoder();geocoder.geocode({'address':palavra},function(results,status){if(status==google.maps.GeocoderStatus.OK){if(status!=google.maps.GeocoderStatus.ZERO_RESULTS){if(results){var b,bo,n=results.length,i=0,resultado={"data":[]};for(i=0;i<n;i++){if(results[i]&&results[i].formatted_address&&results[i].geometry&&results[i].geometry.viewport){bo=results[i].geometry.bounds;b=bo.getSouthWest().lng()+" "+bo.getSouthWest().lat()+" "+bo.getNorthEast().lng()+" "+bo.getNorthEast().lat();resultado.data.push({"valor":results[i].formatted_address,"box":b})}}i3GEO.busca.resultadoGoogle(resultado)}}}})},zoom:function(wkt,layer,gid,nm){var adicionaCamada=function(layer,gid,nm,ext){if(i3GEO.Interface.openlayers.googleLike===false){var s=i3GEO.busca.SERVICOWMS+"?gid="+gid+"&";i3GEO.php.adicionaTemaWMS(i3GEO.atualiza,s,layer,"default","EPSG:4618","image/png","1.1.0",nm+" - "+layer,"","nao","",i3GEO.configura.locaplic,i3GEO.configura.sid)}i3GEO.busca.zoomExt(ext)};var ext=i3GEO.util.wkt2ext(wkt,"polygon");if(ext==false){return}i3GEO.php.mudaext(adicionaCamada(layer,gid,nm,ext),i3GEO.configura.tipoimagem,ext,i3GEO.configura.locaplic,i3GEO.configura.sid)},mostraxy:function mostraxy(texto,tipo){var ext,b;if(tipo==="wkt"){ext=i3GEO.util.wkt2ext(texto,"polygon")}else{ext=texto}if(ext==false){return}b=ext.split(" ");if(i3GEO.Interface["ATUAL"]==="openlayers"&&typeof OpenLayers.Control=="undefined"){i3GEO.busca.BOX=false}if(i3GEO.busca.BOX===false){i3GEO.busca.BOX=i3GEO.desenho.addBox(b[0],b[1],b[2],b[3],"boxOndeBusca")}else{i3GEO.busca.BOX=i3GEO.desenho.moveBox(i3GEO.busca.BOX,b[0],b[1],b[2],b[3])}},escondexy:function(){i3GEO.desenho.removeBox("boxOndeBusca")},zoomExt:function(ext){if(i3GEO.Interface.ATUAL=="googlemaps"){i3GEO.Interface.googlemaps.zoom2extent(ext)}if(i3GEO.Interface.ATUAL=="openlayers"){i3GEO.Interface.openlayers.zoom2ext(ext)}}};
320 // 320 //
321 //compactados/caixaDeFerramentas_compacto.js 321 //compactados/caixaDeFerramentas_compacto.js
322 -if(typeof(i3GEO)==='undefined'){var i3GEO={}}i3GEO.caixaDeFerramentas={MIGALHA:[],config:{"idOndeFolder":"listaFerramentas","idOndeLinks":"listaFerramentasLinks","idOndeMigalha":"migalhaFerramentas","templateFolder":"templates/ferramentasFolder.html","templateMigalha":"templates/ferramentasMigalha.html","templateLinks":"templates/ferramentasLink.html"},carregaTemplates:function(){var t1=i3GEO.caixaDeFerramentas.config.templateFolder,t2=i3GEO.caixaDeFerramentas.config.templateLinks,t3=i3GEO.caixaDeFerramentas.config.templateMigalha;$.when($.get(t1),$.get(t2),$.get(t3)).done(function(r1,r2,r3){i3GEO.template.ferramentasFolder=r1[0];i3GEO.template.ferramentasLinks=r2[0];i3GEO.template.ferramentasMigalha=r3[0];i3GEO.caixaDeFerramentas.inicia()}).fail(function(){i3GEO.janela.closeMsg($trad("erroTpl"));return})},aguarde:function(){},inicia:function(config){if(config){$.each(config,function(i,v){i3GEO.caixaDeFerramentas.config[i]=v})}i3GEO.caixaDeFerramentas.aguarde();if(!i3GEO.template.ferramentasFolder||!i3GEO.template.ferramentasLinks||!i3GEO.template.ferramentasMigalha){i3GEO.caixaDeFerramentas.carregaTemplates();return}else{i3GEO.caixaDeFerramentas.nivel0()}},migalha:function(data){var f=i3GEO.caixaDeFerramentas.config;var t=Mustache.to_html(i3GEO.template.ferramentasMigalha,{"nome":data.nome});$("#"+f.idOndeMigalha).data(data).html(t).click(function(event){var f=i3GEO.caixaDeFerramentas.config;event.stopImmediatePropagation();$("#"+f.idOndeMigalha).off("click");var data=$(this).data();if((data.nivel-1)==0){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel0();i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}if((data.nivel-1)==1){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel1(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}if((data.nivel-1)==2){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel2(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}})},nivel0:function(){var confm=i3GEO.listaDeFerramentas,subs=i3GEO.listaDeFerramentas.submenus,menu=confm.menu,n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,data;$("#"+f.idOndeMigalha).html("&nbsp;");f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}if(subs[menu[i].id].length>0){t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].nome,"descricao":menu[i].descricao});t=$(t);data={"nivel":1,"nome":menu[i].nome,"id":i,"n0":i,"n1":"","n2":"","n3":""};t.find("a").data(data).click(function(){$(this).find("a").off("click");var data=$(this).data();i3GEO.caixaDeFerramentas.config.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel1(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})});i3GEO.caixaDeFerramentas.config.idOndeFolder.append(t)}}},nivel1:function(data){var confm=i3GEO.listaDeFerramentas,menu=confm.submenus[confm.menu[data.n0].id],n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,datan;f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}datan={"nivel":2,"nome":menu[i].text,"id":menu[i].id,"n0":data.n0,"n1":i,"n2":"","n3":""};if(menu[i].url){t=Mustache.to_html(i3GEO.template.ferramentasLinks,{"nome":menu[i].text,"target":menu[i].target,"url":menu[i].url,"opcional":menu[i].opcional});t=$(t);f.idOndeLinks.append(t)}else{t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].text});t=$(t);t.find("a").data(datan).click(function(){$(this).find("a").off("click");var data=$(this).data();var f=i3GEO.caixaDeFerramentas.config;var t=Mustache.to_html(i3GEO.template.ferramentasMigalha,data);f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel2(data);f.idOndeFolder.show()})});f.idOndeFolder.append(t)}}data.nivel=1;data.nome=confm.menu[data.id].nome;data.n0=data.id;i3GEO.caixaDeFerramentas.migalha(data)},nivel2:function(data){var confm=i3GEO.listaDeFerramentas,menu=confm.submenus[confm.menu[data.n0].id][data.n1].submenu.itemdata[0],n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,datan;f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}datan={"nivel":3,"nome":menu[i].text,"id":menu[i].id,"n0":data.n0,"n1":data.n1,"n2":i,"n3":""};if(menu[i].url){t=Mustache.to_html(i3GEO.template.ferramentasLinks,{"nome":menu[i].text,"target":menu[i].target,"url":menu[i].url,"opcional":menu[i].opcional});t=$(t);f.idOndeLinks.append(t)}else{t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].text});t=$(t);t.find("a").data(datan).click(function(){$(this).find("a").off("click");var data=$(this).data();var t=Mustache.to_html(i3GEO.caixaDeFerramentas.config.templateMigalha,data)});f.idOndeFolder.append(t)}}data.nivel=2;data.id=data.n0;i3GEO.caixaDeFerramentas.migalha(data)}}; 322 +if(typeof(i3GEO)==='undefined'){var i3GEO={}}i3GEO.caixaDeFerramentas={MIGALHA:[],config:{"idOndeFolder":"listaFerramentas","idOndeLinks":"listaFerramentasLinks","idOndeMigalha":"migalhaFerramentas","templateFolder":"templates/ferramentasFolder.html","templateMigalha":"templates/ferramentasMigalha.html","templateLinks":"templates/ferramentasLink.html"},carregaTemplates:function(){var t1=i3GEO.caixaDeFerramentas.config.templateFolder,t2=i3GEO.caixaDeFerramentas.config.templateLinks,t3=i3GEO.caixaDeFerramentas.config.templateMigalha;$.when($.get(t1),$.get(t2),$.get(t3)).done(function(r1,r2,r3){i3GEO.template.ferramentasFolder=r1[0];i3GEO.template.ferramentasLinks=r2[0];i3GEO.template.ferramentasMigalha=r3[0];i3GEO.caixaDeFerramentas.inicia()}).fail(function(){i3GEO.janela.closeMsg($trad("erroTpl"));return})},aguarde:function(){},inicia:function(config){if(config){$.each(config,function(i,v){i3GEO.caixaDeFerramentas.config[i]=v})}i3GEO.caixaDeFerramentas.aguarde();if(!i3GEO.template.ferramentasFolder||!i3GEO.template.ferramentasLinks||!i3GEO.template.ferramentasMigalha){i3GEO.caixaDeFerramentas.carregaTemplates();return}else{i3GEO.caixaDeFerramentas.nivel0()}},migalha:function(data){var f=i3GEO.caixaDeFerramentas.config;var t=Mustache.to_html(i3GEO.template.ferramentasMigalha,{"nome":data.nome});$("#"+f.idOndeMigalha).data(data).html(t).click(function(event){var f=i3GEO.caixaDeFerramentas.config;event.stopImmediatePropagation();$("#"+f.idOndeMigalha).off("click");var data=$(this).data();if((data.nivel-1)==0){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel0();i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}if((data.nivel-1)==1){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel1(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}if((data.nivel-1)==2){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel2(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}})},nivel0:function(){var confm=i3GEO.listaDeFerramentas,subs=i3GEO.listaDeFerramentas.submenus,menu=confm.menu,n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,data;$("#"+f.idOndeMigalha).html("");f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}if(subs[menu[i].id].length>0){t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].nome,"descricao":menu[i].descricao});t=$(t);data={"nivel":1,"nome":menu[i].nome,"id":i,"n0":i,"n1":"","n2":"","n3":""};t.find("a").data(data).click(function(){$(this).find("a").off("click");var data=$(this).data();i3GEO.caixaDeFerramentas.config.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel1(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})});i3GEO.caixaDeFerramentas.config.idOndeFolder.append(t)}}},nivel1:function(data){var confm=i3GEO.listaDeFerramentas,menu=confm.submenus[confm.menu[data.n0].id],n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,datan;f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}datan={"nivel":2,"nome":menu[i].text,"id":menu[i].id,"n0":data.n0,"n1":i,"n2":"","n3":""};if(menu[i].url){t=Mustache.to_html(i3GEO.template.ferramentasLinks,{"nome":menu[i].text,"target":menu[i].target,"url":menu[i].url,"opcional":menu[i].opcional});t=$(t);f.idOndeLinks.append(t)}else{t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].text});t=$(t);t.find("a").data(datan).click(function(){$(this).find("a").off("click");var data=$(this).data();var f=i3GEO.caixaDeFerramentas.config;var t=Mustache.to_html(i3GEO.template.ferramentasMigalha,data);f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel2(data);f.idOndeFolder.show()})});f.idOndeFolder.append(t)}}data.nivel=1;data.nome=confm.menu[data.id].nome;data.n0=data.id;i3GEO.caixaDeFerramentas.migalha(data)},nivel2:function(data){var confm=i3GEO.listaDeFerramentas,menu=confm.submenus[confm.menu[data.n0].id][data.n1].submenu.itemdata[0],n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,datan;f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}datan={"nivel":3,"nome":menu[i].text,"id":menu[i].id,"n0":data.n0,"n1":data.n1,"n2":i,"n3":""};if(menu[i].url){t=Mustache.to_html(i3GEO.template.ferramentasLinks,{"nome":menu[i].text,"target":menu[i].target,"url":menu[i].url,"opcional":menu[i].opcional});t=$(t);f.idOndeLinks.append(t)}else{t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].text});t=$(t);t.find("a").data(datan).click(function(){$(this).find("a").off("click");var data=$(this).data();var t=Mustache.to_html(i3GEO.caixaDeFerramentas.config.templateMigalha,data)});f.idOndeFolder.append(t)}}data.nivel=2;data.id=data.n0;i3GEO.caixaDeFerramentas.migalha(data)}};
323 // 323 //
324 //template.js 324 //template.js
325 if (typeof (i3GEO) === 'undefined') { 325 if (typeof (i3GEO) === 'undefined') {