Skip to content
Snippets Groups Projects
Commit 0fa2551f authored by L4929's avatar L4929
Browse files

Can get ids from all edited and deleted elements. Should be able to easily...

Can get ids from all edited and deleted elements. Should be able to easily send data to back-end now. Waiting for back-end to be ready
parent 0a9469fa
No related branches found
No related tags found
1 merge request!21Development
...@@ -36,14 +36,23 @@ class DrawTools extends Component { ...@@ -36,14 +36,23 @@ class DrawTools extends Component {
// this.props.sendGeoJSON(e.poly); // this.props.sendGeoJSON(e.poly);
}; };
_onEditStart = () => { _onEditDeleteStart = () => {
this.setState({ editModeActive: true }); this.setState({ editModeActive: true });
}; };
_onEditStop = () => { _onEditDeleteStop = () => {
this.setState({ editModeActive: false }); this.setState({ editModeActive: false });
}; };
_onDeleted = e => {
console.log(e.layers._layers);
/* to be added once back-end functionality is available
for(layer in e.layers._layers) {
this.sendGeoJSON(layer.options.id);
}
*/
};
shouldComponentUpdate() { shouldComponentUpdate() {
// disable re-rendering when edit mode is active // disable re-rendering when edit mode is active
return !this.state.editModeActive; return !this.state.editModeActive;
...@@ -92,12 +101,14 @@ class DrawTools extends Component { ...@@ -92,12 +101,14 @@ class DrawTools extends Component {
<EditControl <EditControl
position="topright" position="topright"
onCreated={this._onCreated} onCreated={this._onCreated}
onDrawStop={this._onDrawStop} onEditStart={this._onEditDeleteStart}
onEditStart={this._onEditStart} onEditStop={this._onEditDeleteStop}
onEditStop={this._onEditStop}
onEditMove={this._onEditMove} onEditMove={this._onEditMove}
onEditResize={this._onEditResize} onEditResize={this._onEditResize}
onEditVertex={this._onEditVertex} onEditVertex={this._onEditVertex}
onDeleted={this._onDeleted}
onDeleteStart={this._onEditDeleteStart}
onDeleteStop={this._onEditDeleteStop}
draw={{ draw={{
circle: { circle: {
repeatMode: true, // allows using the tool again after finishing the previous shape repeatMode: true, // allows using the tool again after finishing the previous shape
......
...@@ -133,7 +133,7 @@ class UserMap extends Component { ...@@ -133,7 +133,7 @@ class UserMap extends Component {
<ZoomControl position="topright" /> <ZoomControl position="topright" />
<DrawTools <DrawTools
position={this.props.position} position={this.props.position}
addToGeojsonLayer={this.addToGeojsonLayer} sendGeoJSON={this.sendGeoJSON}
geoJSONLayer={this.state.geoJSONLayer} geoJSONLayer={this.state.geoJSONLayer}
/> />
{this.state.ownLat !== null && ( {this.state.ownLat !== null && (
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment