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