Download as
Browse Code »

Commit 9344b06ea685fb3ccf330b9f51f2df3a83d0bfc4

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

Implementação do Mustache

Showing 3 changed files with 44 additions and 60 deletions   Show diff stats
classesjs/classe_analise.js
  Diff comments   View file @9344b06
... ... @@ -62,10 +62,7 @@ i3GEO.analise = {
62 62 * Ferramenta mapa agrupamento de pontos
63 63 */
64 64 markercluster : function() {
65   - i3GEO.util.dialogoFerramenta(
66   - "i3GEO.analise.dialogo.markercluster()",
67   - "markercluster",
68   - "markercluster");
  65 + i3GEO.util.dialogoFerramenta("i3GEO.analise.dialogo.markercluster()","markercluster","markercluster","dependencias.php","i3GEOF.markercluster.iniciaJanelaFlutuante()");
69 66 },
70 67 /**
71 68 * Function: heatmap
... ...
ferramentas/markercluster/index.js
  Diff comments   View file @9344b06
... ... @@ -57,6 +57,18 @@ i3GEOF.markercluster = {
57 57 i3GEOF.markercluster.iniciaDicionario();
58 58 },
59 59 /**
  60 + * Template no formato mustache. E preenchido na carga do javascript com o programa dependencias.php
  61 + */
  62 + MUSTACHE : "",
  63 + /**
  64 + * Susbtitutos para o template
  65 + */
  66 + mustacheHash : function() {
  67 + var dicionario = i3GEO.idioma.objetoIdioma(i3GEOF.markercluster.dicionario);
  68 + dicionario["locaplic"] = i3GEO.configura.locaplic;
  69 + return dicionario;
  70 + },
  71 + /**
60 72 * Function: iniciaDicionario
61 73 *
62 74 * Carrega o dicionário e chama a função que inicia a
... ... @@ -105,11 +117,7 @@ i3GEOF.markercluster = {
105 117 * String com o código html
106 118 */
107 119 html : function() {
108   - var ins = '';
109   - ins += '<div style="padding:5px;background-color:#F2F2F2;top:0px;left:0px;display:block;width:98%;" id="i3GEOmarkerclusterresultado" >';
110   - ins += '</div>';
111   - ins += '<div style="top:10px;left:0px;display:block;width:98%;color:red" id="i3GEOmarkerclusterfim" >';
112   - ins += '</div>';
  120 + var ins = Mustache.render(i3GEOF.markercluster.MUSTACHE, i3GEOF.markercluster.mustacheHash());
113 121 return ins;
114 122 },
115 123 /**
... ... @@ -123,7 +131,7 @@ i3GEOF.markercluster = {
123 131 titulo = $trad("x104")
124 132 + " <a class=ajuda_usuario target=_blank href='"
125 133 + i3GEO.configura.locaplic
126   - + "/ajuda_usuario.php?idcategoria=3&idajuda=123' >&nbsp;&nbsp;&nbsp;</a>";
  134 + + "/ajuda_usuario.php?idcategoria=3&idajuda=122' >&nbsp;&nbsp;&nbsp;</a>";
127 135 cabecalho = function() {
128 136 };
129 137 janela = i3GEO.janela.cria(
... ... @@ -166,37 +174,20 @@ i3GEOF.markercluster = {
166 174 }
167 175 },
168 176 t0 : function() {
169   - var ins = "<img class=i3GeoExemploImg src='"
170   - + i3GEO.configura.locaplic
171   - + "/ferramentas/markercluster/exemplo.png' />"
172   - + "<p class='paragrafo' >"
173   - + $trad(
174   - 'ajuda',
175   - i3GEOF.markercluster.dicionario)
176   - + "<p class='paragrafo' >"
177   - + $trad(
178   - 'ajuda2',
179   - i3GEOF.markercluster.dicionario);
180 177 i3GEO.util.proximoAnterior(
181 178 "",
182 179 "i3GEOF.markercluster.t1()",
183   - ins,
  180 + "",
184 181 "i3GEOFgradeDePontost0",
185 182 "i3GEOmarkerclusterresultado",
186 183 true,
187 184 "i3GEOF.markercluster_rodape");
188 185 },
189 186 t1 : function() {
190   - var ins = "<p class='paragrafo'>"
191   - + $trad(
192   - 'selecionaTema',
193   - i3GEOF.markercluster.dicionario)
194   - + ":";
195   - ins += "<div class=styled-select id='i3GEOmarkerclusterSelTemas' ></div>";
196 187 i3GEO.util.proximoAnterior(
197 188 "i3GEOF.markercluster.t0()",
198 189 "i3GEOF.markercluster.t2()",
199   - ins,
  190 + "",
200 191 "i3GEOF.markercluster.t1",
201 192 "i3GEOmarkerclusterresultado",
202 193 true,
... ... @@ -204,28 +195,10 @@ i3GEOF.markercluster = {
204 195 i3GEOF.markercluster.comboTemasSel();
205 196 },
206 197 t2 : function() {
207   - var ins = "<p class='paragrafo'>"
208   - + $trad(
209   - 'tituloNovaCamada',
210   - i3GEOF.markercluster.dicionario);
211   - ins += "<br></p><div class='i3geoForm i3geoFormIconeEdita' ><input id='i3GEOmarkerclusterTitulo' type=text value='Mapa de agrupamento'/></div>";
212   -
213   - ins += "<br><p class='paragrafo' >"
214   - + $trad(
215   - 'raio',
216   - i3GEOF.markercluster.dicionario);
217   - ins += "</p><div class='i3geoForm i3geoFormIconeEdita' ><input id='i3GEOmarkerclusterRaio' type=text value='50'/></div>";
218   -
219   - ins += "<br><p class='paragrafo' >"
220   - + $trad(
221   - 'opacidade',
222   - i3GEOF.markercluster.dicionario);
223   - ins += "</p><div class='i3geoForm i3geoFormIconeEdita' ><input id='i3GEOmarkerclusterOpacidade' type=text value='50'/></div>";
224   -
225 198 i3GEO.util.proximoAnterior(
226 199 "i3GEOF.markercluster.t1()",
227 200 "i3GEOF.markercluster.t3()",
228   - ins,
  201 + "",
229 202 "i3GEOF.markercluster.t2",
230 203 "i3GEOmarkerclusterresultado",
231 204 true,
... ... @@ -233,24 +206,15 @@ i3GEOF.markercluster = {
233 206 i3GEOF.markercluster.comboItens();
234 207 },
235 208 t3 : function() {
236   - var b,ins = "<p class='paragrafo'>"
237   - + $trad(
238   - 'adicionaTema',
239   - i3GEOF.markercluster.dicionario);
240   - ins += "<br><br><input id=i3GEOmarkerclusterbotao1 type='button' value='"
241   - + $trad(
242   - 'criaCamada',
243   - i3GEOF.markercluster.dicionario)
244   - + "' />";
245 209 i3GEO.util.proximoAnterior(
246 210 "i3GEOF.markercluster.t2()",
247 211 "",
248   - ins,
  212 + "",
249 213 "i3GEOF.markercluster.t3",
250 214 "i3GEOmarkerclusterresultado",
251 215 true,
252 216 "i3GEOF.markercluster_rodape");
253   - b = new YAHOO.widget.Button("i3GEOmarkerclusterbotao1", {
  217 + var b = new YAHOO.widget.Button("i3GEOmarkerclusterbotao1", {
254 218 onclick : {
255 219 fn : i3GEOF.markercluster.criamarkercluster
256 220 }
... ...
ferramentas/markercluster/template_mst.html
  Diff comments   View file @9344b06
1   -<div style='padding: 5px; background-color: #F2F2F2; top: 0px; left: 0px; display: block; width: 98%;' id='i3GEOmarkerclusterresultado'></div>
  1 +<div style='padding: 5px; background-color: #F2F2F2; top: 0px; left: 0px; display: block; width: 98%;' id='i3GEOmarkerclusterresultado'>
  2 + <div id='i3GEOFgradeDePontost0'>
  3 + <img class='i3GeoExemploImg' src='{{{locaplic}}}/ferramentas/markercluster/exemplo.png' />
  4 + <p class='paragrafo'>{{{ajuda}}}
  5 + <p class='paragrafo'>{{{ajuda2}}}
  6 + </div>
  7 + <div id='i3GEOF.markercluster.t1'>
  8 + <p class='paragrafo'>{{{selecionaTema}}}:
  9 + <div class='styled-select' id='i3GEOmarkerclusterSelTemas'></div>
  10 + </div>
  11 + <div id='i3GEOF.markercluster.t2'>
  12 + <p class='paragrafo'>{{{tituloNovaCamada}}}<br></p>
  13 + <div class='i3geoForm i3geoFormIconeEdita'><input id='i3GEOmarkerclusterTitulo' type='text' value='Mapa de agrupamento' /></div>
  14 + <br>
  15 + <p class='paragrafo'>{{{raio}}}</p>
  16 + <div class='i3geoForm i3geoFormIconeEdita'><input id='i3GEOmarkerclusterRaio' type='text' value='50' /></div>
  17 + <br>
  18 + <p class='paragrafo'>{{{opacidade}}}</p>
  19 + <div class='i3geoForm i3geoFormIconeEdita'><input id='i3GEOmarkerclusterOpacidade' type='text' value='50' /></div>
  20 + </div>
  21 + <div id='i3GEOF.markercluster.t3'>
  22 + <p class='paragrafo'>{{{adicionaTema}}}<br><br><input id='i3GEOmarkerclusterbotao1' type='button' value='{{{criaCamada}}}' />
  23 + </div>
  24 +</div>
2 25 <div style='top: 10px; left: 0px; display: block; width: 98%; color: red' id='i3GEOmarkerclusterfim'></div>
3 26 \ No newline at end of file
... ...