Commit eeb48f05dcea6e817cc82ba1aab1f094dfedc082

Authored by Edmar Moretti
1 parent 225db094

Adaptação da ferramenta grade de coordenadas para Bootstrap

ferramentas/gradecoord/dicionario.js
@@ -69,5 +69,10 @@ i3GEOF.gradeCoord.dicionario = { @@ -69,5 +69,10 @@ i3GEOF.gradeCoord.dicionario = {
69 pt : "Entre com a distância entre as linhas", 69 pt : "Entre com a distância entre as linhas",
70 en : "", 70 en : "",
71 es : "" 71 es : ""
  72 + } ],
  73 + 'textos' : [ {
  74 + pt : "Inclui textos",
  75 + en : "",
  76 + es : ""
72 } ] 77 } ]
73 }; 78 };
ferramentas/gradecoord/index.js
@@ -44,7 +44,7 @@ i3GEOF.gradeCoord = { @@ -44,7 +44,7 @@ i3GEOF.gradeCoord = {
44 return; 44 return;
45 } 45 }
46 $i(iddiv).innerHTML += i3GEOF.gradeCoord.html(); 46 $i(iddiv).innerHTML += i3GEOF.gradeCoord.html();
47 - i3GEO.util.comboFontes("i3GEOgradeCoordfonte","i3GEOgradeCoordfontef"); 47 + i3GEO.util.comboFontes("i3GEOgradeCoordfonte","i3GEOgradeCoordfontef","form-control");
48 var b = new YAHOO.widget.Button( 48 var b = new YAHOO.widget.Button(
49 "i3GEOgradeCoordbotao1", 49 "i3GEOgradeCoordbotao1",
50 {onclick:{fn: i3GEOF.gradeCoord.executa}} 50 {onclick:{fn: i3GEOF.gradeCoord.executa}}
ferramentas/gradecoord/template_mst.html
1 -<div style='margin-left: 5px'>  
2 - <p class='paragrafo'>{{{intervalo}}}:</p>  
3 - <div class='i3geoForm i3geoFormIconeNumero'>  
4 - <input type='number' id='i3GEOgradeCoordintervalo' value='2' /> 1 +<div class='container-fluid'>
  2 + <div class='form-group label-fixed condensed'>
  3 + <label class="control-label" for="i3GEOgradeCoordintervalo">{{{intervalo}}}</label>
  4 + <input class="form-control input-lg" type='text' id='i3GEOgradeCoordintervalo' value='2' />
5 </div> 5 </div>
6 - <br>  
7 - <p class='paragrafo'>{{{cor}}}:</p>  
8 - <div class='i3geoForm100 i3geoFormIconeAquarela'>  
9 - <input type='text' id='i3GEOgradeCoordcorlinha' value='' /> 6 + <div class='form-group label-fixed condensed'>
  7 + <label class="control-label" for="i3GEOgradeCoordcorlinha">{{{cor}}}</label>
  8 + <input class="form-control input-lg i3geoFormIconeAquarela" type='text' id='i3GEOgradeCoordcorlinha' value='' />
10 </div> 9 </div>
11 - <br>  
12 - <p class='paragrafo'>{{{largura}}}:</p>  
13 - <div class='i3geoForm i3geoFormIconeNumero'>  
14 - <input type='number' id='i3GEOgradeCoordlarguralinha' value='1' /> 10 + <div class='form-group label-fixed condensed'>
  11 + <label class="control-label" for="i3GEOgradeCoordcorlinha">{{{largura}}}</label>
  12 + <input class="form-control input-lg" type='text' id='i3GEOgradeCoordlarguralinha' value='1' />
15 </div> 13 </div>
16 - <br>  
17 - <p class='paragrafo'>{{{tipoLinha}}}:</p>  
18 - <div class='styled-select'>  
19 - <select id='i3GEOgradeCoordtipolinha'>  
20 - <option value='linha'>{{{solido}}}</option>  
21 - <option value='ferrovia-line2'>{{{tracejado}}}</option>  
22 - </select> 14 + <div style="width: 100%;" class='form-group label-fixed condensed'>
  15 + <label class="control-label" for="i3GEOgradeCoordtipolinha">{{{tipoLinha}}}</label>
  16 + <div style="width: 100%;" class="input-group">
  17 + <select class="form-control" id="i3GEOgradeCoordtipolinha">
  18 + <option value='linha'>{{{solido}}}</option>
  19 + <option value='ferrovia-line2'>{{{tracejado}}}</option>
  20 + </select>
  21 + </div>
23 </div> 22 </div>
24 - <br>  
25 - <p class='paragrafo'>Inclui textos:</p>  
26 - <div class='styled-select'>  
27 - <select id='i3GEOgradeCoordincluitexto'>  
28 - <option value='sim'>{{{sim}}}</option>  
29 - <option value='nao'>{{{nao}}}</option>  
30 - </select> 23 + <div style="width: 100%;" class='form-group label-fixed condensed'>
  24 + <label class="control-label" for="i3GEOgradeCoordtipolinha">{{{tipoLinha}}}</label>
  25 + <div style="width: 100%;" class="input-group">
  26 + <select class="form-control" id="i3GEOgradeCoordtipolinha">
  27 + <option value='linha'>{{{solido}}}</option>
  28 + <option value='ferrovia-line2'>{{{tracejado}}}</option>
  29 + </select>
  30 + </div>
31 </div> 31 </div>
32 - <br>  
33 - <p class='paragrafo'>{{{tamanhoTexto}}}:</p>  
34 - <div class='i3geoForm i3geoFormIconeNumero'>  
35 - <input type='number' id='i3GEOgradeCoordtamanhotexto' value='10' /> 32 + <div style="width: 100%;" class='form-group label-fixed condensed'>
  33 + <label class="control-label" for="i3GEOgradeCoordincluitexto">{{{textos}}}</label>
  34 + <div style="width: 100%;" class="input-group">
  35 + <select class="form-control" id="i3GEOgradeCoordincluitexto">
  36 + <option value='sim'>{{{sim}}}</option>
  37 + <option value='nao'>{{{nao}}}</option>
  38 + </select>
  39 + </div>
36 </div> 40 </div>
37 - <br>  
38 - <p class='paragrafo'>{{{fonteTexto}}}:</p>  
39 - <div class='styled-select' id='i3GEOgradeCoordfontef'></div>  
40 - <br>  
41 - <p class='paragrafo'>{{{corMascara}}}:</p>  
42 - <div class='i3geoForm100 i3geoFormIconeAquarela'>  
43 - <input type='text' id='i3GEOgradeCoordmascara_i' value='' /> 41 + <div class='form-group label-fixed condensed'>
  42 + <label class="control-label" for="i3GEOgradeCoordtamanhotexto">{{{tamanhoTexto}}}</label>
  43 + <input class="form-control input-lg" type='text' id='i3GEOgradeCoordtamanhotexto' value='10' />
44 </div> 44 </div>
45 - <br>  
46 - <p class='paragrafo'>{{{corSombra}}}:</p>  
47 - <div class='i3geoForm100 i3geoFormIconeAquarela'>  
48 - <input type='text' id='i3GEOgradeCoordshadowcolor' value='' /> 45 + <div style="width: 100%;" class='form-group label-fixed condensed'>
  46 + <label class="control-label" for="">{{{fonteTexto}}}</label>
  47 + <div style="width: 100%;" class="input-group">
  48 + <div id='i3GEOgradeCoordfontef'></div>
  49 + </div>
49 </div> 50 </div>
50 - <br>  
51 - <p class='paragrafo'>{{{deslocamentoSombra}}} X:</p>  
52 - <div class='i3geoForm i3geoFormIconeNumero'>  
53 - <input type='number' id='i3GEOgradeCoordshadowsizex' value='0' /> 51 + <div class='form-group label-fixed condensed'>
  52 + <label class="control-label" for="i3GEOgradeCoordmascara_i">{{{corMascara}}}</label>
  53 + <input class="form-control input-lg i3geoFormIconeAquarela" type='text' id='i3GEOgradeCoordmascara_i' value='' />
54 </div> 54 </div>
55 - <br>  
56 - <p class='paragrafo'>{{{deslocamentoSombra}}} Y:</p>  
57 - <div class='i3geoForm i3geoFormIconeNumero'>  
58 - <input type='number' id='i3GEOgradeCoordshadowsizey' value='0' /> 55 + <div class='form-group label-fixed condensed'>
  56 + <label class="control-label" for="i3GEOgradeCoordshadowcolor">{{{corSombra}}}</label>
  57 + <input class="form-control input-lg i3geoFormIconeAquarela" type='text' id='i3GEOgradeCoordshadowcolor' value='' />
59 </div> 58 </div>
60 - <br>  
61 - <p class='paragrafo'>{{{corTexto}}}:</p>  
62 - <div class='i3geoForm100 i3geoFormIconeAquarela'>  
63 - <input type='text' id='i3GEOgradeCoordcortexto' value='' /> 59 + <div class='form-group label-fixed condensed'>
  60 + <label class="control-label" for="i3GEOgradeCoordshadowsizex">{{{deslocamentoSombra}}} X</label>
  61 + <input class="form-control input-lg" type='text' id='i3GEOgradeCoordshadowsizex' value='0' />
64 </div> 62 </div>
65 -  
66 - <br>  
67 - <p class='paragrafo'>  
68 - <input id='i3GEOgradeCoordbotao1' size='10' type='button' value={{{criaGrade}}} />  
69 - </p> 63 + <div class='form-group label-fixed condensed'>
  64 + <label class="control-label" for="i3GEOgradeCoordshadowsizey">{{{deslocamentoSombra}}} Y</label>
  65 + <input class="form-control input-lg" type='text' id='i3GEOgradeCoordshadowsizey' value='0' />
  66 + </div>
  67 + <div class='form-group label-fixed condensed'>
  68 + <label class="control-label" for="i3GEOgradeCoordcortexto">{{{corTexto}}}</label>
  69 + <input class="form-control input-lg i3geoFormIconeAquarela" type='text' id='i3GEOgradeCoordcortexto' value='' />
  70 + </div>
  71 + <button onclick="i3GEOF.gradeCoord.executa()" class='btn btn-primary btn-sm btn-raised'>{{{criaGrade}}}</button>
70 </div> 72 </div>
71 \ No newline at end of file 73 \ No newline at end of file