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 306 z-index: 10000;
307 307 }
308 308 .guiaOverflow{
309   - padding-left: 10px;
  309 + padding-left: 0px;
310 310 }
311 311 #i3GEOguiaMovelConteudo {
312 312 /*width:355px;*/
... ... @@ -374,7 +374,7 @@ hr {
374 374 }
375 375 /*utilizado para nao sobrepor com o icone de fechar guias, que e fixed*/
376 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 135 <!-- botoes laterais que abrem guias moveis -->
136 136 <div id="i3GEOguiaMovel">
137 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 140 <div class="iconesGuiaMovel ol-control" data-traduzir="true">
141 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 146 <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
147 147 <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
148 148 <i class="material-icons">business_center</i>
149 149 </button>
150 150 </div>
151 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 158 <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas"
159 159 style="margin-top: 3px;">
160 160 <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
... ... @@ -162,14 +162,14 @@
162 162 </button>
163 163 </div>
164 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 173 <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal"
174 174 data-idMenus="catalogoMenus" style="margin-top: 3px;">
175 175 <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
... ... @@ -199,12 +199,12 @@
199 199 </button>
200 200 </div>
201 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 208 </div>
209 209 <!-- veja i3GEO.guias.CONFIGURA -->
210 210 <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
... ... @@ -212,14 +212,14 @@
212 212 <div id="i3GEOguiaMovelMolde">
213 213 <div id="i3GEOguiaMovelConteudo">
214 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 216 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
217 217 <button>
218 218 <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
219 219 </button>
220 220 </div>
221 221 <div class="separadorCabecalhoGuias">&nbsp;</div>
222   - <div class="guiaOverflow">
  222 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
223 223 <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
224 224 <label>{{{opcoes}}}</label>
225 225 </div>
... ... @@ -256,10 +256,10 @@
256 256 <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
257 257 <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div>
258 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 263 <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
264 264 <label>{{{camadasDeFundo}}}</label>
265 265 </div>
... ... @@ -272,16 +272,17 @@
272 272 </div>
273 273 </div>
274 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 276 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
277 277 <button>
278 278 <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
279 279 </button>
280 280 </div>
281 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 285 <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
284   - <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>
285 286 <div id="catalogoNavegacao"></div>
286 287 <!-- Opcoes -->
287 288 <div id="catalogoPrincipal">
... ... @@ -327,158 +328,169 @@
327 328  
328 329 <hr>
329 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 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 350 <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
350 351  
351 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 369 <!-- servicos da INDE brasileira -->
369 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 378 </a>
378 379 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
379 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 384 </div>
381 385 </div>
382 386 <hr>
383 387 <!-- lista de wms cadastrados no sistema de administracao -->
384 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 396 </a>
393 397 <h6>{{{descOgcWms}}}</h6>
394 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 402 </div>
396 403 </div>
397 404 <hr>
398 405 <!-- regioes cadastradas no sistema de metadados -->
399 406 <div class="list-group condensed">
400 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 414 </a>
408 415 <h6>{{{descLimLoc}}}</h6>
409 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 420 </div>
411 421 </div>
412 422 <hr>
413 423 <!-- camadas que vem do sistema de metadados estatisticos -->
414 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 432 </a>
423 433 <h6>{{{descMeta}}}</h6>
424 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 438 </div>
426 439 </div>
427 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 441 <!-- camadas por estrelas -->
439 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 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 451 </a>
450 452 <h6>{{{descEstrelas}}}</h6>
451 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 457 </div>
453 458 </div>
454 459 <hr>
455 460 <!-- sistemas que adicionam camadas -->
456 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 469 </a>
465 470 <h6>{{{descSistemas}}}</h6>
466 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 476 </div>
468 477 </div>
469 478 <hr>
470 479 <!-- navegacao em diretorios -->
471 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 488 </a>
480 489 <h6>{{{descDir}}}</h6>
481 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 494 </div>
483 495 </div>
484 496 <hr>
... ... @@ -486,31 +498,31 @@
486 498 </div>
487 499 </div>
488 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 502 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
491 503 <button>
492 504 <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
493 505 </button>
494 506 </div>
495 507 <div class="separadorCabecalhoGuias">&nbsp;</div>
496   - <div class="guiaOverflow">
  508 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
497 509 <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a>
498 510 <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
499 511 </div>
500 512 </div>
501 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 519 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
508 520 <button>
509 521 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
510 522 </button>
511 523 </div>
512 524 <div class="separadorCabecalhoGuias">&nbsp;</div>
513   - <div class="guiaOverflow">
  525 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
514 526 <form onSubmit="return false;">
515 527 <div class="form-group label-floating">
516 528 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
... ... @@ -541,15 +553,15 @@
541 553 </div>
542 554 </div>
543 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 565 </div>
554 566 </form>
555 567 <hr>
... ... @@ -560,34 +572,34 @@
560 572 </div>
561 573 </div>
562 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 576 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
565 577 <button>
566 578 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
567 579 </button>
568 580 </div>
569 581 <div class="separadorCabecalhoGuias">&nbsp;</div>
570   - <div class="guiaOverflow">
  582 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
571 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 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 586 <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">
575 587 </a>
576 588 <h6>{{{d21at}}}</h6>
577 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 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 592 <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">
581 593 </a>
582 594 <h6>{{{d21t}}}</h6>
583 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 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 598 <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">
587 599 </a>
588 600 <h6>{{{d24t}}}</h6>
589 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 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 604 <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">
593 605 </a>
... ... @@ -604,7 +616,8 @@
604 616 </div>
605 617 </div>
606 618 </div>
607   - <!-- para mostrar o banner de abertura -->
  619 +
  620 + <!-- para mostrar o banner de abertura -->
608 621 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
609 622 <div>
610 623 <table>
... ...
interface/gm.phtml
  Diff comments   View file @acc43f4
... ... @@ -225,14 +225,14 @@ include (&quot;../ms_configura.php&quot;);
225 225 <div id="i3GEOguiaMovelMolde">
226 226 <div id="i3GEOguiaMovelConteudo">
227 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 229 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
230 230 <button>
231 231 <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
232 232 </button>
233 233 </div>
234 234 <div class="separadorCabecalhoGuias">&nbsp;</div>
235   - <div class="guiaOverflow">
  235 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
236 236 <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
237 237 <label>{{{opcoes}}}</label>
238 238 </div>
... ... @@ -285,16 +285,17 @@ include (&quot;../ms_configura.php&quot;);
285 285 </div>
286 286 </div>
287 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 289 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
290 290 <button>
291 291 <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
292 292 </button>
293 293 </div>
294 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 298 <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
297   - <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>
298 299 <div id="catalogoNavegacao"></div>
299 300 <!-- Opcoes -->
300 301 <div id="catalogoPrincipal">
... ... @@ -380,118 +381,129 @@ include (&quot;../ms_configura.php&quot;);
380 381  
381 382 <!-- servicos da INDE brasileira -->
382 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 391 </a>
391 392 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
392 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 397 </div>
394 398 </div>
395 399 <hr>
396 400 <!-- lista de wms cadastrados no sistema de administracao -->
397 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 409 </a>
406 410 <h6>{{{descOgcWms}}}</h6>
407 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 415 </div>
409 416 </div>
410 417 <hr>
411 418 <!-- regioes cadastradas no sistema de metadados -->
412 419 <div class="list-group condensed">
413 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 427 </a>
421 428 <h6>{{{descLimLoc}}}</h6>
422 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 433 </div>
424 434 </div>
425 435 <hr>
426 436 <!-- camadas que vem do sistema de metadados estatisticos -->
427 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 445 </a>
436 446 <h6>{{{descMeta}}}</h6>
437 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 451 </div>
439 452 </div>
440 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 454 <!-- camadas por estrelas -->
452 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 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 464 </a>
463 465 <h6>{{{descEstrelas}}}</h6>
464 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 470 </div>
466 471 </div>
467 472 <hr>
468 473 <!-- sistemas que adicionam camadas -->
469 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 482 </a>
478 483 <h6>{{{descSistemas}}}</h6>
479 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 489 </div>
481 490 </div>
482 491 <hr>
483 492 <!-- navegacao em diretorios -->
484 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 501 </a>
493 502 <h6>{{{descDir}}}</h6>
494 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 507 </div>
496 508 </div>
497 509 <hr>
... ... @@ -499,14 +511,14 @@ include (&quot;../ms_configura.php&quot;);
499 511 </div>
500 512 </div>
501 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 515 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
504 516 <button>
505 517 <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
506 518 </button>
507 519 </div>
508 520 <div class="separadorCabecalhoGuias">&nbsp;</div>
509   - <div class="guiaOverflow">
  521 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
510 522 <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a>
511 523 <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
512 524 </div>
... ... @@ -516,14 +528,14 @@ include (&quot;../ms_configura.php&quot;);
516 528 No botao que dispara a busca, ficam os parametros de configuracao
517 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 532 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
521 533 <button>
522 534 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
523 535 </button>
524 536 </div>
525 537 <div class="separadorCabecalhoGuias">&nbsp;</div>
526   - <div class="guiaOverflow">
  538 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
527 539 <form onSubmit="return false;">
528 540 <div class="form-group label-floating">
529 541 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
... ... @@ -573,34 +585,34 @@ include (&quot;../ms_configura.php&quot;);
573 585 </div>
574 586 </div>
575 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 589 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
578 590 <button>
579 591 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
580 592 </button>
581 593 </div>
582 594 <div class="separadorCabecalhoGuias">&nbsp;</div>
583   - <div class="guiaOverflow">
  595 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
584 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 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 599 <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">
588 600 </a>
589 601 <h6>{{{d21at}}}</h6>
590 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 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 605 <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">
594 606 </a>
595 607 <h6>{{{d21t}}}</h6>
596 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 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 611 <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">
600 612 </a>
601 613 <h6>{{{d24t}}}</h6>
602 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 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 617 <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">
606 618 </a>
... ... @@ -617,6 +629,7 @@ include (&quot;../ms_configura.php&quot;);
617 629 </div>
618 630 </div>
619 631 </div>
  632 +
620 633 <!-- para mostrar o banner de abertura -->
621 634 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
622 635 <div>
... ...
interface/gmdebug.phtml
  Diff comments   View file @acc43f4
... ... @@ -148,26 +148,26 @@ include (&quot;../ms_configura.php&quot;);
148 148 <!-- botoes laterais que abrem guias moveis -->
149 149 <div id="i3GEOguiaMovel">
150 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 153 <div class="iconesGuiaMovel ol-control" data-traduzir="true">
154 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 159 <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
160 160 <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
161 161 <i class="material-icons">business_center</i>
162 162 </button>
163 163 </div>
164 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 171 <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas"
172 172 style="margin-top: 3px;">
173 173 <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
... ... @@ -175,14 +175,14 @@ include (&quot;../ms_configura.php&quot;);
175 175 </button>
176 176 </div>
177 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 186 <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal"
187 187 data-idMenus="catalogoMenus" style="margin-top: 3px;">
188 188 <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
... ... @@ -212,12 +212,12 @@ include (&quot;../ms_configura.php&quot;);
212 212 </button>
213 213 </div>
214 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 221 </div>
222 222 <!-- veja i3GEO.guias.CONFIGURA -->
223 223 <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
... ... @@ -225,14 +225,14 @@ include (&quot;../ms_configura.php&quot;);
225 225 <div id="i3GEOguiaMovelMolde">
226 226 <div id="i3GEOguiaMovelConteudo">
227 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 229 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
230 230 <button>
231 231 <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
232 232 </button>
233 233 </div>
234 234 <div class="separadorCabecalhoGuias">&nbsp;</div>
235   - <div class="guiaOverflow">
  235 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
236 236 <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
237 237 <label>{{{opcoes}}}</label>
238 238 </div>
... ... @@ -269,10 +269,10 @@ include (&quot;../ms_configura.php&quot;);
269 269 <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
270 270 <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div>
271 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 276 <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
277 277 <label>{{{camadasDeFundo}}}</label>
278 278 </div>
... ... @@ -285,16 +285,17 @@ include (&quot;../ms_configura.php&quot;);
285 285 </div>
286 286 </div>
287 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 289 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
290 290 <button>
291 291 <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
292 292 </button>
293 293 </div>
294 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 298 <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
297   - <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>
298 299 <div id="catalogoNavegacao"></div>
299 300 <!-- Opcoes -->
300 301 <div id="catalogoPrincipal">
... ... @@ -340,158 +341,169 @@ include (&quot;../ms_configura.php&quot;);
340 341  
341 342 <hr>
342 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 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 363 <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
363 364  
364 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 382 <!-- servicos da INDE brasileira -->
382 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 391 </a>
391 392 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
392 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 397 </div>
394 398 </div>
395 399 <hr>
396 400 <!-- lista de wms cadastrados no sistema de administracao -->
397 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 409 </a>
406 410 <h6>{{{descOgcWms}}}</h6>
407 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 415 </div>
409 416 </div>
410 417 <hr>
411 418 <!-- regioes cadastradas no sistema de metadados -->
412 419 <div class="list-group condensed">
413 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 427 </a>
421 428 <h6>{{{descLimLoc}}}</h6>
422 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 433 </div>
424 434 </div>
425 435 <hr>
426 436 <!-- camadas que vem do sistema de metadados estatisticos -->
427 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 445 </a>
436 446 <h6>{{{descMeta}}}</h6>
437 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 451 </div>
439 452 </div>
440 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 454 <!-- camadas por estrelas -->
452 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 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 464 </a>
463 465 <h6>{{{descEstrelas}}}</h6>
464 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 470 </div>
466 471 </div>
467 472 <hr>
468 473 <!-- sistemas que adicionam camadas -->
469 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 482 </a>
478 483 <h6>{{{descSistemas}}}</h6>
479 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 489 </div>
481 490 </div>
482 491 <hr>
483 492 <!-- navegacao em diretorios -->
484 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 501 </a>
493 502 <h6>{{{descDir}}}</h6>
494 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 507 </div>
496 508 </div>
497 509 <hr>
... ... @@ -499,31 +511,31 @@ include (&quot;../ms_configura.php&quot;);
499 511 </div>
500 512 </div>
501 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 515 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
504 516 <button>
505 517 <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
506 518 </button>
507 519 </div>
508 520 <div class="separadorCabecalhoGuias">&nbsp;</div>
509   - <div class="guiaOverflow">
  521 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
510 522 <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a>
511 523 <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
512 524 </div>
513 525 </div>
514 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 532 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
521 533 <button>
522 534 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
523 535 </button>
524 536 </div>
525 537 <div class="separadorCabecalhoGuias">&nbsp;</div>
526   - <div class="guiaOverflow">
  538 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
527 539 <form onSubmit="return false;">
528 540 <div class="form-group label-floating">
529 541 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
... ... @@ -554,15 +566,15 @@ include (&quot;../ms_configura.php&quot;);
554 566 </div>
555 567 </div>
556 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 578 </div>
567 579 </form>
568 580 <hr>
... ... @@ -573,34 +585,34 @@ include (&quot;../ms_configura.php&quot;);
573 585 </div>
574 586 </div>
575 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 589 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
578 590 <button>
579 591 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
580 592 </button>
581 593 </div>
582 594 <div class="separadorCabecalhoGuias">&nbsp;</div>
583   - <div class="guiaOverflow">
  595 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
584 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 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 599 <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">
588 600 </a>
589 601 <h6>{{{d21at}}}</h6>
590 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 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 605 <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">
594 606 </a>
595 607 <h6>{{{d21t}}}</h6>
596 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 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 611 <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">
600 612 </a>
601 613 <h6>{{{d24t}}}</h6>
602 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 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 617 <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">
606 618 </a>
... ... @@ -617,6 +629,7 @@ include (&quot;../ms_configura.php&quot;);
617 629 </div>
618 630 </div>
619 631 </div>
  632 +
620 633 <!-- para mostrar o banner de abertura -->
621 634 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
622 635 <div>
... ...
interface/googlemaps_noite.phtml
  Diff comments   View file @acc43f4
... ... @@ -148,26 +148,26 @@ include (&quot;../ms_configura.php&quot;);
148 148 <!-- botoes laterais que abrem guias moveis -->
149 149 <div id="i3GEOguiaMovel">
150 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 153 <div class="iconesGuiaMovel ol-control" data-traduzir="true">
154 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 159 <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
160 160 <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
161 161 <i class="material-icons">business_center</i>
162 162 </button>
163 163 </div>
164 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 171 <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas"
172 172 style="margin-top: 3px;">
173 173 <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
... ... @@ -175,14 +175,14 @@ include (&quot;../ms_configura.php&quot;);
175 175 </button>
176 176 </div>
177 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 186 <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal"
187 187 data-idMenus="catalogoMenus" style="margin-top: 3px;">
188 188 <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
... ... @@ -212,12 +212,12 @@ include (&quot;../ms_configura.php&quot;);
212 212 </button>
213 213 </div>
214 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 221 </div>
222 222 <!-- veja i3GEO.guias.CONFIGURA -->
223 223 <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
... ... @@ -225,14 +225,14 @@ include (&quot;../ms_configura.php&quot;);
225 225 <div id="i3GEOguiaMovelMolde">
226 226 <div id="i3GEOguiaMovelConteudo">
227 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 229 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
230 230 <button>
231 231 <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
232 232 </button>
233 233 </div>
234 234 <div class="separadorCabecalhoGuias">&nbsp;</div>
235   - <div class="guiaOverflow">
  235 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
236 236 <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
237 237 <label>{{{opcoes}}}</label>
238 238 </div>
... ... @@ -269,10 +269,10 @@ include (&quot;../ms_configura.php&quot;);
269 269 <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
270 270 <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div>
271 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 276 <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
277 277 <label>{{{camadasDeFundo}}}</label>
278 278 </div>
... ... @@ -285,16 +285,17 @@ include (&quot;../ms_configura.php&quot;);
285 285 </div>
286 286 </div>
287 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 289 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
290 290 <button>
291 291 <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
292 292 </button>
293 293 </div>
294 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 298 <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
297   - <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>
298 299 <div id="catalogoNavegacao"></div>
299 300 <!-- Opcoes -->
300 301 <div id="catalogoPrincipal">
... ... @@ -340,158 +341,169 @@ include (&quot;../ms_configura.php&quot;);
340 341  
341 342 <hr>
342 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 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 363 <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
363 364  
364 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 382 <!-- servicos da INDE brasileira -->
382 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 391 </a>
391 392 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
392 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 397 </div>
394 398 </div>
395 399 <hr>
396 400 <!-- lista de wms cadastrados no sistema de administracao -->
397 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 409 </a>
406 410 <h6>{{{descOgcWms}}}</h6>
407 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 415 </div>
409 416 </div>
410 417 <hr>
411 418 <!-- regioes cadastradas no sistema de metadados -->
412 419 <div class="list-group condensed">
413 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 427 </a>
421 428 <h6>{{{descLimLoc}}}</h6>
422 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 433 </div>
424 434 </div>
425 435 <hr>
426 436 <!-- camadas que vem do sistema de metadados estatisticos -->
427 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 445 </a>
436 446 <h6>{{{descMeta}}}</h6>
437 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 451 </div>
439 452 </div>
440 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 454 <!-- camadas por estrelas -->
452 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 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 464 </a>
463 465 <h6>{{{descEstrelas}}}</h6>
464 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 470 </div>
466 471 </div>
467 472 <hr>
468 473 <!-- sistemas que adicionam camadas -->
469 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 482 </a>
478 483 <h6>{{{descSistemas}}}</h6>
479 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 489 </div>
481 490 </div>
482 491 <hr>
483 492 <!-- navegacao em diretorios -->
484 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 501 </a>
493 502 <h6>{{{descDir}}}</h6>
494 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 507 </div>
496 508 </div>
497 509 <hr>
... ... @@ -499,31 +511,31 @@ include (&quot;../ms_configura.php&quot;);
499 511 </div>
500 512 </div>
501 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 515 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
504 516 <button>
505 517 <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
506 518 </button>
507 519 </div>
508 520 <div class="separadorCabecalhoGuias">&nbsp;</div>
509   - <div class="guiaOverflow">
  521 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
510 522 <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a>
511 523 <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
512 524 </div>
513 525 </div>
514 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 532 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
521 533 <button>
522 534 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
523 535 </button>
524 536 </div>
525 537 <div class="separadorCabecalhoGuias">&nbsp;</div>
526   - <div class="guiaOverflow">
  538 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
527 539 <form onSubmit="return false;">
528 540 <div class="form-group label-floating">
529 541 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
... ... @@ -554,15 +566,15 @@ include (&quot;../ms_configura.php&quot;);
554 566 </div>
555 567 </div>
556 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 578 </div>
567 579 </form>
568 580 <hr>
... ... @@ -573,34 +585,34 @@ include (&quot;../ms_configura.php&quot;);
573 585 </div>
574 586 </div>
575 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 589 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
578 590 <button>
579 591 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
580 592 </button>
581 593 </div>
582 594 <div class="separadorCabecalhoGuias">&nbsp;</div>
583   - <div class="guiaOverflow">
  595 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
584 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 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 599 <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">
588 600 </a>
589 601 <h6>{{{d21at}}}</h6>
590 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 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 605 <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">
594 606 </a>
595 607 <h6>{{{d21t}}}</h6>
596 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 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 611 <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">
600 612 </a>
601 613 <h6>{{{d24t}}}</h6>
602 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 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 617 <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">
606 618 </a>
... ... @@ -617,6 +629,7 @@ include (&quot;../ms_configura.php&quot;);
617 629 </div>
618 630 </div>
619 631 </div>
  632 +
620 633 <!-- para mostrar o banner de abertura -->
621 634 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
622 635 <div>
... ...
interface/ol.htm
  Diff comments   View file @acc43f4
... ... @@ -749,17 +749,10 @@
749 749 placement : "auto",
750 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 752 $(".guiaOverflow").mCustomScrollbar({
757 753 scrollbarPosition : "inside",
758 754 theme : "inset-2-dark"
759 755 });
760   - i3GEO.eventos.adicionaEventos("RESIZE", $(
761   - ".guiaOverflow").css("height",
762   - i3GEO.parametros.h - 60))
763 756 //setTimeout(function() {
764 757 // $('.iconeGuiaMovel').tooltip('destroy');
765 758 //}, 30000);
... ...
interface/openlayersdebug.htm
  Diff comments   View file @acc43f4
... ... @@ -211,14 +211,14 @@
211 211 <div id="i3GEOguiaMovelMolde">
212 212 <div id="i3GEOguiaMovelConteudo">
213 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 215 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
216 216 <button>
217 217 <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
218 218 </button>
219 219 </div>
220 220 <div class="separadorCabecalhoGuias">&nbsp;</div>
221   - <div class="guiaOverflow">
  221 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
222 222 <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
223 223 <label>{{{opcoes}}}</label>
224 224 </div>
... ... @@ -271,16 +271,17 @@
271 271 </div>
272 272 </div>
273 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 275 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
276 276 <button>
277 277 <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
278 278 </button>
279 279 </div>
280 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 284 <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
283   - <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>
284 285 <div id="catalogoNavegacao"></div>
285 286 <!-- Opcoes -->
286 287 <div id="catalogoPrincipal">
... ... @@ -366,118 +367,129 @@
366 367  
367 368 <!-- servicos da INDE brasileira -->
368 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 377 </a>
377 378 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
378 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 383 </div>
380 384 </div>
381 385 <hr>
382 386 <!-- lista de wms cadastrados no sistema de administracao -->
383 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 395 </a>
392 396 <h6>{{{descOgcWms}}}</h6>
393 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 401 </div>
395 402 </div>
396 403 <hr>
397 404 <!-- regioes cadastradas no sistema de metadados -->
398 405 <div class="list-group condensed">
399 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 413 </a>
407 414 <h6>{{{descLimLoc}}}</h6>
408 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 419 </div>
410 420 </div>
411 421 <hr>
412 422 <!-- camadas que vem do sistema de metadados estatisticos -->
413 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 431 </a>
422 432 <h6>{{{descMeta}}}</h6>
423 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 437 </div>
425 438 </div>
426 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 440 <!-- camadas por estrelas -->
438 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 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 450 </a>
449 451 <h6>{{{descEstrelas}}}</h6>
450 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 456 </div>
452 457 </div>
453 458 <hr>
454 459 <!-- sistemas que adicionam camadas -->
455 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 468 </a>
464 469 <h6>{{{descSistemas}}}</h6>
465 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 475 </div>
467 476 </div>
468 477 <hr>
469 478 <!-- navegacao em diretorios -->
470 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 487 </a>
479 488 <h6>{{{descDir}}}</h6>
480 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 493 </div>
482 494 </div>
483 495 <hr>
... ... @@ -485,14 +497,14 @@
485 497 </div>
486 498 </div>
487 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 501 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
490 502 <button>
491 503 <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
492 504 </button>
493 505 </div>
494 506 <div class="separadorCabecalhoGuias">&nbsp;</div>
495   - <div class="guiaOverflow">
  507 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
496 508 <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a>
497 509 <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
498 510 </div>
... ... @@ -502,14 +514,14 @@
502 514 No botao que dispara a busca, ficam os parametros de configuracao
503 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 518 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
507 519 <button>
508 520 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
509 521 </button>
510 522 </div>
511 523 <div class="separadorCabecalhoGuias">&nbsp;</div>
512   - <div class="guiaOverflow">
  524 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
513 525 <form onSubmit="return false;">
514 526 <div class="form-group label-floating">
515 527 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
... ... @@ -559,34 +571,34 @@
559 571 </div>
560 572 </div>
561 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 575 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
564 576 <button>
565 577 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
566 578 </button>
567 579 </div>
568 580 <div class="separadorCabecalhoGuias">&nbsp;</div>
569   - <div class="guiaOverflow">
  581 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
570 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 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 585 <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">
574 586 </a>
575 587 <h6>{{{d21at}}}</h6>
576 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 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 591 <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">
580 592 </a>
581 593 <h6>{{{d21t}}}</h6>
582 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 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 597 <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">
586 598 </a>
587 599 <h6>{{{d24t}}}</h6>
588 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 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 603 <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">
592 604 </a>
... ... @@ -743,24 +755,26 @@
743 755 placement : "left"
744 756 });
745 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 773 $(".guiaOverflow").mCustomScrollbar({
758 774 scrollbarPosition : "inside",
759 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 779 //setTimeout(function() {
766 780 // $('.iconeGuiaMovel').tooltip('destroy');
... ... @@ -845,7 +859,8 @@
845 859 legenda : {
846 860 //define o local onde os templates da ferramenta ficam armazenados
847 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 866 //configuracoes especificas para a interface que utiliza o OpenLayers
... ...
interface/osm.htm
  Diff comments   View file @acc43f4
... ... @@ -135,26 +135,26 @@
135 135 <!-- botoes laterais que abrem guias moveis -->
136 136 <div id="i3GEOguiaMovel">
137 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 140 <div class="iconesGuiaMovel ol-control" data-traduzir="true">
141 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 146 <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
147 147 <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
148 148 <i class="material-icons">business_center</i>
149 149 </button>
150 150 </div>
151 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 158 <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas"
159 159 style="margin-top: 3px;">
160 160 <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
... ... @@ -162,14 +162,14 @@
162 162 </button>
163 163 </div>
164 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 173 <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal"
174 174 data-idMenus="catalogoMenus" style="margin-top: 3px;">
175 175 <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
... ... @@ -199,12 +199,12 @@
199 199 </button>
200 200 </div>
201 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 208 </div>
209 209 <!-- veja i3GEO.guias.CONFIGURA -->
210 210 <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
... ... @@ -212,14 +212,14 @@
212 212 <div id="i3GEOguiaMovelMolde">
213 213 <div id="i3GEOguiaMovelConteudo">
214 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 216 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
217 217 <button>
218 218 <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
219 219 </button>
220 220 </div>
221 221 <div class="separadorCabecalhoGuias">&nbsp;</div>
222   - <div class="guiaOverflow">
  222 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
223 223 <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
224 224 <label>{{{opcoes}}}</label>
225 225 </div>
... ... @@ -256,10 +256,10 @@
256 256 <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
257 257 <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div>
258 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 263 <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
264 264 <label>{{{camadasDeFundo}}}</label>
265 265 </div>
... ... @@ -272,16 +272,17 @@
272 272 </div>
273 273 </div>
274 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 276 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
277 277 <button>
278 278 <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
279 279 </button>
280 280 </div>
281 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 285 <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
284   - <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>
285 286 <div id="catalogoNavegacao"></div>
286 287 <!-- Opcoes -->
287 288 <div id="catalogoPrincipal">
... ... @@ -327,158 +328,169 @@
327 328  
328 329 <hr>
329 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 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 350 <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
350 351  
351 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 369 <!-- servicos da INDE brasileira -->
369 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 378 </a>
378 379 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
379 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 384 </div>
381 385 </div>
382 386 <hr>
383 387 <!-- lista de wms cadastrados no sistema de administracao -->
384 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 396 </a>
393 397 <h6>{{{descOgcWms}}}</h6>
394 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 402 </div>
396 403 </div>
397 404 <hr>
398 405 <!-- regioes cadastradas no sistema de metadados -->
399 406 <div class="list-group condensed">
400 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 414 </a>
408 415 <h6>{{{descLimLoc}}}</h6>
409 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 420 </div>
411 421 </div>
412 422 <hr>
413 423 <!-- camadas que vem do sistema de metadados estatisticos -->
414 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 432 </a>
423 433 <h6>{{{descMeta}}}</h6>
424 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 438 </div>
426 439 </div>
427 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 441 <!-- camadas por estrelas -->
439 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 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 451 </a>
450 452 <h6>{{{descEstrelas}}}</h6>
451 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 457 </div>
453 458 </div>
454 459 <hr>
455 460 <!-- sistemas que adicionam camadas -->
456 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 469 </a>
465 470 <h6>{{{descSistemas}}}</h6>
466 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 476 </div>
468 477 </div>
469 478 <hr>
470 479 <!-- navegacao em diretorios -->
471 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 488 </a>
480 489 <h6>{{{descDir}}}</h6>
481 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 494 </div>
483 495 </div>
484 496 <hr>
... ... @@ -486,31 +498,31 @@
486 498 </div>
487 499 </div>
488 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 502 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
491 503 <button>
492 504 <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
493 505 </button>
494 506 </div>
495 507 <div class="separadorCabecalhoGuias">&nbsp;</div>
496   - <div class="guiaOverflow">
  508 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
497 509 <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a>
498 510 <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
499 511 </div>
500 512 </div>
501 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 519 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
508 520 <button>
509 521 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
510 522 </button>
511 523 </div>
512 524 <div class="separadorCabecalhoGuias">&nbsp;</div>
513   - <div class="guiaOverflow">
  525 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
514 526 <form onSubmit="return false;">
515 527 <div class="form-group label-floating">
516 528 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
... ... @@ -541,15 +553,15 @@
541 553 </div>
542 554 </div>
543 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 565 </div>
554 566 </form>
555 567 <hr>
... ... @@ -560,34 +572,34 @@
560 572 </div>
561 573 </div>
562 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 576 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
565 577 <button>
566 578 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
567 579 </button>
568 580 </div>
569 581 <div class="separadorCabecalhoGuias">&nbsp;</div>
570   - <div class="guiaOverflow">
  582 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
571 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 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 586 <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">
575 587 </a>
576 588 <h6>{{{d21at}}}</h6>
577 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 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 592 <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">
581 593 </a>
582 594 <h6>{{{d21t}}}</h6>
583 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 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 598 <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">
587 599 </a>
588 600 <h6>{{{d24t}}}</h6>
589 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 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 604 <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">
593 605 </a>
... ... @@ -604,6 +616,7 @@
604 616 </div>
605 617 </div>
606 618 </div>
  619 +
607 620 <!-- para mostrar o banner de abertura -->
608 621 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
609 622 <div>
... ... @@ -749,17 +762,10 @@
749 762 placement : "auto",
750 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 765 $(".guiaOverflow").mCustomScrollbar({
757 766 scrollbarPosition : "inside",
758 767 theme : "inset-2-dark"
759 768 });
760   - i3GEO.eventos.adicionaEventos("RESIZE", $(
761   - ".guiaOverflow").css("height",
762   - i3GEO.parametros.h - 60))
763 769 //setTimeout(function() {
764 770 // $('.iconeGuiaMovel').tooltip('destroy');
765 771 //}, 30000);
... ...
interface/osmdebug.htm
  Diff comments   View file @acc43f4
... ... @@ -135,26 +135,26 @@
135 135 <!-- botoes laterais que abrem guias moveis -->
136 136 <div id="i3GEOguiaMovel">
137 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 140 <div class="iconesGuiaMovel ol-control" data-traduzir="true">
141 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 146 <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
147 147 <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
148 148 <i class="material-icons">business_center</i>
149 149 </button>
150 150 </div>
151 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 158 <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas"
159 159 style="margin-top: 3px;">
160 160 <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
... ... @@ -162,14 +162,14 @@
162 162 </button>
163 163 </div>
164 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 173 <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal"
174 174 data-idMenus="catalogoMenus" style="margin-top: 3px;">
175 175 <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
... ... @@ -199,12 +199,12 @@
199 199 </button>
200 200 </div>
201 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 208 </div>
209 209 <!-- veja i3GEO.guias.CONFIGURA -->
210 210 <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
... ... @@ -212,14 +212,14 @@
212 212 <div id="i3GEOguiaMovelMolde">
213 213 <div id="i3GEOguiaMovelConteudo">
214 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 216 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
217 217 <button>
218 218 <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
219 219 </button>
220 220 </div>
221 221 <div class="separadorCabecalhoGuias">&nbsp;</div>
222   - <div class="guiaOverflow">
  222 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
223 223 <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
224 224 <label>{{{opcoes}}}</label>
225 225 </div>
... ... @@ -256,10 +256,10 @@
256 256 <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
257 257 <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div>
258 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 263 <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
264 264 <label>{{{camadasDeFundo}}}</label>
265 265 </div>
... ... @@ -272,16 +272,17 @@
272 272 </div>
273 273 </div>
274 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 276 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
277 277 <button>
278 278 <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
279 279 </button>
280 280 </div>
281 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 285 <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
284   - <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>
285 286 <div id="catalogoNavegacao"></div>
286 287 <!-- Opcoes -->
287 288 <div id="catalogoPrincipal">
... ... @@ -327,158 +328,169 @@
327 328  
328 329 <hr>
329 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 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 350 <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
350 351  
351 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 369 <!-- servicos da INDE brasileira -->
369 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 378 </a>
378 379 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
379 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 384 </div>
381 385 </div>
382 386 <hr>
383 387 <!-- lista de wms cadastrados no sistema de administracao -->
384 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 396 </a>
393 397 <h6>{{{descOgcWms}}}</h6>
394 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 402 </div>
396 403 </div>
397 404 <hr>
398 405 <!-- regioes cadastradas no sistema de metadados -->
399 406 <div class="list-group condensed">
400 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 414 </a>
408 415 <h6>{{{descLimLoc}}}</h6>
409 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 420 </div>
411 421 </div>
412 422 <hr>
413 423 <!-- camadas que vem do sistema de metadados estatisticos -->
414 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 432 </a>
423 433 <h6>{{{descMeta}}}</h6>
424 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 438 </div>
426 439 </div>
427 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 441 <!-- camadas por estrelas -->
439 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 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 451 </a>
450 452 <h6>{{{descEstrelas}}}</h6>
451 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 457 </div>
453 458 </div>
454 459 <hr>
455 460 <!-- sistemas que adicionam camadas -->
456 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 469 </a>
465 470 <h6>{{{descSistemas}}}</h6>
466 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 476 </div>
468 477 </div>
469 478 <hr>
470 479 <!-- navegacao em diretorios -->
471 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 488 </a>
480 489 <h6>{{{descDir}}}</h6>
481 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 494 </div>
483 495 </div>
484 496 <hr>
... ... @@ -486,31 +498,31 @@
486 498 </div>
487 499 </div>
488 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 502 <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
491 503 <button>
492 504 <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
493 505 </button>
494 506 </div>
495 507 <div class="separadorCabecalhoGuias">&nbsp;</div>
496   - <div class="guiaOverflow">
  508 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
497 509 <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a>
498 510 <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
499 511 </div>
500 512 </div>
501 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 519 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
508 520 <button>
509 521 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
510 522 </button>
511 523 </div>
512 524 <div class="separadorCabecalhoGuias">&nbsp;</div>
513   - <div class="guiaOverflow">
  525 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
514 526 <form onSubmit="return false;">
515 527 <div class="form-group label-floating">
516 528 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
... ... @@ -541,15 +553,15 @@
541 553 </div>
542 554 </div>
543 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 565 </div>
554 566 </form>
555 567 <hr>
... ... @@ -560,34 +572,34 @@
560 572 </div>
561 573 </div>
562 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 576 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
565 577 <button>
566 578 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
567 579 </button>
568 580 </div>
569 581 <div class="separadorCabecalhoGuias">&nbsp;</div>
570   - <div class="guiaOverflow">
  582 + <div class="guiaOverflow" style="height: calc(100% - 45px)">
571 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 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 586 <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">
575 587 </a>
576 588 <h6>{{{d21at}}}</h6>
577 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 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 592 <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">
581 593 </a>
582 594 <h6>{{{d21t}}}</h6>
583 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 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 598 <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">
587 599 </a>
588 600 <h6>{{{d24t}}}</h6>
589 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 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 604 <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">
593 605 </a>
... ... @@ -604,6 +616,7 @@
604 616 </div>
605 617 </div>
606 618 </div>
  619 +
607 620 <!-- para mostrar o banner de abertura -->
608 621 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
609 622 <div>
... ... @@ -749,17 +762,10 @@
749 762 placement : "auto",
750 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 765 $(".guiaOverflow").mCustomScrollbar({
757 766 scrollbarPosition : "inside",
758 767 theme : "inset-2-dark"
759 768 });
760   - i3GEO.eventos.adicionaEventos("RESIZE", $(
761   - ".guiaOverflow").css("height",
762   - i3GEO.parametros.h - 60))
763 769 //setTimeout(function() {
764 770 // $('.iconeGuiaMovel').tooltip('destroy');
765 771 //}, 30000);
... ...
interface/templates/catalogoMigalha.html
  Diff comments   View file @acc43f4
1   - <ul class="breadcrumb">
  1 + <ul class="breadcrumb" style="margin-bottom:0px;">
2 2 <li>
3 3 <a href="javascript:void(0)" onclick="{{{onclick}}}">
4 4 <h4>
... ...
interface/templates/dir.html
  Diff comments   View file @acc43f4
1 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 4 <a onclick="{{{onclick}}}" role="button" class="btn btn-warning btn-fab btn-fab-max hidden-xs hidden-sm" href="javascript:void(0)">
4 5 <span class="material-icons">folder_open</span>
5 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 14 </a>
10 15 <h6>{{{descricao}}} {{{link}}}</h6>
11 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 20 </div>
13 21 </div>
14 22 <hr>
15 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 5 <span class="material-icons">folder_open</span>
5 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 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 22 \ No newline at end of file
... ...
interface/templates/ferramentasLink.html
  Diff comments   View file @acc43f4
1 1 <div class="list-group condensed">
2 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 5 <span class="material-icons">launch</span>
5 6 </a>
6   - <label class="nomeTemaCurto" >
  7 + -->
  8 + <label class="nomeTemaCurto" style="width:300px;">
7 9 <a href="{{{url}}}" target="{{{target}}}" ><h4>
8 10 {{{nome}}}
9 11 </h4>
10   -
11 12 </a>
12 13 <h6>{{{descricao}}}</h6>
13 14 </label>
14 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 19 </div>
16 20 </div>
17 21 <hr>
18 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 2 <li>
3 3 <a href="javascript:void(0)">
4 4 <h4>
... ...
interface/templates/tema.html
  Diff comments   View file @acc43f4
1 1 <div class="list-group condensed">
2 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 5 <span class="material-icons">visibility</span>
5 6 </a>
6   - <label class="nomeTema" >
  7 + -->
  8 + <label class="nomeTema" style="width:300px;" >
7 9 <a onclick="{{{onclick}}}" href="javascript:void(0)"><h4>
8 10 {{{nome}}}
9   - <i style="opacity:0.4;" class="pull-right material-icons">add_circle_outline</i>
10 11 </h4></a>
11 12 <h6>{{{descricao}}} {{{link}}}</h6>
12 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 17 </div>
14 18 </div>
15 19 <hr>
16 20 \ No newline at end of file
... ...
js/caixaDeFerramentas.js
  Diff comments   View file @acc43f4
... ... @@ -84,7 +84,7 @@ i3GEO.caixaDeFerramentas = {
84 84 f = i3GEO.caixaDeFerramentas.config,
85 85 i,t,data;
86 86  
87   - $("#" + f.idOndeMigalha).html("&nbsp;");
  87 + $("#" + f.idOndeMigalha).html("");
88 88 f.idOndeFolder.html("");
89 89 f.idOndeLinks.html("");
90 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 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 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 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 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 324 //template.js
325 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 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 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 324 //template.js
325 325 if (typeof (i3GEO) === 'undefined') {
... ...