diff --git a/src/components/paneDisplayComponents/streamDisplay.vue b/src/components/paneDisplayComponents/streamDisplay.vue index de0286c8..7509cf7d 100644 --- a/src/components/paneDisplayComponents/streamDisplay.vue +++ b/src/components/paneDisplayComponents/streamDisplay.vue @@ -16,8 +16,18 @@ export default { methods: { clickmonitor: function(event) { - // TODO: Add logic - console.log("The preview was clicked!"); + // Calculate steps from event coordinates and store config FOV + var xCoordinate = event.offsetX; + var yCoordinate = event.offsetY; + + var xRelative = (0.5*event.target.offsetWidth - xCoordinate)/event.target.offsetWidth; + var yRelative = (0.5*event.target.offsetHeight - yCoordinate)/event.target.offsetHeight; + + var xSteps = xRelative * this.$store.state.apiConfig.fov[0]; + var ySteps = yRelative * this.$store.state.apiConfig.fov[1]; + + // Emit a signal to move, acted on by panelNavigate.vue + this.$root.$emit('globalMoveEvent', xSteps, ySteps, 0, false) } }, @@ -32,8 +42,8 @@ export default {