From 16db59ecb18c80caafc38ce860c97e9dc06cea8e Mon Sep 17 00:00:00 2001
From: Isaac Connor <isaac@zoneminder.com>
Date: Thu, 14 Jan 2021 10:33:03 -0500
Subject: [PATCH] use pageX and pageY instead of page.x and page.y

---
 web/skins/classic/views/js/watch.js | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/web/skins/classic/views/js/watch.js b/web/skins/classic/views/js/watch.js
index 6483ee9b7..4b11a9e43 100644
--- a/web/skins/classic/views/js/watch.js
+++ b/web/skins/classic/views/js/watch.js
@@ -678,19 +678,23 @@ function fetchImage( streamImage ) {
 }
 
 function handleClick( event ) {
+  console.log(event);
+  // target should be the img tag
   var target = event.target;
   var width = $j(target).width();
   var height = $j(target).height();
 
   var scaleX = parseInt(monitorWidth / width);
   var scaleY = parseInt(monitorHeight / height);
-  var x = (event.page.x - target.getLeft()) * scaleX;
-  var y = (event.page.y - target.getTop()) * scaleY;
+  var x = (event.pageX - target.getLeft()) * scaleX;
+  var y = (event.pageY - target.getTop()) * scaleY;
+  // image can be scaled... we need the coordinates in original image size units
+  // So what is event.page.x?
 
   if ( showMode == 'events' || !imageControlMode ) {
     if ( event.shift ) {
-      streamCmdPan( x, y );
-    } else if ( event.event.ctrlKey ) {
+      streamCmdPan(x, y);
+    } else if ( event.ctrlKey ) {
       streamCmdZoomOut();
     } else {
       streamCmdZoomIn(x, y);