Download as
Browse Code »

Commit 225078de305be40577a95655229172455f8c84c2

Authored by Edmar Moretti
1 parent cf603ae0
Exists in master and in 7 other branches composer, doc-root, docker, guia, licenca, readme, unmaintened

Conversão da ferramenta Cluster para Bootstrap

Showing 2 changed files with 49 additions and 30 deletions   Show diff stats
ferramentas/markercluster/index.js
  Diff comments   View file @225078d
@@ -188,12 +188,6 @@ i3GEOF.markercluster = { @@ -188,12 +188,6 @@ i3GEOF.markercluster = {
188 "i3GEOmarkerclusterresultado", 188 "i3GEOmarkerclusterresultado",
189 true, 189 true,
190 "i3GEOF.markercluster_rodape"); 190 "i3GEOF.markercluster_rodape");
191 - var b = new YAHOO.widget.Button("i3GEOmarkerclusterbotao1", {  
192 - onclick : {  
193 - fn : i3GEOF.markercluster.criamarkercluster  
194 - }  
195 - });  
196 - b.addClass("rodar");  
197 }, 191 },
198 /** 192 /**
199 * Function: criamarkercluster 193 * Function: criamarkercluster
@@ -279,7 +273,11 @@ i3GEOF.markercluster = { @@ -279,7 +273,11 @@ i3GEOF.markercluster = {
279 "", 273 "",
280 false, 274 false,
281 "ligados", 275 "ligados",
282 - "display:block"); 276 + " ",
  277 + false,
  278 + true,
  279 + "form-control comboTema"
  280 + );
283 }, 281 },
284 /** 282 /**
285 * Function: comboItens 283 * Function: comboItens
@@ -299,6 +297,11 @@ i3GEOF.markercluster = { @@ -299,6 +297,11 @@ i3GEOF.markercluster = {
299 $i("i3GEOmarkerclusterondeItens").innerHTML = retorno.dados; 297 $i("i3GEOmarkerclusterondeItens").innerHTML = retorno.dados;
300 $i("i3GEOmarkerclusterondeItens").style.display = "block"; 298 $i("i3GEOmarkerclusterondeItens").style.display = "block";
301 }, 299 },
302 - "i3GEOmarkerclusterondeItens"); 300 + "i3GEOmarkerclusterondeItens",
  301 + "",
  302 + "",
  303 + "",
  304 + "form-control comboTema"
  305 + );
303 } 306 }
304 }; 307 };
305 \ No newline at end of file 308 \ No newline at end of file
ferramentas/markercluster/template_mst.html
  Diff comments   View file @225078d
1 -<div style='padding: 5px; background-color: #F2F2F2; top: 0px; left: 0px; display: block; width: 98%;' id='i3GEOmarkerclusterresultado'> 1 +<div class='container-fluid' id='i3GEOmarkerclusterresultado'>
2 <div id='i3GEOFgradeDePontost0'> 2 <div id='i3GEOFgradeDePontost0'>
3 - <img class='i3GeoExemploImg' src='{{{locaplic}}}/ferramentas/markercluster/exemplo.png' />  
4 - <p class='paragrafo'>{{{ajuda}}}  
5 - <p class='paragrafo'>{{{ajuda2}}} 3 + <img class="img-rounded pull-left" style="margin: 5px; width: 40px;" src='{{{locaplic}}}/ferramentas/markercluster/exemplo.png' />
  4 + <h5>{{{ajuda}}}</h5>
  5 + <h5>{{{ajuda2}}}</h5>
6 </div> 6 </div>
7 <div id='i3GEOF.markercluster.t1'> 7 <div id='i3GEOF.markercluster.t1'>
8 - <p class='paragrafo'>{{{selecionaTema}}}:  
9 - <div class='styled-select' id='i3GEOmarkerclusterSelTemas'></div> 8 + <div style="width: 100%;" class='form-group label-fixed condensed'>
  9 + <label class="control-label" for="">{{{selecionaTema}}}</label>
  10 + <div style="width: 100%;" class="input-group">
  11 + <div id='i3GEOmarkerclusterSelTemas'></div>
  12 + </div>
  13 + </div>
10 </div> 14 </div>
11 <div id='i3GEOF.markercluster.t2'> 15 <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 i3geoFormIconeNumero'><input id='i3GEOmarkerclusterRaio' type='number' value='50' /></div>  
17 - <br>  
18 - <p class='paragrafo'>{{{opacidade}}}</p>  
19 - <div class='i3geoForm i3geoFormIconeNumero'><input id='i3GEOmarkerclusterOpacidade' type='number' value='50' /></div>  
20 - <p class='paragrafo'>{{{color}}}</p>  
21 - <div class='i3geoForm100 i3geoFormIconeAquarela'><input type='text' id='i3GEOmarkerclusterColor' value='255,255,255' /></div>  
22 - <p class='paragrafo'>{{{strokecolor}}}</p>  
23 - <div class='i3geoForm100 i3geoFormIconeAquarela'><input type='text' id='i3GEOmarkerclusterStrokecolor' value='255,255,255' /></div>  
24 - <p class='paragrafo'>{{{textcolor}}}</p>  
25 - <div class='i3geoForm100 i3geoFormIconeAquarela'><input type='text' id='i3GEOmarkerclusterTextcolor' value='0,0,0' /></div> 16 + <div class='form-group label-fixed condensed'>
  17 + <label class="control-label" for="i3GEOmarkerclusterTitulo">{{{tituloNovaCamada}}}</label>
  18 + <input class="form-control input-lg" type='text' id='i3GEOmarkerclusterTitulo' value='Mapa de agrupamento' />
  19 + </div>
  20 + <div class='form-group label-fixed condensed'>
  21 + <label class="control-label" for="i3GEOmarkerclusterRaio">{{{raio}}}</label>
  22 + <input class="form-control input-lg" type='text' id='i3GEOmarkerclusterRaio' value='50' />
  23 + </div>
  24 + <div class='form-group label-fixed condensed'>
  25 + <label class="control-label" for="i3GEOmarkerclusterOpacidade">{{{opacidade}}}</label>
  26 + <input class="form-control input-lg" type='text' id='i3GEOmarkerclusterOpacidade' value='50' />
  27 + </div>
  28 + <div class='form-group label-fixed condensed'>
  29 + <label class="control-label" for="i3GEOmarkerclusterColor">{{{color}}}</label>
  30 + <input class="form-control input-lg i3geoFormIconeAquarela" type='text' id='i3GEOmarkerclusterColor' value='255,255,255' />
  31 + </div>
  32 + <div class='form-group label-fixed condensed'>
  33 + <label class="control-label" for="i3GEOmarkerclusterStrokecolor">{{{strokecolor}}}</label>
  34 + <input class="form-control input-lg i3geoFormIconeAquarela" type='text' id='i3GEOmarkerclusterStrokecolor' value='255,255,255' />
  35 + </div>
  36 + <div class='form-group label-fixed condensed'>
  37 + <label class="control-label" for="i3GEOmarkerclusterTextcolor">{{{textcolor}}}</label>
  38 + <input class="form-control input-lg i3geoFormIconeAquarela" type='text' id='i3GEOmarkerclusterTextcolor' value='0,0,0' />
  39 + </div>
26 </div> 40 </div>
27 <div id='i3GEOF.markercluster.t3'> 41 <div id='i3GEOF.markercluster.t3'>
28 - <p class='paragrafo'>{{{adicionaTema}}}<br><br><input id='i3GEOmarkerclusterbotao1' type='button' value='{{{criaCamada}}}' /> 42 + <h5>{{{adicionaTema}}}</h5>
  43 + <button onclick="i3GEOF.markercluster.criamarkercluster()" class='btn btn-primary btn-sm btn-raised'>{{{criaCamada}}}</button>
  44 +
  45 + <h5 id='i3GEOmarkerclusterfim'></h5>
29 </div> 46 </div>
30 </div> 47 </div>
31 -<div style='top: 10px; left: 0px; display: block; width: 98%; color: red' id='i3GEOmarkerclusterfim'></div>  
32 \ No newline at end of file 48 \ No newline at end of file