Commit b06f3340e66cf4953023577faa5015f68e939114
1 parent
e822579c
Exists in
master
and in
7 other branches
Adaptação da ferramenta animacao para bootstrap
Showing
4 changed files
with
27 additions
and
21 deletions
Show diff stats
admin/admin.db
No preview for this file type
ferramentas/animacao/index.js
| @@ -79,7 +79,6 @@ i3GEOF.animacao = { | @@ -79,7 +79,6 @@ i3GEOF.animacao = { | ||
| 79 | i3GEOF.animacao.aguarde.visibility = "visible"; | 79 | i3GEOF.animacao.aguarde.visibility = "visible"; |
| 80 | $i(iddiv).innerHTML = i3GEOF.animacao.html(); | 80 | $i(iddiv).innerHTML = i3GEOF.animacao.html(); |
| 81 | i3GEOF.animacao.listaDeCamadas(); | 81 | i3GEOF.animacao.listaDeCamadas(); |
| 82 | - i3GEO.util.mensagemAjuda("i3GEOanimacaomen1",$i("i3GEOanimacaomen1").innerHTML); | ||
| 83 | i3GEOF.animacao.aguarde.visibility = "hidden"; | 82 | i3GEOF.animacao.aguarde.visibility = "hidden"; |
| 84 | }, | 83 | }, |
| 85 | /* | 84 | /* |
| @@ -100,13 +99,16 @@ i3GEOF.animacao = { | @@ -100,13 +99,16 @@ i3GEOF.animacao = { | ||
| 100 | camadas = i3GEO.arvoreDeCamadas.CAMADAS; | 99 | camadas = i3GEO.arvoreDeCamadas.CAMADAS; |
| 101 | } | 100 | } |
| 102 | var n = camadas.length, | 101 | var n = camadas.length, |
| 103 | - ins = "<table style='width:95%' class='lista8'>"; | 102 | + ins = ""; |
| 104 | while(n > 0){ | 103 | while(n > 0){ |
| 105 | n -= 1; | 104 | n -= 1; |
| 106 | - if(camadas[n].tema !== "") | ||
| 107 | - {ins += "<tr><td><input class=inputsb style='cursor:pointer' type=checkbox value='"+camadas[n].name+"' /></td><td><span id='i3GEOanima"+camadas[n].name+"'>"+camadas[n].tema+"</span></td></tr>";} | 105 | + if(camadas[n].tema !== ""){ |
| 106 | + ins += '<div class="checkbox text-left"><label>'; | ||
| 107 | + ins += ' <input checked id="" type="checkbox" value="'+camadas[n].name+'">'; | ||
| 108 | + ins += ' <span class="checkbox-material noprint"><span class="check" id="i3GEOanima' + camadas[n].name + '"></span></span> ' + camadas[n].tema; | ||
| 109 | + ins += '</label></div>'; | ||
| 110 | + } | ||
| 108 | } | 111 | } |
| 109 | - ins += "</table>"; | ||
| 110 | $i("i3GEOFanimacaoLista").innerHTML = ins; | 112 | $i("i3GEOFanimacaoLista").innerHTML = ins; |
| 111 | }, | 113 | }, |
| 112 | /* | 114 | /* |
| @@ -126,8 +128,8 @@ i3GEOF.animacao = { | @@ -126,8 +128,8 @@ i3GEOF.animacao = { | ||
| 126 | //cria a janela flutuante | 128 | //cria a janela flutuante |
| 127 | titulo = "</div><a class='i3GeoTituloJanelaBs' onclick='i3GEO.ajuda.ferramenta(107)' href='javascript:void(0)' >" + $trad("p21")+"</a>"; | 129 | titulo = "</div><a class='i3GeoTituloJanelaBs' onclick='i3GEO.ajuda.ferramenta(107)' href='javascript:void(0)' >" + $trad("p21")+"</a>"; |
| 128 | janela = i3GEO.janela.cria( | 130 | janela = i3GEO.janela.cria( |
| 129 | - "210px", | ||
| 130 | - "80px", | 131 | + "410px", |
| 132 | + "250px", | ||
| 131 | "", | 133 | "", |
| 132 | "", | 134 | "", |
| 133 | "", | 135 | "", |
ferramentas/animacao/template_mst.html
| 1 | -<div style='text-align: center; position: relative; cursor: pointer'> | ||
| 2 | - <img title='{{{inicia}}}' src='{{{locaplic}}}/imagens/player_inicia.png' onclick='i3GEOF.animacao.dispara()' /> | ||
| 3 | - | ||
| 4 | - <img title='{{{rebobina}}}' src='{{{locaplic}}}/imagens/player_para.png' onclick='i3GEOF.animacao.termina()' /> | ||
| 5 | - | ||
| 6 | - <img title='{{{rapido}}}' src='{{{locaplic}}}/imagens/player_avanca.png' onclick='i3GEOF.animacao.maisrapido()' /> | ||
| 7 | - | ||
| 8 | - <img title='{{{lento}}}' src='{{{locaplic}}}/imagens/player_volta.png' onclick='i3GEOF.animacao.maislento()' /> | ||
| 9 | - | ||
| 10 | -</div> | ||
| 11 | -<div id='i3GEOFanimacaoLista'></div> | ||
| 12 | -<br> | ||
| 13 | -<div id='i3GEOanimacaomen1' style='display: block; left: 0px;'> | ||
| 14 | - <p class='paragrafo'>{{{ajuda}}}</p> | 1 | +<div class='container-fluid'> |
| 2 | + <h5 class="alert alert-info">{{{ajuda}}}</h5> | ||
| 3 | + <div class="form-group condensed"> | ||
| 4 | + <button onclick='i3GEOF.animacao.dispara()' title='{{{inicia}}}' class="btn btn-xs" style="margin:2px;padding:2px;"> | ||
| 5 | + <span class="material-icons">play_circle_filled</span> | ||
| 6 | + </button> | ||
| 7 | + <button onclick='i3GEOF.animacao.termina()' title='{{{rebobina}}}' class="btn btn-xs" style="margin:2px;padding:2px;"> | ||
| 8 | + <span class="material-icons">stop</span> | ||
| 9 | + </button> | ||
| 10 | + <button onclick='i3GEOF.animacao.maisrapido()' title='{{{rapido}}}' class="btn btn-xs" style="margin:2px;padding:2px;"> | ||
| 11 | + <span class="material-icons">add_circle</span> | ||
| 12 | + </button> | ||
| 13 | + <button onclick='i3GEOF.animacao.maislento()' title='{{{lento}}}' class="btn btn-xs" style="margin:2px;padding:2px;"> | ||
| 14 | + <span class="material-icons">remove_circle</span> | ||
| 15 | + </button> | ||
| 16 | + </div> | ||
| 17 | + <div id='i3GEOFanimacaoLista'></div> | ||
| 18 | + | ||
| 15 | </div> | 19 | </div> |
| 16 | \ No newline at end of file | 20 | \ No newline at end of file |