Commit eeb48f05dcea6e817cc82ba1aab1f094dfedc082
1 parent
225db094
Exists in
master
and in
7 other branches
Adaptação da ferramenta grade de coordenadas para Bootstrap
Showing
3 changed files
with
66 additions
and
59 deletions
Show diff stats
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 |