From 0c305295d35bb0344c49afbdc82908dcd7b521d7 Mon Sep 17 00:00:00 2001
From: Joel Collins <joel@jtcollins.net>
Date: Tue, 12 Feb 2019 14:53:24 +0000
Subject: [PATCH] Added click navigation

---
 .../paneDisplayComponents/streamDisplay.vue      | 16 +++++++++++++---
 src/components/paneNavigate.vue                  |  7 +++++++
 src/components/panelDisplay.vue                  |  2 +-
 3 files changed, 21 insertions(+), 4 deletions(-)

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 {
 
 <style scoped lang="less">
 .streamDisplay img {
-	width: 100%;
 	height: 100%;
+	text-align: center;
 	object-fit: contain
 }
 
diff --git a/src/components/paneNavigate.vue b/src/components/paneNavigate.vue
index b1c9f846..042df8c4 100644
--- a/src/components/paneNavigate.vue
+++ b/src/components/paneNavigate.vue
@@ -98,6 +98,13 @@ export default {
     }
   },
 
+  mounted() {
+    // A global signal listener to perform a move action
+    this.$root.$on('globalMoveEvent', (x, y, z, absolute) => {
+      this.moveRequest(x, y, z, absolute)
+    })
+  },
+
   methods: {
     // Handle global mouse wheel events to be associated with navigation
     wheelMonitor: function(event) {
diff --git a/src/components/panelDisplay.vue b/src/components/panelDisplay.vue
index 82797af2..8572d97a 100644
--- a/src/components/panelDisplay.vue
+++ b/src/components/panelDisplay.vue
@@ -25,7 +25,7 @@ export default {
   computed: {
     disableIfDisconnected: function () {
       return {
-        'uk-disabled': !this.$store.state.connected
+        'uk-disabled': !this.$store.getters.ready
       }
     }
   }