Download as
Browse Code »

Commit b06f3340e66cf4953023577faa5015f68e939114

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

Adaptação da ferramenta animacao para bootstrap

Showing 4 changed files with 27 additions and 21 deletions   Show diff stats
admin/admin.db
View file @b06f334
No preview for this file type
css/nouislider.css 100644 → 100755
  Diff comments   View file @b06f334
ferramentas/animacao/index.js
  Diff comments   View file @b06f334
... ... @@ -79,7 +79,6 @@ i3GEOF.animacao = {
79 79 i3GEOF.animacao.aguarde.visibility = "visible";
80 80 $i(iddiv).innerHTML = i3GEOF.animacao.html();
81 81 i3GEOF.animacao.listaDeCamadas();
82   - i3GEO.util.mensagemAjuda("i3GEOanimacaomen1",$i("i3GEOanimacaomen1").innerHTML);
83 82 i3GEOF.animacao.aguarde.visibility = "hidden";
84 83 },
85 84 /*
... ... @@ -100,13 +99,16 @@ i3GEOF.animacao = {
100 99 camadas = i3GEO.arvoreDeCamadas.CAMADAS;
101 100 }
102 101 var n = camadas.length,
103   - ins = "<table style='width:95%' class='lista8'>";
  102 + ins = "";
104 103 while(n > 0){
105 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 112 $i("i3GEOFanimacaoLista").innerHTML = ins;
111 113 },
112 114 /*
... ... @@ -126,8 +128,8 @@ i3GEOF.animacao = {
126 128 //cria a janela flutuante
127 129 titulo = "</div><a class='i3GeoTituloJanelaBs' onclick='i3GEO.ajuda.ferramenta(107)' href='javascript:void(0)' >" + $trad("p21")+"</a>";
128 130 janela = i3GEO.janela.cria(
129   - "210px",
130   - "80px",
  131 + "410px",
  132 + "250px",
131 133 "",
132 134 "",
133 135 "",
... ...
ferramentas/animacao/template_mst.html
  Diff comments   View file @b06f334
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   - &nbsp;
4   - <img title='{{{rebobina}}}' src='{{{locaplic}}}/imagens/player_para.png' onclick='i3GEOF.animacao.termina()' />
5   - &nbsp;
6   - <img title='{{{rapido}}}' src='{{{locaplic}}}/imagens/player_avanca.png' onclick='i3GEOF.animacao.maisrapido()' />
7   - &nbsp;
8   - <img title='{{{lento}}}' src='{{{locaplic}}}/imagens/player_volta.png' onclick='i3GEOF.animacao.maislento()' />
9   - &nbsp;
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 19 </div>
16 20 \ No newline at end of file
... ...