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 69 pt : "Entre com a distância entre as linhas",
70 70 en : "",
71 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 44 return;
45 45 }
46 46 $i(iddiv).innerHTML += i3GEOF.gradeCoord.html();
47   - i3GEO.util.comboFontes("i3GEOgradeCoordfonte","i3GEOgradeCoordfontef");
  47 + i3GEO.util.comboFontes("i3GEOgradeCoordfonte","i3GEOgradeCoordfontef","form-control");
48 48 var b = new YAHOO.widget.Button(
49 49 "i3GEOgradeCoordbotao1",
50 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 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 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 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 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 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 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 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 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 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 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 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 72 </div>
71 73 \ No newline at end of file
... ...