Added button to move marker

frontend/js/ng.js

@@ -310,6 +310,28 @@
 			})
 		};
 
+		$scope.moveMarker = function(marker) {
+			var message = $scope.showMessage("info", "Click somewhere on the map to reposition the marker there.", [
+				{ label: "Cancel", click: function() {
+					$scope.closeMessage(message);
+					listener.cancel();
+				}}
+			]);
+
+			$scope.currentMarker = null;
+
+			var listener = fp.addClickListener(function(pos) {
+				$scope.closeMessage(message);
+
+				socket.emit("editMarker", { id: marker.id, position: pos }, function(err) {
+					if(err)
+						return $scope.showMessage("error", err);
+
+					$scope.currentMarker = $scope.markers[marker.id];
+				});
+			});
+		};
+
 		$scope.deleteMarker = function(marker) {
 			socket.emit("deleteMarker", marker, function(err) {
 				if(err)

frontend/js/pad.js

@@ -183,6 +183,7 @@ var FacilPad = {
 			graphicYOffset: -25
 		};
 		var feature = new OpenLayers.Feature.Vector(new OpenLayers.Geometry.Point(marker.position.lon, marker.position.lat).transform(_p(), fp.map.getProjectionObject()), null, style);
+		feature.fpMarker = marker;
 		feature.fpOnClick = function() {
 			fp.mapEvents.trigger("clickMarker", [ marker ]);
 		};
@@ -254,7 +255,9 @@ var FacilPad = {
 			listener(pos);
 		}
 
-		fp.mapEvents.on("click", handler);
+		setTimeout(function() {
+			fp.mapEvents.on("click", handler);
+		}, 0);
 
 		return ret;
 	};

frontend/pad.html

@@ -78,6 +78,8 @@
 			</div>
 			<div class="buttons">
 				<button ng-click="openDialog('edit-marker-dialog')" ng-hide="readonly">Edit</button>
+				<button ng-click="moveMarker(currentMarker)">Move</button>
+				<button ng-click="deleteMarker(currentMarker)">Remove</button>
 			</div>
 			<a href="javascript:" ng-click="currentMarker=null" class="close-button">×</a>
 		</div>
@@ -114,7 +116,6 @@
 				</dl>
 				<div>
 					<button ng-click="saveMarker(currentMarker)">Save</button>
-					<button ng-click="deleteMarker(currentMarker)">Remove</button>
 				</div>
 			</form>
 		</div>