From b61289d99664c5ab44127bd335b14a77f8a5a438 Mon Sep 17 00:00:00 2001
From: MarcoJayUsai <marco.jay.usai@hotmail.it>
Date: Wed, 20 Nov 2024 11:27:40 +0100
Subject: [PATCH] fix(mouseinfopanel): switched to right mouse button to copy
 coordinates, added tip

---
 frontend/server/views/panels/mouseinfo.ejs                | 8 +++-----
 .../website/plugins/controltips/src/controltipsplugin.ts  | 5 +++++
 frontend/website/src/panels/mouseinfopanel.ts             | 2 +-
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/frontend/server/views/panels/mouseinfo.ejs b/frontend/server/views/panels/mouseinfo.ejs
index 20981dec..fd4ca53c 100644
--- a/frontend/server/views/panels/mouseinfo.ejs
+++ b/frontend/server/views/panels/mouseinfo.ejs
@@ -88,11 +88,9 @@
                 <div id="unit-position-utm-easting" class="coordinates copyable" data-location-system="UTM"></div>
             </div>
     
-            <div>
-                <div class="mouse-tool-item">
-                    <div id="ref-unit-position-elevation" data-label="H"></div>
-                    <div id="unit-position-elevation" class="elevation copyable" data-value="---"></div>
-                </div>
+            <div class="mouse-tool-item">
+                <div id="ref-unit-position-elevation" data-label="H"></div>
+                <div id="unit-position-elevation" class="elevation copyable" data-value="---"></div>
             </div>
         </div>
 
diff --git a/frontend/website/plugins/controltips/src/controltipsplugin.ts b/frontend/website/plugins/controltips/src/controltipsplugin.ts
index 4d2bfe4d..f68f7add 100644
--- a/frontend/website/plugins/controltips/src/controltipsplugin.ts
+++ b/frontend/website/plugins/controltips/src/controltipsplugin.ts
@@ -204,6 +204,11 @@ export class ControlTipsPlugin implements OlympusPlugin {
                         "key": `Period`,
                         "action": "Increase precision",
                         "mouseoverSelector": `#coordinates-tool[data-location-system="MGRS"], #coordinates-tool[data-location-system="MGRS"] *`
+                    },
+                    {
+                        "key": `Mouse2`,
+                        "action": "Copy to clipboard",
+                        "mouseoverSelector": `#unit-coordinates-container > #unit-coordinates > .mouse-tool-item > .copyable`
                     }
                 ]
             },
diff --git a/frontend/website/src/panels/mouseinfopanel.ts b/frontend/website/src/panels/mouseinfopanel.ts
index 1b3a0d05..4431d378 100644
--- a/frontend/website/src/panels/mouseinfopanel.ts
+++ b/frontend/website/src/panels/mouseinfopanel.ts
@@ -110,7 +110,7 @@ export class MouseInfoPanel extends Panel {
         const copyableElements = document.getElementsByClassName('copyable');
 
         for (const element of copyableElements) {
-            element.addEventListener('click', (ev) => {
+            element.addEventListener('contextmenu', (ev) => {
                 if (!ev.target) return;
 
                 const el = ev.target as HTMLElement;