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
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 | ... | ... |