Download as
Browse Code »

Commit 9880b6b570680e6cd9702a40b0b6d4f9df4d53a1

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

Atualização da interface do editor de mapfiles

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