Download as
Browse Code »

Commit 13558d05680818e03afc43dfb9adb8852137663f

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

--no commit message

Showing 1 changed file with 122 additions and 97 deletions   Show diff stats
ferramentas/editorol/editorol.js
  Diff comments   View file @13558d0
... ... @@ -215,6 +215,8 @@ i3GEO.editorOL =
215 215 mapa : "",
216 216 //ids das features graficas selecionadas
217 217 idsSelecionados : [],
  218 + //backup das features
  219 + featuresBackup : [],
218 220 //utilizado pelo mashup
219 221 inicia : function() {
220 222 // ativabotoes e boolean
... ... @@ -1304,59 +1306,100 @@ i3GEO.editorOL =
1304 1306 i3GEOpanelEditor.appendChild(temp);
1305 1307 }
1306 1308  
1307   - i3GEOpanelEditor.style.width = i3GEOpanelEditor.getElementsByTagName("div").length * 33 + "px";
1308   - i3GEO.editorOL.mapa.getViewport().getElementsByClassName("ol-overlaycontainer-stopevent")[0].appendChild(i3GEOpanelEditor);
1309   -
1310   - /*
1311   -
1312   - // botao de selecionar tudo
1313 1309 if (botoes.selecaotudo === true) {
1314   -
1315   - button = new OpenLayers.Control.Button({
1316   - displayClass : "editorOLselecaoTudo",
1317   - trigger : function() {
1318   - var fs = i3GEO.desenho.layergrafico.features, n = fs.length, i;
1319   - for (i = 0; i < n; i++) {
1320   - i3GEO.editorOL.selbutton.select(fs[i]);
1321   - }
1322   - },
1323   - title : $trad("studo"),
1324   - type : OpenLayers.Control.TYPE_BUTTON
1325   - });
1326   - controles.push(button);
1327   - adiciona = true;
1328   -
  1310 + temp = document.createElement("div");
  1311 + temp.className = "editorOLselecaoTudoItemInactive olButton";
  1312 + temp.title = $trad("studo");
  1313 + temp.onclick = function(){
  1314 + i3GEO.editorOL.marcaBotao();
  1315 + i3GEO.editorOL.selTodos();
  1316 + };
  1317 + i3GEOpanelEditor.appendChild(temp);
1329 1318 }
  1319 +
1330 1320 if (botoes.apaga === true) {
1331   -
1332   - button = new OpenLayers.Control.Button({
1333   - displayClass : "editorOLapaga",
1334   - trigger : function() {
1335   - if (i3GEO.desenho.layergrafico.selectedFeatures.length > 0) {
1336   - var x = window.confirm($trad("excsel") + "?");
1337   - if (x) {
1338   - i3GEO.editorOL.guardaBackup();
1339   - i3GEO.desenho.layergrafico.removeFeatures(i3GEO.desenho.layergrafico.selectedFeatures);
1340   - if (document.getElementById("panellistagEditor")) {
1341   - i3GEO.editorOL.listaGeometrias();
1342   - }
1343   - if (typeof i3geoOL !== "undefined") {
1344   - i3GEO.janela.tempoMsg($trad("meneditor1"));
  1321 + temp = document.createElement("div");
  1322 + temp.className = "editorOLapagaItemInactive olButton";
  1323 + temp.title = $trad("excsel");
  1324 + temp.onclick = function(){
  1325 + var x, i, s, nsel = i3GEO.editorOL.idsSelecionados.length;
  1326 + i3GEO.editorOL.featuresBackup = [];
  1327 + i3GEO.editorOL.marcaBotao();
  1328 + if(nsel > 0){
  1329 + x = window.confirm($trad("excsel") + "?");
  1330 + if(x){
  1331 + s = i3GEO.desenho.layergrafico.getSource();
  1332 + for(i=0; i<nsel; i++){
  1333 + f = s.getFeatureById(i3GEO.editorOL.idsSelecionados[i]);
  1334 + if(f){
  1335 + i3GEO.editorOL.featuresBackup.push(f.clone());
  1336 + s.removeFeature(f);
1345 1337 }
1346 1338 }
1347   - } else {
1348   - i3GEO.janela.tempoMsg($trad("seluma"));
  1339 + s.changed();
  1340 + i3GEO.editorOL.idsSelecionados = [];
1349 1341 }
1350   - },
1351   - title : $trad("excsel"),
1352   - type : OpenLayers.Control.TYPE_BUTTON
1353   - });
1354   - controles.push(button);
1355   - adiciona = true;
1356   -
  1342 + }
  1343 + else{
  1344 + i3GEO.janela.tempoMsg($trad("selum"));
  1345 + }
  1346 + };
  1347 + i3GEOpanelEditor.appendChild(temp);
  1348 + }
  1349 +
  1350 + if (botoes.frente === true) {
  1351 + temp = document.createElement("div");
  1352 + temp.className = "editorOLfrenteItemInactive olButton";
  1353 + temp.title = $trad("frente");
  1354 + temp.onclick = function(){
  1355 + var nsel = i3GEO.editorOL.idsSelecionados.length;
  1356 + if(nsel > 0){
  1357 + i3GEO.editorOL.marcaBotao();
  1358 + i3GEO.editorOL.trazParaFrente();
  1359 + }
  1360 + else{
  1361 + i3GEO.janela.tempoMsg($trad("selum"));
  1362 + }
  1363 + };
  1364 + i3GEOpanelEditor.appendChild(temp);
1357 1365 }
  1366 + //TODO Translate nao funciona nessa versao do openlayers 3x precisa atualizar
  1367 + if (botoes.edita === true) {
  1368 + i3GEO.eventos.cliquePerm.desativa();
  1369 + temp = document.createElement("div");
  1370 + temp.className = "editorOLeditaItemInactive olButton";
  1371 + temp.title = $trad("dpol");
  1372 + temp.onclick = function(){
  1373 + i3GEO.editorOL.featuresBackup = [];
  1374 + var draw, nsel, f, c;
  1375 + nsel = i3GEO.editorOL.idsSelecionados.length;
  1376 + if(nsel > 0){
  1377 + i3GEO.editorOL.marcaBotao("editorOLedita");
  1378 + f = i3GEO.desenho.layergrafico.getSource().getFeatureById(i3GEO.editorOL.idsSelecionados[nsel - 1]);
  1379 + i3GEO.editorOL.featuresBackup.push(f.clone());
  1380 + c = new ol.Collection();
  1381 + c.push(f);
  1382 + draw = new ol.interaction.Modify({
  1383 + features: c
  1384 + });
  1385 + //adiciona a interacao para poder ser removida
  1386 + i3GEO.editorOL.interacoes.push(draw);
  1387 + i3GEO.Interface.openlayers.interacoes[0].setActive(false);
  1388 + i3geoOL.addInteraction(draw);
  1389 + }
  1390 + else{
  1391 + i3GEO.janela.tempoMsg($trad("selum"));
  1392 + }
  1393 + };
  1394 + i3GEOpanelEditor.appendChild(temp);
  1395 + }
  1396 +
  1397 + i3GEOpanelEditor.style.width = i3GEOpanelEditor.getElementsByTagName("div").length * 33 + "px";
  1398 + i3GEO.editorOL.mapa.getViewport().getElementsByClassName("ol-overlaycontainer-stopevent")[0].appendChild(i3GEOpanelEditor);
  1399 +
  1400 + /*
  1401 +
1358 1402 if (botoes.edita === true && botoes.corta === true && i3GEO.php) {
1359   -
1360 1403 i3GEO.editorOL.CortaFeature = new OpenLayers.Control.DrawFeature(i3GEO.desenho.layergrafico, OpenLayers.Handler.Polygon, {
1361 1404 displayClass : "editorOLcorta",
1362 1405 title : $trad("cortaf"),
... ... @@ -1389,24 +1432,6 @@ i3GEO.editorOL =
1389 1432 adiciona = true;
1390 1433  
1391 1434 }
1392   - if (botoes.edita === true) {
1393   -
1394   - i3GEO.editorOL.ModifyFeature = new OpenLayers.Control.ModifyFeature(i3GEO.desenho.layergrafico, {
1395   - displayClass : "editorOLedita",
1396   - title : $trad("modf"),
1397   - type : OpenLayers.Control.TYPE_TOOL,
1398   - clickout : true,
1399   - toggle : true,
1400   - mode : OpenLayers.Control.ModifyFeature.RESHAPE,
1401   - standalone : false,
1402   - createVertices : true,
1403   - styleMap : "default",
1404   - vertexRenderIntent : "vertex"
1405   - });
1406   - controles.push(i3GEO.editorOL.ModifyFeature);
1407   - adiciona = true;
1408   -
1409   - }
1410 1435 if (botoes.edita === true && botoes.listag === true) {
1411 1436  
1412 1437 button = new OpenLayers.Control.Button({
... ... @@ -1421,23 +1446,6 @@ i3GEO.editorOL =
1421 1446 adiciona = true;
1422 1447  
1423 1448 }
1424   - if (botoes.frente === true) {
1425   -
1426   - button = new OpenLayers.Control.Button({
1427   - displayClass : "editorOLfrente",
1428   - trigger : function() {
1429   - i3GEO.editorOL.trazParaFrente();
1430   - if (document.getElementById("panellistagEditor")) {
1431   - i3GEO.editorOL.listaGeometrias();
1432   - }
1433   - },
1434   - title : $trad("frente"),
1435   - type : OpenLayers.Control.TYPE_BUTTON
1436   - });
1437   - controles.push(button);
1438   - adiciona = true;
1439   -
1440   - }
1441 1449 if (botoes.tools === true && i3GEO.php) {
1442 1450  
1443 1451 button = new OpenLayers.Control.Button({
... ... @@ -1458,9 +1466,6 @@ i3GEO.editorOL =
1458 1466 adiciona = true;
1459 1467  
1460 1468 }
1461   - // botao de sele&ccedil;&atilde;o
1462   -
1463   - // n&atilde;o dispon&iacute;vel ainda
1464 1469 if (botoes.propriedades === true) {
1465 1470  
1466 1471 button = new OpenLayers.Control.Button({
... ... @@ -2172,6 +2177,28 @@ i3GEO.editorOL =
2172 2177 // {i3GEO.editorOL.backup.removeFeatures(i3GEO.editorOL.backup.features);}
2173 2178 // i3GEO.editorOL.backup.addFeatures(i3GEO.desenho.layergrafico.features);
2174 2179 },
  2180 + selTodos : function() {
  2181 + i3GEO.editorOL.unselTodos();
  2182 + var features, n, f, i, id;
  2183 + features = i3GEO.desenho.layergrafico.getSource().getFeatures();
  2184 + n = features.length;
  2185 + for (i = 0; i < n; i++) {
  2186 + f = features[i];
  2187 + id = f.getId();
  2188 + if(!id){
  2189 + id = i3GEO.util.uid();
  2190 + f.setId(id);
  2191 + }
  2192 + i3GEO.editorOL.idsSelecionados.push(id);
  2193 + f.setProperties({
  2194 + fillColor: f.getStyle().getFill().getColor(),
  2195 + strokeColor: f.getStyle().getStroke().getColor()
  2196 + });
  2197 + f.getStyle().getFill().setColor('rgba(255, 255, 255, 0.5)');
  2198 + f.getStyle().getStroke().setColor('blue');
  2199 + }
  2200 + i3GEO.desenho.layergrafico.getSource().changed();
  2201 + },
2175 2202 unselTodos : function() {
2176 2203 var i, n, f, s;
2177 2204 s = i3GEO.desenho.layergrafico.getSource();
... ... @@ -2298,22 +2325,20 @@ i3GEO.editorOL =
2298 2325 }
2299 2326 },
2300 2327 trazParaFrente : function() {
2301   - var features = i3GEO.desenho.layergrafico.selectedFeatures;
2302   - if (features.length > 0) {
2303   - i3GEO.editorOL.backup = new OpenLayers.Layer.Vector("Backup", {
2304   - displayInLayerSwitcher : false,
2305   - visibility : false
2306   - });
2307   - i3GEO.editorOL.backup.addFeatures(features);
2308   - i3GEO.editorOL.unselTodosBackup();
2309   - i3GEO.desenho.layergrafico.removeFeatures(features);
2310   - i3GEO.desenho.layergrafico.addFeatures(i3GEO.editorOL.backup.features);
2311   - if (document.getElementById("panellistagEditor")) {
2312   - i3GEO.editorOL.listaGeometrias();
  2328 + var s, i, nsel, id, clone;
  2329 + s = i3GEO.desenho.layergrafico.getSource();
  2330 + nsel = i3GEO.editorOL.idsSelecionados.length;
  2331 + for(i=0; i<nsel; i++){
  2332 + f = s.getFeatureById(i3GEO.editorOL.idsSelecionados[i]);
  2333 + if(f){
  2334 + clone = f.clone();
  2335 + id = f.getId();
  2336 + s.removeFeature(f);
  2337 + clone.setId(id);
  2338 + s.addFeature(clone);
2313 2339 }
2314   - } else {
2315   - i3GEO.janela.tempoMsg("Selecione pelo menos um elemento");
2316 2340 }
  2341 + s.changed();
2317 2342 },
2318 2343 pegaControle : function(classe) {
2319 2344 var n = i3GEO.editorOL.controles.length, i;
... ...