Download as
Browse Code »

Commit daabd65077497a3a0fa88d0b523dc48c8cdcd67f

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

Novos ícones para a barra lateral de ferramentas

Showing 8 changed files with 115 additions and 115 deletions   Show diff stats
interface/carto_ol.htm
  Diff comments   View file @daabd65
... ... @@ -159,8 +159,8 @@
159 159 data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
160 160 -->
161 161 <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
162   - <button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
163   - <img src="../imagens/gisicons/tools.png" style="cursor: pointer; padding: 3px;">
  162 + <button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  163 + <i class="material-icons">business_center</i>
164 164 </button>
165 165 </div>
166 166 <!-- temas existentes no mapa
... ... @@ -171,8 +171,8 @@
171 171 do metadata existente na camada. Deixe vazio para nao ativar a operacao.
172 172 -->
173 173 <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
174   - <button title="{{{iconeMapa}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
175   - <img src="../imagens/layer.png" style="cursor: pointer; padding: 3px;">
  174 + <button title="{{{iconeMapa}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  175 + <i class="material-icons"><i class="material-icons">visibility</i></i>
176 176 </button>
177 177 </div>
178 178 <!-- catalogo de adicao de temas ao mapa
... ... @@ -185,30 +185,30 @@
185 185 i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
186 186 -->
187 187 <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;">
188   - <button title="{{{iconeCatalogo}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
189   - <img src="../imagens/catalogo.png" style="cursor: pointer; padding: 3px;">
  188 + <button title="{{{iconeCatalogo}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  189 + <i class="material-icons">layers</i>
190 190 </button>
191 191 </div>
192 192 <!-- legenda -->
193 193 <div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
194   - <button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
195   - <img src="../imagens/legenda.png" style="cursor: pointer; padding: 3px;">
  194 + <button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  195 + <i class="material-icons">view_list</i>
196 196 </button>
197 197 </div>
198 198 <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
199   - <button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
200   - <img id="iconeTrocaInterface" src="../imagens/googlemaps.png" style="cursor: pointer; padding: 3px;">
  199 + <button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  200 + <i class="material-icons">compare_arrows</i>
201 201 </button>
202 202 </div>
203 203 <!-- Busca -->
204 204 <div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
205   - <button class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
206   - <img src="../imagens/gisicons/search.png" style="cursor: pointer; padding: 3px;">
  205 + <button class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  206 + <i class="material-icons">search</i>
207 207 </button>
208 208 </div>
209 209 <div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
210   - <button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
211   - <img src="../imagens/gisicons/tips.png" style="cursor: pointer; padding: 3px;">
  210 + <button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  211 + <i class="material-icons">location_on</i>
212 212 </button>
213 213 </div>
214 214 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
... ...
interface/gm.phtml
  Diff comments   View file @daabd65
... ... @@ -174,8 +174,8 @@ include(&quot;../ms_configura.php&quot;);
174 174 data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
175 175 -->
176 176 <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
177   - <button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
178   - <img src="../imagens/gisicons/tools.png" style="cursor: pointer; padding: 3px;">
  177 + <button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  178 + <i class="material-icons">business_center</i>
179 179 </button>
180 180 </div>
181 181 <!-- temas existentes no mapa
... ... @@ -186,8 +186,8 @@ include(&quot;../ms_configura.php&quot;);
186 186 do metadata existente na camada. Deixe vazio para nao ativar a operacao.
187 187 -->
188 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="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
190   - <img src="../imagens/layer.png" style="cursor: pointer; padding: 3px;">
  189 + <button title="{{{iconeMapa}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  190 + <i class="material-icons"><i class="material-icons">visibility</i></i>
191 191 </button>
192 192 </div>
193 193 <!-- catalogo de adicao de temas ao mapa
... ... @@ -199,31 +199,31 @@ include(&quot;../ms_configura.php&quot;);
199 199 Variaveis javascript:
200 200 i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
201 201 -->
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="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
204   - <img src="../imagens/catalogo.png" style="cursor: pointer; padding: 3px;">
  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="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  204 + <i class="material-icons">layers</i>
205 205 </button>
206 206 </div>
207 207 <!-- legenda -->
208 208 <div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
209   - <button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
210   - <img src="../imagens/legenda.png" style="cursor: pointer; padding: 3px;">
  209 + <button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  210 + <i class="material-icons">view_list</i>
211 211 </button>
212 212 </div>
213 213 <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
214   - <button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
215   - <img id="iconeTrocaInterface" src="../imagens/openlayers.png" style="cursor: pointer; padding: 3px;">
  214 + <button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  215 + <i class="material-icons">compare_arrows</i>
216 216 </button>
217 217 </div>
218 218 <!-- Busca -->
219 219 <div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
220   - <button class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
221   - <img src="../imagens/gisicons/search.png" style="cursor: pointer; padding: 3px;">
  220 + <button class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  221 + <i class="material-icons">search</i>
222 222 </button>
223 223 </div>
224 224 <div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
225   - <button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
226   - <img src="../imagens/gisicons/tips.png" style="cursor: pointer; padding: 3px;">
  225 + <button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  226 + <i class="material-icons">location_on</i>
227 227 </button>
228 228 </div>
229 229 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
... ...
interface/gmdebug.phtml
  Diff comments   View file @daabd65
... ... @@ -174,8 +174,8 @@ include(&quot;../ms_configura.php&quot;);
174 174 data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
175 175 -->
176 176 <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
177   - <button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
178   - <img src="../imagens/gisicons/tools.png" style="cursor: pointer; padding: 3px;">
  177 + <button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  178 + <i class="material-icons">business_center</i>
179 179 </button>
180 180 </div>
181 181 <!-- temas existentes no mapa
... ... @@ -186,8 +186,8 @@ include(&quot;../ms_configura.php&quot;);
186 186 do metadata existente na camada. Deixe vazio para nao ativar a operacao.
187 187 -->
188 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="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
190   - <img src="../imagens/layer.png" style="cursor: pointer; padding: 3px;">
  189 + <button title="{{{iconeMapa}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  190 + <i class="material-icons"><i class="material-icons">visibility</i></i>
191 191 </button>
192 192 </div>
193 193 <!-- catalogo de adicao de temas ao mapa
... ... @@ -199,31 +199,31 @@ include(&quot;../ms_configura.php&quot;);
199 199 Variaveis javascript:
200 200 i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
201 201 -->
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="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
204   - <img src="../imagens/catalogo.png" style="cursor: pointer; padding: 3px;">
  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="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  204 + <i class="material-icons">layers</i>
205 205 </button>
206 206 </div>
207 207 <!-- legenda -->
208 208 <div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
209   - <button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
210   - <img src="../imagens/legenda.png" style="cursor: pointer; padding: 3px;">
  209 + <button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  210 + <i class="material-icons">view_list</i>
211 211 </button>
212 212 </div>
213 213 <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
214   - <button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
215   - <img id="iconeTrocaInterface" src="../imagens/openlayers.png" style="cursor: pointer; padding: 3px;">
  214 + <button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  215 + <i class="material-icons">compare_arrows</i>
216 216 </button>
217 217 </div>
218 218 <!-- Busca -->
219 219 <div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
220   - <button class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
221   - <img src="../imagens/gisicons/search.png" style="cursor: pointer; padding: 3px;">
  220 + <button class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  221 + <i class="material-icons">search</i>
222 222 </button>
223 223 </div>
224 224 <div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
225   - <button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
226   - <img src="../imagens/gisicons/tips.png" style="cursor: pointer; padding: 3px;">
  225 + <button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  226 + <i class="material-icons">location_on</i>
227 227 </button>
228 228 </div>
229 229 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
... ...
interface/googlemaps_noite.phtml
  Diff comments   View file @daabd65
... ... @@ -174,8 +174,8 @@ include(&quot;../ms_configura.php&quot;);
174 174 data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
175 175 -->
176 176 <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
177   - <button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
178   - <img src="../imagens/gisicons/tools.png" style="cursor: pointer; padding: 3px;">
  177 + <button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  178 + <i class="material-icons">business_center</i>
179 179 </button>
180 180 </div>
181 181 <!-- temas existentes no mapa
... ... @@ -186,8 +186,8 @@ include(&quot;../ms_configura.php&quot;);
186 186 do metadata existente na camada. Deixe vazio para nao ativar a operacao.
187 187 -->
188 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="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
190   - <img src="../imagens/layer.png" style="cursor: pointer; padding: 3px;">
  189 + <button title="{{{iconeMapa}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  190 + <i class="material-icons"><i class="material-icons">visibility</i></i>
191 191 </button>
192 192 </div>
193 193 <!-- catalogo de adicao de temas ao mapa
... ... @@ -199,31 +199,31 @@ include(&quot;../ms_configura.php&quot;);
199 199 Variaveis javascript:
200 200 i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
201 201 -->
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="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
204   - <img src="../imagens/catalogo.png" style="cursor: pointer; padding: 3px;">
  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="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  204 + <i class="material-icons">layers</i>
205 205 </button>
206 206 </div>
207 207 <!-- legenda -->
208 208 <div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
209   - <button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
210   - <img src="../imagens/legenda.png" style="cursor: pointer; padding: 3px;">
  209 + <button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  210 + <i class="material-icons">view_list</i>
211 211 </button>
212 212 </div>
213 213 <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
214   - <button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
215   - <img id="iconeTrocaInterface" src="../imagens/openlayers.png" style="cursor: pointer; padding: 3px;">
  214 + <button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  215 + <i class="material-icons">compare_arrows</i>
216 216 </button>
217 217 </div>
218 218 <!-- Busca -->
219 219 <div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
220   - <button class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
221   - <img src="../imagens/gisicons/search.png" style="cursor: pointer; padding: 3px;">
  220 + <button class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  221 + <i class="material-icons">search</i>
222 222 </button>
223 223 </div>
224 224 <div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
225   - <button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
226   - <img src="../imagens/gisicons/tips.png" style="cursor: pointer; padding: 3px;">
  225 + <button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  226 + <i class="material-icons">location_on</i>
227 227 </button>
228 228 </div>
229 229 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
... ...
interface/ol.htm
  Diff comments   View file @daabd65
... ... @@ -159,8 +159,8 @@
159 159 data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
160 160 -->
161 161 <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
162   - <button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
163   - <img src="../imagens/gisicons/tools.png" style="cursor: pointer; padding: 3px;">
  162 + <button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  163 + <i class="material-icons">business_center</i>
164 164 </button>
165 165 </div>
166 166 <!-- temas existentes no mapa
... ... @@ -171,8 +171,8 @@
171 171 do metadata existente na camada. Deixe vazio para nao ativar a operacao.
172 172 -->
173 173 <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
174   - <button title="{{{iconeMapa}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
175   - <img src="../imagens/layer.png" style="cursor: pointer; padding: 3px;">
  174 + <button title="{{{iconeMapa}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  175 + <i class="material-icons"><i class="material-icons">visibility</i></i>
176 176 </button>
177 177 </div>
178 178 <!-- catalogo de adicao de temas ao mapa
... ... @@ -185,30 +185,30 @@
185 185 i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
186 186 -->
187 187 <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;">
188   - <button title="{{{iconeCatalogo}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
189   - <img src="../imagens/catalogo.png" style="cursor: pointer; padding: 3px;">
  188 + <button title="{{{iconeCatalogo}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  189 + <i class="material-icons">layers</i>
190 190 </button>
191 191 </div>
192 192 <!-- legenda -->
193 193 <div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
194   - <button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
195   - <img src="../imagens/legenda.png" style="cursor: pointer; padding: 3px;">
  194 + <button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  195 + <i class="material-icons">view_list</i>
196 196 </button>
197 197 </div>
198 198 <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
199   - <button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
200   - <img id="iconeTrocaInterface" src="../imagens/googlemaps.png" style="cursor: pointer; padding: 3px;">
  199 + <button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  200 + <i class="material-icons">compare_arrows</i>
201 201 </button>
202 202 </div>
203 203 <!-- Busca -->
204 204 <div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
205   - <button class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
206   - <img src="../imagens/gisicons/search.png" style="cursor: pointer; padding: 3px;">
  205 + <button class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  206 + <i class="material-icons">search</i>
207 207 </button>
208 208 </div>
209 209 <div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
210   - <button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
211   - <img src="../imagens/gisicons/tips.png" style="cursor: pointer; padding: 3px;">
  210 + <button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  211 + <i class="material-icons">location_on</i>
212 212 </button>
213 213 </div>
214 214 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
... ...
interface/openlayersdebug.htm
  Diff comments   View file @daabd65
... ... @@ -159,8 +159,8 @@
159 159 data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
160 160 -->
161 161 <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
162   - <button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
163   - <img src="../imagens/gisicons/tools.png" style="cursor: pointer; padding: 3px;">
  162 + <button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  163 + <i class="material-icons">business_center</i>
164 164 </button>
165 165 </div>
166 166 <!-- temas existentes no mapa
... ... @@ -171,8 +171,8 @@
171 171 do metadata existente na camada. Deixe vazio para nao ativar a operacao.
172 172 -->
173 173 <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
174   - <button title="{{{iconeMapa}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
175   - <img src="../imagens/layer.png" style="cursor: pointer; padding: 3px;">
  174 + <button title="{{{iconeMapa}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  175 + <i class="material-icons"><i class="material-icons">visibility</i></i>
176 176 </button>
177 177 </div>
178 178 <!-- catalogo de adicao de temas ao mapa
... ... @@ -185,30 +185,30 @@
185 185 i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
186 186 -->
187 187 <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;">
188   - <button title="{{{iconeCatalogo}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
189   - <img src="../imagens/catalogo.png" style="cursor: pointer; padding: 3px;">
  188 + <button title="{{{iconeCatalogo}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  189 + <i class="material-icons">layers</i>
190 190 </button>
191 191 </div>
192 192 <!-- legenda -->
193 193 <div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
194   - <button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
195   - <img src="../imagens/legenda.png" style="cursor: pointer; padding: 3px;">
  194 + <button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  195 + <i class="material-icons">view_list</i>
196 196 </button>
197 197 </div>
198 198 <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
199   - <button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
200   - <img id="iconeTrocaInterface" src="../imagens/googlemaps.png" style="cursor: pointer; padding: 3px;">
  199 + <button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  200 + <i class="material-icons">compare_arrows</i>
201 201 </button>
202 202 </div>
203 203 <!-- Busca -->
204 204 <div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
205   - <button class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
206   - <img src="../imagens/gisicons/search.png" style="cursor: pointer; padding: 3px;">
  205 + <button class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  206 + <i class="material-icons">search</i>
207 207 </button>
208 208 </div>
209 209 <div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
210   - <button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
211   - <img src="../imagens/gisicons/tips.png" style="cursor: pointer; padding: 3px;">
  210 + <button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  211 + <i class="material-icons">location_on</i>
212 212 </button>
213 213 </div>
214 214 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
... ...
interface/osm.htm
  Diff comments   View file @daabd65
... ... @@ -159,8 +159,8 @@
159 159 data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
160 160 -->
161 161 <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
162   - <button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
163   - <img src="../imagens/gisicons/tools.png" style="cursor: pointer; padding: 3px;">
  162 + <button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  163 + <i class="material-icons">business_center</i>
164 164 </button>
165 165 </div>
166 166 <!-- temas existentes no mapa
... ... @@ -171,8 +171,8 @@
171 171 do metadata existente na camada. Deixe vazio para nao ativar a operacao.
172 172 -->
173 173 <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
174   - <button title="{{{iconeMapa}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
175   - <img src="../imagens/layer.png" style="cursor: pointer; padding: 3px;">
  174 + <button title="{{{iconeMapa}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  175 + <i class="material-icons"><i class="material-icons">visibility</i></i>
176 176 </button>
177 177 </div>
178 178 <!-- catalogo de adicao de temas ao mapa
... ... @@ -185,30 +185,30 @@
185 185 i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
186 186 -->
187 187 <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;">
188   - <button title="{{{iconeCatalogo}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
189   - <img src="../imagens/catalogo.png" style="cursor: pointer; padding: 3px;">
  188 + <button title="{{{iconeCatalogo}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  189 + <i class="material-icons">layers</i>
190 190 </button>
191 191 </div>
192 192 <!-- legenda -->
193 193 <div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
194   - <button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
195   - <img src="../imagens/legenda.png" style="cursor: pointer; padding: 3px;">
  194 + <button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  195 + <i class="material-icons">view_list</i>
196 196 </button>
197 197 </div>
198 198 <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
199   - <button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
200   - <img id="iconeTrocaInterface" src="../imagens/googlemaps.png" style="cursor: pointer; padding: 3px;">
  199 + <button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  200 + <i class="material-icons">compare_arrows</i>
201 201 </button>
202 202 </div>
203 203 <!-- Busca -->
204 204 <div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
205   - <button class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
206   - <img src="../imagens/gisicons/search.png" style="cursor: pointer; padding: 3px;">
  205 + <button class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  206 + <i class="material-icons">search</i>
207 207 </button>
208 208 </div>
209 209 <div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
210   - <button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
211   - <img src="../imagens/gisicons/tips.png" style="cursor: pointer; padding: 3px;">
  210 + <button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  211 + <i class="material-icons">location_on</i>
212 212 </button>
213 213 </div>
214 214 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
... ...
interface/osmdebug.htm
  Diff comments   View file @daabd65
... ... @@ -159,8 +159,8 @@
159 159 data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
160 160 -->
161 161 <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
162   - <button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
163   - <img src="../imagens/gisicons/tools.png" style="cursor: pointer; padding: 3px;">
  162 + <button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  163 + <i class="material-icons">business_center</i>
164 164 </button>
165 165 </div>
166 166 <!-- temas existentes no mapa
... ... @@ -171,8 +171,8 @@
171 171 do metadata existente na camada. Deixe vazio para nao ativar a operacao.
172 172 -->
173 173 <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
174   - <button title="{{{iconeMapa}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
175   - <img src="../imagens/layer.png" style="cursor: pointer; padding: 3px;">
  174 + <button title="{{{iconeMapa}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  175 + <i class="material-icons"><i class="material-icons">visibility</i></i>
176 176 </button>
177 177 </div>
178 178 <!-- catalogo de adicao de temas ao mapa
... ... @@ -185,30 +185,30 @@
185 185 i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
186 186 -->
187 187 <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;">
188   - <button title="{{{iconeCatalogo}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
189   - <img src="../imagens/catalogo.png" style="cursor: pointer; padding: 3px;">
  188 + <button title="{{{iconeCatalogo}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  189 + <i class="material-icons">layers</i>
190 190 </button>
191 191 </div>
192 192 <!-- legenda -->
193 193 <div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
194   - <button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
195   - <img src="../imagens/legenda.png" style="cursor: pointer; padding: 3px;">
  194 + <button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  195 + <i class="material-icons">view_list</i>
196 196 </button>
197 197 </div>
198 198 <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
199   - <button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
200   - <img id="iconeTrocaInterface" src="../imagens/googlemaps.png" style="cursor: pointer; padding: 3px;">
  199 + <button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  200 + <i class="material-icons">compare_arrows</i>
201 201 </button>
202 202 </div>
203 203 <!-- Busca -->
204 204 <div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
205   - <button class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
206   - <img src="../imagens/gisicons/search.png" style="cursor: pointer; padding: 3px;">
  205 + <button class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  206 + <i class="material-icons">search</i>
207 207 </button>
208 208 </div>
209 209 <div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
210   - <button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
211   - <img src="../imagens/gisicons/tips.png" style="cursor: pointer; padding: 3px;">
  210 + <button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
  211 + <i class="material-icons">location_on</i>
212 212 </button>
213 213 </div>
214 214 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
... ...