From e21b8ceed20a9d82223bf4f5b6e271921cb9e0ea Mon Sep 17 00:00:00 2001
From: balen <henry.balen@gmail.com>
Date: Mon, 9 Sep 2024 15:31:56 -0400
Subject: [PATCH] More fixes for the geometric calculations

---
 app/javascript/utils/boxer-plugin.js       | 30 +++++-----------------
 app/views/shared/_transcriber_app.html.erb |  7 ++---
 2 files changed, 8 insertions(+), 29 deletions(-)

diff --git a/app/javascript/utils/boxer-plugin.js b/app/javascript/utils/boxer-plugin.js
index 1d445113..7291ab4e 100644
--- a/app/javascript/utils/boxer-plugin.js
+++ b/app/javascript/utils/boxer-plugin.js
@@ -33,22 +33,10 @@ $.widget("ui.boxer", $.ui.mouse, {
 
         var offset = $(target).offset();
 
-        const browser = Bowser.getParser(window.navigator.userAgent);
-        if (browser.getEngineName() == 'Blink') {
-          // This works for Chrome, problem with zoonm down though
-          this.startPosition = {
-            x: (event.pageX / this.zoomLevel) - $(document).scrollLeft() - offset.left,
-            y: (event.pageY / this.zoomLevel) - $(document).scrollTop() - offset.top
-          };
-
-        } else {
-          // This works for FF !!
-          this.startPosition = {
-            x: (event.pageX - $(document).scrollLeft() - offset.left) / this.zoomLevel,
-            y: (event.pageY - $(document).scrollTop() - offset.top) / this.zoomLevel
-          };
-
-        }
+        this.startPosition = {
+          x: (event.pageX - $(document).scrollLeft() - offset.left) / this.zoomLevel,
+          y: (event.pageY - $(document).scrollTop() - offset.top) / this.zoomLevel
+        };
 
         if (this.options.disabled)
             return;
@@ -95,14 +83,8 @@ $.widget("ui.boxer", $.ui.mouse, {
 
         let x = 0;
         let y = 0;
-        const browser = Bowser.getParser(window.navigator.userAgent);
-        if (browser.getEngineName() == 'Blink') {
-          x = (pageX / this.zoomLevel) - $(document).scrollLeft() - $(target).offset().left;
-          y = (pageY / this.zoomLevel) - $(document).scrollTop() - $(target).offset().top;
-        } else {
-          x = (pageX - $(document).scrollLeft() - $(target).offset().left) / this.zoomLevel;
-          y = (pageY - $(document).scrollTop() - $(target).offset().top) / this.zoomLevel;
-        }
+        x = (pageX - $(document).scrollLeft() - $(target).offset().left) / this.zoomLevel;
+        y = (pageY - $(document).scrollTop() - $(target).offset().top) / this.zoomLevel;
 
         var x1 = this.startPosition.x, y1 = this.startPosition.y, x2 = x, y2 = y;
 
diff --git a/app/views/shared/_transcriber_app.html.erb b/app/views/shared/_transcriber_app.html.erb
index 8fd26f55..77c65963 100644
--- a/app/views/shared/_transcriber_app.html.erb
+++ b/app/views/shared/_transcriber_app.html.erb
@@ -409,7 +409,6 @@
                 e.preventDefault();
                 if( e.which === 27 || e.keyCode === 27 ){
                   $box.find(".annotation-actions").show();
-                  $box.resizable("destroy");
                   pageCanvas.enableScrolling();
                   $(document).off("keyup.draw.resize");
                   self.clearMsg();
@@ -418,10 +417,9 @@
               });
               $(document).on("click.draw.resize", function(e) {
                 e.preventDefault();
-                thing = $(e.target).closest('.annotation-marker').first().attr('id');
+                var thing = $(e.target).closest('.annotation-marker').first().attr('id');
                 if (thing != self.el.id) {
                   $box.find(".annotation-actions").show();
-                  $box.resizable("destroy");
                   pageCanvas.enableScrolling();
                   $(document).off("keyup.draw.resize");
                   self.clearMsg();
@@ -484,7 +482,7 @@
               });
               $(document).on("click.draw.move", function(e) {
                 e.preventDefault();
-                thing = $(e.target).closest('.annotation-marker').first().attr('id');
+                var thing = $(e.target).closest('.annotation-marker').first().attr('id');
                 if (thing != self.el.id) {
                   $box.find(".annotation-actions").show();
                   $box.draggable("destroy");
@@ -1050,7 +1048,6 @@
 
         // TODO
         setMsg(('<%= j t('transcriber.messages.draw-annotation-box-instructions-with-field-group').html_safe %>').replace('%{field_group}', fieldGroupName), false, "info");
-
         var annotation = new Annotation(this.options.data);
 
         pageCanvas.disableScrolling();