Download as
Browse Code »

Commit 0f8136b9c895b814295b3146455ae75ff519a022

Authored by Murilo Caixêta
1 parent ff35de69
Exists in master and in 7 other branches composer, doc-root, docker, guia, licenca, readme, unmaintened

Implementação do Mustache

Showing 4 changed files with 38 additions and 77 deletions   Show diff stats
classesjs/classe_analise.js
  Diff comments   View file @0f8136b
... ... @@ -195,10 +195,7 @@ i3GEO.analise = {
195 195 * Ferramenta grade de hexágonos
196 196 */
197 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 201 * Function: analisaGeometrias
... ...
classesjs/classe_mapa.js
  Diff comments   View file @0f8136b
... ... @@ -875,7 +875,7 @@ i3GEO.mapa =
875 875 * Abre a janela de dialogo da ferramenta gradecoord
876 876 */
877 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 881 * Function: cliqueTexto
... ...
ferramentas/gradecoord/index.js
  Diff comments   View file @0f8136b
... ... @@ -55,6 +55,29 @@ i3GEOF.gradeCoord = {
55 55 criaJanelaFlutuante: function(){
56 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 82 Function: iniciaDicionario
60 83  
... ... @@ -103,66 +126,8 @@ i3GEOF.gradeCoord = {
103 126  
104 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 131 return ins;
167 132 },
168 133 /*
... ...
ferramentas/gradecoord/template_mst.html
  Diff comments   View file @0f8136b
1 1 <table summary='' class='lista'>
2 2 <tr>
3 3 <td>{{{intervalo}}}:</td>
4   - <td>$inputText('','','i3GEOgradeCoordintervalo','',4,'2')</td>
  4 + <td>{{{gradeCoordIntervalo}}}</td>
5 5 </tr>
6 6 <tr>
7 7 <td>&nbsp;</td>
... ... @@ -10,8 +10,8 @@
10 10 <tr>
11 11 <td>{{{cor}}}:</td>
12 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 15 </td>
16 16 </tr>
17 17 <tr>
... ... @@ -20,7 +20,7 @@
20 20 </tr>
21 21 <tr>
22 22 <td>{{{largura}}}:</td>
23   - <td>$inputText('','','i3GEOgradeCoordlarguralinha','',11,'1')</td>
  23 + <td>{{{gradeCoordlarguralinha}}}</td>
24 24 </tr>
25 25 <tr>
26 26 <td>&nbsp;</td>
... ... @@ -43,8 +43,8 @@
43 43 <td>Inclui textos:</td>
44 44 <td>
45 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 48 </select>
49 49 </td>
50 50 </tr>
... ... @@ -54,7 +54,7 @@
54 54 </tr>
55 55 <tr>
56 56 <td>{{{tamanhoTexto}}}:</td>
57   - <td>$inputText('','','i3GEOgradeCoordtamanhotexto','',3,'10')</td>
  57 + <td>{{{gradeCoordtamanhotexto}}}</td>
58 58 </tr>
59 59 <tr>
60 60 <td>&nbsp;</td>
... ... @@ -71,7 +71,7 @@
71 71 <tr>
72 72 <td>{{{corMascara}}}:</td>
73 73 <td>
74   - $inputText('','','i3GEOgradeCoordmascara_i','',11,'-1,-1,-1')
  74 + {{{gradeCoordmascara}}}
75 75 <img alt='aquarela.gif' style='cursor: pointer' src='{{{locaplic}}}/imagens/aquarela.gif' onclick="i3GEOF.gradeCoord.corj(\'i3GEOgradeCoordmascara_i\')" />
76 76 </td>
77 77 </tr>
... ... @@ -82,7 +82,7 @@
82 82 <tr>
83 83 <td>{{{corSombra}}}:</td>
84 84 <td>
85   - $inputText('','','i3GEOgradeCoordshadowcolor','',11,'-1,-1,-1')
  85 + {{{gradeCoordshadowcolor}}}
86 86 <img alt='aquarela.gif' style='cursor: pointer' src='{{{locaplic}}}/imagens/aquarela.gif' onclick="i3GEOF.gradeCoord.corj(\'i3GEOgradeCoordshadowcolor\')" />
87 87 </td>
88 88 </tr>
... ... @@ -93,7 +93,7 @@
93 93 <tr>
94 94 <td>{{{deslocamentoSombra}}}:</td>
95 95 <td>
96   - x '+$inputText('','','i3GEOgradeCoordshadowsizex','',3,'0') <br>y '+$inputText('','','i3GEOgradeCoordshadowsizey','',3,'0')
  96 + x {{{gradeCoordshadowsizex}}} <br>y {{{gradeCoordshadowsizey}}}
97 97 </td>
98 98 </tr>
99 99 <tr>
... ... @@ -102,8 +102,7 @@
102 102 </tr>
103 103 <tr>
104 104 <td>{{{corTexto}}}:</td>
105   - <td>
106   - $inputText('','','i3GEOgradeCoordcortexto','',11,'0,0,0')
  105 + <td>{{{gradeCoordcortexto}}}
107 106 <img alt='aquarela.gif' style='cursor: pointer' src='{{{locaplic}}}/imagens/aquarela.gif' onclick="i3GEOF.gradeCoord.corj(\'i3GEOgradeCoordcortexto\')" />
108 107 </td>
109 108 </tr>
... ...