From 2a52109c302ed25ef6c5f27ba515822555cd6008 Mon Sep 17 00:00:00 2001
From: Joel Collins <joel@jtcollins.net>
Date: Fri, 9 Nov 2018 14:48:54 +0000
Subject: [PATCH] Click-to-move checkbox now works

---
 .../api/templates/index_v1.html               | 47 ++++++++++---------
 1 file changed, 26 insertions(+), 21 deletions(-)

diff --git a/openflexure_microscope/api/templates/index_v1.html b/openflexure_microscope/api/templates/index_v1.html
index 819f28f7..ae0b4d3f 100644
--- a/openflexure_microscope/api/templates/index_v1.html
+++ b/openflexure_microscope/api/templates/index_v1.html
@@ -35,6 +35,7 @@
 
   <script>
     // TODO: Remember a position and restore that position
+    // TODO: Right click to auto-focus, centered on that region
 
     // Key IDs
     var pgupKeyID = 33;
@@ -50,7 +51,7 @@
 
     var keysDown = {}; //Array of keys down
 
-    var stageVelocity = 50;
+    var stageVelocity = 50;  
     var focusVelocity = 20;
 
     var requestLock = false;
@@ -117,19 +118,33 @@
 
     // Methods for input events
 
+    // Click-to-move
     function clickHotspotImage(event) {
-      xCoordinate = event.offsetX;
-      yCoordinate = event.offsetY;
-      console.log(xCoordinate, yCoordinate)
-      xRelative = (0.5*event.target.offsetWidth - xCoordinate)/event.target.offsetWidth;
-      yRelative = (0.5*event.target.offsetHeight - yCoordinate)/event.target.offsetHeight;
-      console.log(xRelative, yRelative)
-      xSteps = xRelative * fovX;
-      ySteps = yRelative * fovY;
-      console.log(xSteps, ySteps, 0)
-      moveStagePositions(xSteps, ySteps, 0)
+      if (document.getElementById("clickPositionCheck").checked == true) {
+        xCoordinate = event.offsetX;
+        yCoordinate = event.offsetY;
+        console.log(xCoordinate, yCoordinate)
+        xRelative = (0.5*event.target.offsetWidth - xCoordinate)/event.target.offsetWidth;
+        yRelative = (0.5*event.target.offsetHeight - yCoordinate)/event.target.offsetHeight;
+        console.log(xRelative, yRelative)
+        xSteps = xRelative * fovX;
+        ySteps = yRelative * fovY;
+        console.log(xSteps, ySteps, 0)
+        moveStagePositions(xSteps, ySteps, 0)
+      }
     }
 
+    // Scroll-to-focus
+    window.addEventListener('wheel', function(e) {
+      multiplier = 1/100;
+      z_delta = e.deltaY * multiplier * focusVelocity;
+      console.log(z_delta);
+      if (document.getElementById("scrollFocusCheck").checked == true) {
+        // Make a position request
+        safeRequest("POST", "{{ url_for('position') }}", { "absolute": false, "z": z_delta}, keyMoveCallback)
+      }
+    });
+
     addEventListener("keydown", function (e) {
         keysDown[e.keyCode] = true; //Add key to array
         console.log(keysDown)
@@ -168,16 +183,6 @@
     addEventListener("keyup", function (e) {
         delete keysDown[e.keyCode]; //Remove key from array
     }, false);
-
-    window.addEventListener('wheel', function(e) {
-      multiplier = 1/100;
-      z_delta = e.deltaY * multiplier * focusVelocity;
-      console.log(z_delta);
-      if (document.getElementById("scrollFocusCheck").checked == true) {
-        // Make a position request
-        safeRequest("POST", "{{ url_for('position') }}", { "absolute": false, "z": z_delta}, keyMoveCallback)
-      }
-    });
   
     // Methods for making requests
     function safeRequest(method, url, payload, callback) {