Make toolbar dynamically update

publiclab · Apr 4, 2019 · a149476 · a149476
1 parent 2ebc6c4
commit a149476
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 10 deletions.
diff --git a/dist/leaflet.distortableimage.js b/dist/leaflet.distortableimage.js
diff --git a/dist/leaflet.distortableimage.js.map b/dist/leaflet.distortableimage.js.map
diff --git a/src/edit/DistortableImage.Edit.js b/src/edit/DistortableImage.Edit.js
@@ -331,17 +331,18 @@ L.DistortableImage.Edit = L.Handler.extend({
 	},
 
 	// TODO: toolbar for multiple image selection
-	_showToolbar: function(event) {
+	_showToolbar: function() {
 		var overlay = this._overlay,
-      target = event.target,
+      // target = event.target,
 			map = overlay._map;
 
 		/* Ensure that there is only ever one toolbar attached to each image. */
 		this._hideToolbar();
 
 		var point;
-		if (event.containerPoint) { point = event.containerPoint; }
-		else { point = target._leaflet_pos; }
+		// if (event.containerPoint) { point = event.containerPoint; }
+		// point = target._leaflet_pos;
+		point = overlay._image._leaflet_pos;
 
 		var raised_point = map.containerPointToLatLng(new L.Point(point.x,point.y-20));
 		raised_point.lng = overlay.getCenter().lng;

diff --git a/src/edit/DistortableImage.EditToolbar.js b/src/edit/DistortableImage.EditToolbar.js
@@ -88,6 +88,8 @@ var EditOverlayAction = LeafletToolbar.ToolbarAction.extend({
 			var editing = this._overlay.editing;
 
 			editing._toggleRotateDistort();
+			editing._hideToolbar();
+			editing._showToolbar();
 			this.disable();
 		}
 	}),