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 188 "i3GEOmarkerclusterresultado",
189 189 true,
190 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 193 * Function: criamarkercluster
... ... @@ -279,7 +273,11 @@ i3GEOF.markercluster = {
279 273 "",
280 274 false,
281 275 "ligados",
282   - "display:block");
  276 + " ",
  277 + false,
  278 + true,
  279 + "form-control comboTema"
  280 + );
283 281 },
284 282 /**
285 283 * Function: comboItens
... ... @@ -299,6 +297,11 @@ i3GEOF.markercluster = {
299 297 $i("i3GEOmarkerclusterondeItens").innerHTML = retorno.dados;
300 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 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 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 6 </div>
7 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 14 </div>
11 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 40 </div>
27 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 46 </div>
30 47 </div>
31   -<div style='top: 10px; left: 0px; display: block; width: 98%; color: red' id='i3GEOmarkerclusterfim'></div>
32 48 \ No newline at end of file
... ...