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 |