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