Commit 0f8136b9c895b814295b3146455ae75ff519a022
1 parent
ff35de69
Exists in
master
and in
7 other branches
Implementação do Mustache
Showing
4 changed files
with
38 additions
and
77 deletions
Show diff stats
classesjs/classe_analise.js
| @@ -195,10 +195,7 @@ i3GEO.analise = { | @@ -195,10 +195,7 @@ i3GEO.analise = { | ||
| 195 | * Ferramenta grade de hexágonos | 195 | * Ferramenta grade de hexágonos |
| 196 | */ | 196 | */ |
| 197 | gradeHex : function() { | 197 | gradeHex : function() { |
| 198 | - i3GEO.util.dialogoFerramenta( | ||
| 199 | - "i3GEO.analise.dialogo.gradeHex()", | ||
| 200 | - "gradehex", | ||
| 201 | - "gradeDeHex"); | 198 | + i3GEO.util.dialogoFerramenta("i3GEO.analise.dialogo.gradeHex()","gradehex","gradeDeHex","dependencias.php","i3GEOF.gradeDeHex.iniciaJanelaFlutuante()"); |
| 202 | }, | 199 | }, |
| 203 | /** | 200 | /** |
| 204 | * Function: analisaGeometrias | 201 | * Function: analisaGeometrias |
classesjs/classe_mapa.js
| @@ -875,7 +875,7 @@ i3GEO.mapa = | @@ -875,7 +875,7 @@ i3GEO.mapa = | ||
| 875 | * Abre a janela de dialogo da ferramenta gradecoord | 875 | * Abre a janela de dialogo da ferramenta gradecoord |
| 876 | */ | 876 | */ |
| 877 | gradeCoord : function() { | 877 | gradeCoord : function() { |
| 878 | - i3GEO.util.dialogoFerramenta("i3GEO.mapa.dialogo.gradeCoord()", "gradecoord", "gradeCoord"); | 878 | + i3GEO.util.dialogoFerramenta("i3GEO.mapa.dialogo.gradeCoord()","gradecoord","gradeCoord","dependencias.php","i3GEOF.gradeCoord.iniciaJanelaFlutuante()"); |
| 879 | }, | 879 | }, |
| 880 | /** | 880 | /** |
| 881 | * Function: cliqueTexto | 881 | * Function: cliqueTexto |
ferramentas/gradecoord/index.js
| @@ -55,6 +55,29 @@ i3GEOF.gradeCoord = { | @@ -55,6 +55,29 @@ i3GEOF.gradeCoord = { | ||
| 55 | criaJanelaFlutuante: function(){ | 55 | criaJanelaFlutuante: function(){ |
| 56 | i3GEOF.gradeCoord.iniciaDicionario(); | 56 | i3GEOF.gradeCoord.iniciaDicionario(); |
| 57 | }, | 57 | }, |
| 58 | + /** | ||
| 59 | + * Template no formato mustache. E preenchido na carga do javascript com o programa dependencias.php | ||
| 60 | + */ | ||
| 61 | + MUSTACHE : "", | ||
| 62 | + /** | ||
| 63 | + * Susbtitutos para o template | ||
| 64 | + */ | ||
| 65 | + mustacheHash : function() { | ||
| 66 | + var dicionario = i3GEO.idioma.objetoIdioma(i3GEOF.gradeCoord.dicionario); | ||
| 67 | + dicionario["gradeCoordIntervalo"] = $inputText('','','i3GEOgradeCoordintervalo','',4,'2'); | ||
| 68 | + dicionario["gradeCoordcorlinha"] = $inputText('','','i3GEOgradeCoordcorlinha','',11,'200,200,200'); | ||
| 69 | + dicionario["locaplic"] = i3GEO.configura.locaplic; | ||
| 70 | + dicionario["nao"] = $trad("x15"); | ||
| 71 | + dicionario["gradeCoordlarguralinha"] = $inputText('','','i3GEOgradeCoordlarguralinha','',11,'1'); | ||
| 72 | + dicionario["sim"] = $trad("x14"); | ||
| 73 | + dicionario["gradeCoordtamanhotexto"] = $inputText('','','i3GEOgradeCoordtamanhotexto','',3,'10'); | ||
| 74 | + dicionario["gradeCoordmascara"] = $inputText('','','i3GEOgradeCoordmascara_i','',11,'-1,-1,-1'); | ||
| 75 | + dicionario["gradeCoordshadowcolor"] = $inputText('','','i3GEOgradeCoordshadowcolor','',11,'-1,-1,-1'); | ||
| 76 | + dicionario["gradeCoordshadowsizex"] = $inputText('','','i3GEOgradeCoordshadowsizex','',3,'0'); | ||
| 77 | + dicionario["gradeCoordshadowsizey"] = $inputText('','','i3GEOgradeCoordshadowsizey','',3,'0'); | ||
| 78 | + dicionario["gradeCoordcortexto"] = $inputText('','','i3GEOgradeCoordcortexto','',11,'0,0,0'); | ||
| 79 | + return dicionario; | ||
| 80 | + }, | ||
| 58 | /* | 81 | /* |
| 59 | Function: iniciaDicionario | 82 | Function: iniciaDicionario |
| 60 | 83 | ||
| @@ -103,66 +126,8 @@ i3GEOF.gradeCoord = { | @@ -103,66 +126,8 @@ i3GEOF.gradeCoord = { | ||
| 103 | 126 | ||
| 104 | String com o código html | 127 | String com o código html |
| 105 | */ | 128 | */ |
| 106 | - html:function(){ | ||
| 107 | - var ins = '<table summary="" class=lista >' + | ||
| 108 | - '<tr><td>'+$trad('intervalo',i3GEOF.gradeCoord.dicionario)+':</td><td>' + | ||
| 109 | - $inputText("","","i3GEOgradeCoordintervalo","",4,"2") + | ||
| 110 | - '</td></tr>' + | ||
| 111 | - '<tr><td> </td><td></td></tr>' + | ||
| 112 | - '<tr><td>'+$trad('cor',i3GEOF.gradeCoord.dicionario)+':</td><td>' + | ||
| 113 | - $inputText("","","i3GEOgradeCoordcorlinha","",11,"200,200,200") + | ||
| 114 | - '<img alt="aquarela.gif" style=cursor:pointer src="'+i3GEO.configura.locaplic+'/imagens/aquarela.gif" onclick="i3GEOF.gradeCoord.corj(\'i3GEOgradeCoordcorlinha\')" />' + | ||
| 115 | - '</td></tr>' + | ||
| 116 | - '<tr><td> </td><td></td></tr>' + | ||
| 117 | - '<tr><td>'+$trad('largura',i3GEOF.gradeCoord.dicionario)+':</td><td>' + | ||
| 118 | - $inputText("","","i3GEOgradeCoordlarguralinha","",11,"1") + | ||
| 119 | - '</td></tr>' + | ||
| 120 | - '<tr><td> </td><td></td></tr>' + | ||
| 121 | - '<tr><td>'+$trad('tipoLinha',i3GEOF.gradeCoord.dicionario)+':</td><td>' + | ||
| 122 | - ' <select id=i3GEOgradeCoordtipolinha >' + | ||
| 123 | - ' <option value="linha" >'+$trad('solido',i3GEOF.gradeCoord.dicionario)+'</option>' + | ||
| 124 | - ' <option value="ferrovia-line2" >'+$trad('tracejado',i3GEOF.gradeCoord.dicionario)+'</option>' + | ||
| 125 | - ' </select>' + | ||
| 126 | - '</td></tr>' + | ||
| 127 | - '<tr><td> </td><td></td></tr>' + | ||
| 128 | - '<tr><td>Inclui textos:</td><td>' + | ||
| 129 | - ' <select id=i3GEOgradeCoordincluitexto >' + | ||
| 130 | - ' <option value="sim" >'+$trad("x14")+'</option>' + | ||
| 131 | - ' <option value="nao" >'+$trad("x15")+'</option>' + | ||
| 132 | - ' </select>' + | ||
| 133 | - '</td></tr>' + | ||
| 134 | - '<tr><td> </td><td></td></tr>' + | ||
| 135 | - '<tr><td>'+$trad('tamanhoTexto',i3GEOF.gradeCoord.dicionario)+':</td><td>' + | ||
| 136 | - $inputText("","","i3GEOgradeCoordtamanhotexto","",3,"10") + | ||
| 137 | - '</td></tr>' + | ||
| 138 | - '<tr><td> </td><td></td></tr>' + | ||
| 139 | - '<tr><td>'+$trad('fonteTexto',i3GEOF.gradeCoord.dicionario)+':</td>' + | ||
| 140 | - ' <td id=i3GEOgradeCoordfontef ></td></tr>' + | ||
| 141 | - '<tr><td> </td><td></td></tr>' + | ||
| 142 | - '<tr>' + | ||
| 143 | - ' <td>'+$trad('corMascara',i3GEOF.gradeCoord.dicionario)+':</td><td>' + | ||
| 144 | - $inputText("","","i3GEOgradeCoordmascara_i","",11,"-1,-1,-1") + | ||
| 145 | - '<img alt="aquarela.gif" style=cursor:pointer src="'+i3GEO.configura.locaplic+'/imagens/aquarela.gif" onclick="i3GEOF.gradeCoord.corj(\'i3GEOgradeCoordmascara_i\')" />' + | ||
| 146 | - ' </td>' + | ||
| 147 | - '</td></tr>' + | ||
| 148 | - '<tr><td> </td><td></td></tr>' + | ||
| 149 | - '<tr><td>'+$trad('corSombra',i3GEOF.gradeCoord.dicionario)+':</td><td>' + | ||
| 150 | - $inputText("","","i3GEOgradeCoordshadowcolor","",11,"-1,-1,-1") + | ||
| 151 | - '<img alt="aquarela.gif" style=cursor:pointer src="'+i3GEO.configura.locaplic+'/imagens/aquarela.gif" onclick="i3GEOF.gradeCoord.corj(\'i3GEOgradeCoordshadowcolor\')" />' + | ||
| 152 | - '</td></tr>' + | ||
| 153 | - '<tr><td> </td><td></td></tr>' + | ||
| 154 | - '<tr>' + | ||
| 155 | - ' <td>'+$trad('deslocamentoSombra',i3GEOF.gradeCoord.dicionario)+':</td><td>' + | ||
| 156 | - ' x '+$inputText("","","i3GEOgradeCoordshadowsizex","",3,"0") + | ||
| 157 | - ' <br>y '+$inputText("","","i3GEOgradeCoordshadowsizey","",3,"0") + | ||
| 158 | - '</td></tr>' + | ||
| 159 | - '<tr><td> </td><td></td></tr>' + | ||
| 160 | - '<tr><td>'+$trad('corTexto',i3GEOF.gradeCoord.dicionario)+':</td><td>' + | ||
| 161 | - $inputText("","","i3GEOgradeCoordcortexto","",11,"0,0,0") + | ||
| 162 | - '<img alt="aquarela.gif" style=cursor:pointer src="'+i3GEO.configura.locaplic+'/imagens/aquarela.gif" onclick="i3GEOF.gradeCoord.corj(\'i3GEOgradeCoordcortexto\')" />' + | ||
| 163 | - '</td></tr>' + | ||
| 164 | - '</table><br>' + | ||
| 165 | - '<p class=paragrafo ><input id=i3GEOgradeCoordbotao1 size=10 type=button value="'+$trad('criaGrade',i3GEOF.gradeCoord.dicionario)+'" />'; | 129 | + html:function() { |
| 130 | + var ins = Mustache.render(i3GEOF.gradeCoord.MUSTACHE, i3GEOF.gradeCoord.mustacheHash()); | ||
| 166 | return ins; | 131 | return ins; |
| 167 | }, | 132 | }, |
| 168 | /* | 133 | /* |
ferramentas/gradecoord/template_mst.html
| 1 | <table summary='' class='lista'> | 1 | <table summary='' class='lista'> |
| 2 | <tr> | 2 | <tr> |
| 3 | <td>{{{intervalo}}}:</td> | 3 | <td>{{{intervalo}}}:</td> |
| 4 | - <td>$inputText('','','i3GEOgradeCoordintervalo','',4,'2')</td> | 4 | + <td>{{{gradeCoordIntervalo}}}</td> |
| 5 | </tr> | 5 | </tr> |
| 6 | <tr> | 6 | <tr> |
| 7 | <td> </td> | 7 | <td> </td> |
| @@ -10,8 +10,8 @@ | @@ -10,8 +10,8 @@ | ||
| 10 | <tr> | 10 | <tr> |
| 11 | <td>{{{cor}}}:</td> | 11 | <td>{{{cor}}}:</td> |
| 12 | <td> | 12 | <td> |
| 13 | - $inputText('','','i3GEOgradeCoordcorlinha','',11,'200,200,200') | ||
| 14 | - <img alt='aquarela.gif' style='cursor: pointer' src='{{{locaplic}}}/imagens/aquarela.gif' onclick="i3GEOF.gradeCoord.corj(\'i3GEOgradeCoordcorlinha\')" /> | 13 | + {{{gradeCoordcorlinha}}} |
| 14 | + <img alt='aquarela.gif' style='cursor: pointer' src='{{{locaplic}}}/imagens/aquarela.gif' onclick='i3GEOF.gradeCoord.corj(\'i3GEOgradeCoordcorlinha\')' /> | ||
| 15 | </td> | 15 | </td> |
| 16 | </tr> | 16 | </tr> |
| 17 | <tr> | 17 | <tr> |
| @@ -20,7 +20,7 @@ | @@ -20,7 +20,7 @@ | ||
| 20 | </tr> | 20 | </tr> |
| 21 | <tr> | 21 | <tr> |
| 22 | <td>{{{largura}}}:</td> | 22 | <td>{{{largura}}}:</td> |
| 23 | - <td>$inputText('','','i3GEOgradeCoordlarguralinha','',11,'1')</td> | 23 | + <td>{{{gradeCoordlarguralinha}}}</td> |
| 24 | </tr> | 24 | </tr> |
| 25 | <tr> | 25 | <tr> |
| 26 | <td> </td> | 26 | <td> </td> |
| @@ -43,8 +43,8 @@ | @@ -43,8 +43,8 @@ | ||
| 43 | <td>Inclui textos:</td> | 43 | <td>Inclui textos:</td> |
| 44 | <td> | 44 | <td> |
| 45 | <select id='i3GEOgradeCoordincluitexto'> | 45 | <select id='i3GEOgradeCoordincluitexto'> |
| 46 | - <option value='sim'>'+$trad("x14")+'</option> | ||
| 47 | - <option value='nao'>'+$trad("x15")+'</option> | 46 | + <option value='sim'>{{{sim}}}</option> |
| 47 | + <option value='nao'>{{{nao}}}</option> | ||
| 48 | </select> | 48 | </select> |
| 49 | </td> | 49 | </td> |
| 50 | </tr> | 50 | </tr> |
| @@ -54,7 +54,7 @@ | @@ -54,7 +54,7 @@ | ||
| 54 | </tr> | 54 | </tr> |
| 55 | <tr> | 55 | <tr> |
| 56 | <td>{{{tamanhoTexto}}}:</td> | 56 | <td>{{{tamanhoTexto}}}:</td> |
| 57 | - <td>$inputText('','','i3GEOgradeCoordtamanhotexto','',3,'10')</td> | 57 | + <td>{{{gradeCoordtamanhotexto}}}</td> |
| 58 | </tr> | 58 | </tr> |
| 59 | <tr> | 59 | <tr> |
| 60 | <td> </td> | 60 | <td> </td> |
| @@ -71,7 +71,7 @@ | @@ -71,7 +71,7 @@ | ||
| 71 | <tr> | 71 | <tr> |
| 72 | <td>{{{corMascara}}}:</td> | 72 | <td>{{{corMascara}}}:</td> |
| 73 | <td> | 73 | <td> |
| 74 | - $inputText('','','i3GEOgradeCoordmascara_i','',11,'-1,-1,-1') | 74 | + {{{gradeCoordmascara}}} |
| 75 | <img alt='aquarela.gif' style='cursor: pointer' src='{{{locaplic}}}/imagens/aquarela.gif' onclick="i3GEOF.gradeCoord.corj(\'i3GEOgradeCoordmascara_i\')" /> | 75 | <img alt='aquarela.gif' style='cursor: pointer' src='{{{locaplic}}}/imagens/aquarela.gif' onclick="i3GEOF.gradeCoord.corj(\'i3GEOgradeCoordmascara_i\')" /> |
| 76 | </td> | 76 | </td> |
| 77 | </tr> | 77 | </tr> |
| @@ -82,7 +82,7 @@ | @@ -82,7 +82,7 @@ | ||
| 82 | <tr> | 82 | <tr> |
| 83 | <td>{{{corSombra}}}:</td> | 83 | <td>{{{corSombra}}}:</td> |
| 84 | <td> | 84 | <td> |
| 85 | - $inputText('','','i3GEOgradeCoordshadowcolor','',11,'-1,-1,-1') | 85 | + {{{gradeCoordshadowcolor}}} |
| 86 | <img alt='aquarela.gif' style='cursor: pointer' src='{{{locaplic}}}/imagens/aquarela.gif' onclick="i3GEOF.gradeCoord.corj(\'i3GEOgradeCoordshadowcolor\')" /> | 86 | <img alt='aquarela.gif' style='cursor: pointer' src='{{{locaplic}}}/imagens/aquarela.gif' onclick="i3GEOF.gradeCoord.corj(\'i3GEOgradeCoordshadowcolor\')" /> |
| 87 | </td> | 87 | </td> |
| 88 | </tr> | 88 | </tr> |
| @@ -93,7 +93,7 @@ | @@ -93,7 +93,7 @@ | ||
| 93 | <tr> | 93 | <tr> |
| 94 | <td>{{{deslocamentoSombra}}}:</td> | 94 | <td>{{{deslocamentoSombra}}}:</td> |
| 95 | <td> | 95 | <td> |
| 96 | - x '+$inputText('','','i3GEOgradeCoordshadowsizex','',3,'0') <br>y '+$inputText('','','i3GEOgradeCoordshadowsizey','',3,'0') | 96 | + x {{{gradeCoordshadowsizex}}} <br>y {{{gradeCoordshadowsizey}}} |
| 97 | </td> | 97 | </td> |
| 98 | </tr> | 98 | </tr> |
| 99 | <tr> | 99 | <tr> |
| @@ -102,8 +102,7 @@ | @@ -102,8 +102,7 @@ | ||
| 102 | </tr> | 102 | </tr> |
| 103 | <tr> | 103 | <tr> |
| 104 | <td>{{{corTexto}}}:</td> | 104 | <td>{{{corTexto}}}:</td> |
| 105 | - <td> | ||
| 106 | - $inputText('','','i3GEOgradeCoordcortexto','',11,'0,0,0') | 105 | + <td>{{{gradeCoordcortexto}}} |
| 107 | <img alt='aquarela.gif' style='cursor: pointer' src='{{{locaplic}}}/imagens/aquarela.gif' onclick="i3GEOF.gradeCoord.corj(\'i3GEOgradeCoordcortexto\')" /> | 106 | <img alt='aquarela.gif' style='cursor: pointer' src='{{{locaplic}}}/imagens/aquarela.gif' onclick="i3GEOF.gradeCoord.corj(\'i3GEOgradeCoordcortexto\')" /> |
| 108 | </td> | 107 | </td> |
| 109 | </tr> | 108 | </tr> |