Commit 0f8136b9c895b814295b3146455ae75ff519a022

Authored by Murilo Caixêta
1 parent ff35de69

Implementação do Mustache

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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</td><td></td></tr>' +  
139 - '<tr><td>'+$trad('fonteTexto',i3GEOF.gradeCoord.dicionario)+':</td>' +  
140 - ' <td id=i3GEOgradeCoordfontef ></td></tr>' +  
141 - '<tr><td>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</td> 7 <td>&nbsp;</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>&nbsp;</td> 26 <td>&nbsp;</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>&nbsp;</td> 60 <td>&nbsp;</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>