Commit 3fb31839b2b6d13c7a53d43d4768d6e674ad219f
1 parent
8515f095
Exists in
master
and in
7 other branches
Conversão para Bootstrap da opção Ferramentas, existente no editor vetorial
Showing
2 changed files
with
34 additions
and
34 deletions
Show diff stats
ferramentas/editorol/editorol.js
| ... | ... | @@ -58,6 +58,7 @@ if (!i3GEO || typeof (i3GEO) === 'undefined') { |
| 58 | 58 | i3GEO.editorOL = |
| 59 | 59 | { |
| 60 | 60 | MUSTACHESALVAGEOMETRIAS: "", |
| 61 | + MUSTACHEFERRAMENTAS: "", | |
| 61 | 62 | layerDefault: "", |
| 62 | 63 | simbologia : { |
| 63 | 64 | opacidade : 0.8, |
| ... | ... | @@ -2126,6 +2127,13 @@ i3GEO.editorOL = |
| 2126 | 2127 | temp.innerHTML = ins; |
| 2127 | 2128 | }, |
| 2128 | 2129 | ferramentas : function() { |
| 2130 | + if(i3GEO.editorOL.MUSTACHEFERRAMENTAS == ""){ | |
| 2131 | + $.get(i3GEO.configura.locaplic + "/ferramentas/editorol/templateFerramentas_mst.html", function(template) { | |
| 2132 | + i3GEO.editorOL.MUSTACHEFERRAMENTAS = template; | |
| 2133 | + i3GEO.editorOL.ferramentas(); | |
| 2134 | + }); | |
| 2135 | + return; | |
| 2136 | + } | |
| 2129 | 2137 | var b, ins; |
| 2130 | 2138 | if (!document.getElementById("panelferramentasEditor")) { |
| 2131 | 2139 | YAHOO.namespace("editorOL.ferramentas"); |
| ... | ... | @@ -2133,37 +2141,21 @@ i3GEO.editorOL = |
| 2133 | 2141 | zIndex : 20000, |
| 2134 | 2142 | iframe : true, |
| 2135 | 2143 | width : "300px", |
| 2136 | - height : "150px", | |
| 2137 | 2144 | visible : false, |
| 2138 | 2145 | draggable : true, |
| 2139 | 2146 | close : true |
| 2140 | 2147 | }); |
| 2141 | - ins = | |
| 2142 | - "" + '<p class=paragrafo >' | |
| 2143 | - + $trad("opsel") | |
| 2144 | - + ':</p>' | |
| 2145 | - + '<div class=styled-select >' | |
| 2146 | - + '<select id="panelferramentasEditorOpcoes">' | |
| 2147 | - + ' <option value="">---</option>' | |
| 2148 | - + ' <option value=union >União</option>'; | |
| 2148 | + var hash = { | |
| 2149 | + "opsel": $trad("opsel"), | |
| 2150 | + "p14": $trad("p14"), | |
| 2151 | + "hidden": "hidden" | |
| 2152 | + }; | |
| 2149 | 2153 | if (i3GEO.php) { |
| 2150 | - ins += | |
| 2151 | - ' <option value=intersection >Intersecção</option>' + ' <option value=convexhull >Convex hull</option>' | |
| 2152 | - + ' <option value=boundary >Bordas</option>' | |
| 2153 | - + ' <option value=difference >Diferença</option>' | |
| 2154 | - + ' <option value=symdifference >Diferença simétrica</option>'; | |
| 2154 | + hash.hidden = ""; | |
| 2155 | 2155 | } |
| 2156 | - ins += '</select></p>'; | |
| 2157 | - ins += '</div>'; | |
| 2158 | - ins += '<br><p class=paragrafo ><input id="panelferramentasEditorAplicar" type="button" value="' + $trad("p14") + '" />'; | |
| 2159 | - | |
| 2156 | + ins = Mustache.render(i3GEO.editorOL.MUSTACHEFERRAMENTAS, hash); | |
| 2160 | 2157 | YAHOO.editorOL.ferramentas.panel.setBody(ins); |
| 2161 | - if (i3GEO && typeof i3GEO != undefined && i3GEO != "") { | |
| 2162 | - YAHOO.editorOL.ferramentas.panel | |
| 2163 | - .setHeader("Ferramentas <div id='panelferramentasEditor_minimizaCabecalho' class='container-minimiza'></div>"); | |
| 2164 | - } else { | |
| 2165 | - YAHOO.editorOL.ferramentas.panel.setHeader("Ferramentas"); | |
| 2166 | - } | |
| 2158 | + YAHOO.editorOL.ferramentas.panel.setHeader("<span class='i3GeoTituloJanelaBsNolink' >Ferramentas</span>"); | |
| 2167 | 2159 | |
| 2168 | 2160 | YAHOO.editorOL.ferramentas.panel.setFooter(""); |
| 2169 | 2161 | YAHOO.editorOL.ferramentas.panel.render(document.body); |
| ... | ... | @@ -2176,20 +2168,10 @@ i3GEO.editorOL = |
| 2176 | 2168 | i3GEO.janela.minimiza("panelferramentasEditor"); |
| 2177 | 2169 | }; |
| 2178 | 2170 | } |
| 2179 | - b = new YAHOO.widget.Button( | |
| 2180 | - "panelferramentasEditorAplicar",{ | |
| 2181 | - onclick:{ | |
| 2182 | - fn: function(){ | |
| 2183 | - i3GEO.editorOL.processageo($i("panelferramentasEditorOpcoes").value); | |
| 2184 | - } | |
| 2185 | - } | |
| 2186 | - }); | |
| 2187 | - b.addClass("rodar"); | |
| 2188 | 2171 | } else { |
| 2189 | 2172 | YAHOO.editorOL.ferramentas.panel.render(document.body); |
| 2190 | 2173 | } |
| 2191 | 2174 | YAHOO.editorOL.ferramentas.panel.show(); |
| 2192 | - | |
| 2193 | 2175 | }, |
| 2194 | 2176 | //TODO implementar ao atualizar OL3 |
| 2195 | 2177 | snap : function() { | ... | ... |
| ... | ... | @@ -0,0 +1,18 @@ |
| 1 | +<div class='container-fluid'> | |
| 2 | + <h5>{{{opsel}}}</h5> | |
| 3 | + <div style="width: 100%;" class='form-group label-fixed condensed'> | |
| 4 | + <label class="control-label" for="i3GEOtoponimiaDivListaFonte">{{{fonte}}}</label> | |
| 5 | + <div style="width: 100%;" class="input-group"> | |
| 6 | + <select class="form-control" id="panelferramentasEditorOpcoes"> | |
| 7 | + <option value="">---</option> | |
| 8 | + <option value=union>União</option> | |
| 9 | + <option class="{{{hidden}}}" value=intersection>Intersecção</option> | |
| 10 | + <option value=convexhull>Convex hull</option> | |
| 11 | + <option class="{{{hidden}}}" value=boundary>Bordas</option> | |
| 12 | + <option class="{{{hidden}}}" value=difference>Diferença</option> | |
| 13 | + <option class="{{{hidden}}}" value=symdifference>Diferença simétrica</option> | |
| 14 | + </select> | |
| 15 | + </div> | |
| 16 | + </div> | |
| 17 | + <button onclick="i3GEO.editorOL.processageo($i('panelferramentasEditorOpcoes').value)" class='btn btn-primary btn-sm btn-raised'>{{{p14}}}</button> | |
| 18 | +</div> | |
| 0 | 19 | \ No newline at end of file | ... | ... |