From 2cadebcabdcb73b928b25156fc9f3cde80acffd4 Mon Sep 17 00:00:00 2001 From: MarcoJayUsai Date: Wed, 20 Nov 2024 11:43:10 +0100 Subject: [PATCH] feat(map): click selected unit coordinates panel will now change location system --- frontend/server/public/stylesheets/panels/mouseinfo.css | 1 + .../website/plugins/controltips/src/controltipsplugin.ts | 5 +++++ frontend/website/src/panels/mouseinfopanel.ts | 8 +++++++- 3 files changed, 13 insertions(+), 1 deletion(-) diff --git a/frontend/server/public/stylesheets/panels/mouseinfo.css b/frontend/server/public/stylesheets/panels/mouseinfo.css index 2917847e..d9cbd47d 100644 --- a/frontend/server/public/stylesheets/panels/mouseinfo.css +++ b/frontend/server/public/stylesheets/panels/mouseinfo.css @@ -115,6 +115,7 @@ } #unit-coordinates[data-location-system] [data-location-system] { + cursor:pointer; display:none; } diff --git a/frontend/website/plugins/controltips/src/controltipsplugin.ts b/frontend/website/plugins/controltips/src/controltipsplugin.ts index f68f7add..2c1850da 100644 --- a/frontend/website/plugins/controltips/src/controltipsplugin.ts +++ b/frontend/website/plugins/controltips/src/controltipsplugin.ts @@ -205,6 +205,11 @@ export class ControlTipsPlugin implements OlympusPlugin { "action": "Increase precision", "mouseoverSelector": `#coordinates-tool[data-location-system="MGRS"], #coordinates-tool[data-location-system="MGRS"] *` }, + { + "key": `Mouse1 or Z`, + "action": "Change location system", + "mouseoverSelector": "#unit-coordinates *" + }, { "key": `Mouse2`, "action": "Copy to clipboard", diff --git a/frontend/website/src/panels/mouseinfopanel.ts b/frontend/website/src/panels/mouseinfopanel.ts index 4431d378..b1db15bd 100644 --- a/frontend/website/src/panels/mouseinfopanel.ts +++ b/frontend/website/src/panels/mouseinfopanel.ts @@ -83,6 +83,12 @@ export class MouseInfoPanel extends Panel { /* Selected unit coordinates panel interaction */ this.#unitCoordinatesElement = this.getElement().querySelector( '#unit-coordinates' ); + this.#unitCoordinatesElement.addEventListener( "click", ( ev:MouseEvent ) => { + console.log('cliccato elemento unit coordinates'); + + this.#changeLocationSystem(); + }); + const unitCoordsToggleEl = this.getElement().querySelector('#unit-coordinates-toggle'); const unitCoordsContainer = this.getElement().querySelector('#unit-coordinates-container'); unitCoordsToggleEl.addEventListener("click", (ev: MouseEvent) => { @@ -129,7 +135,7 @@ export class MouseInfoPanel extends Panel { navigator.clipboard.writeText(text) .then(() => { - console.log('Testo copiato negli appunti!'); + //console.log('Testo copiato negli appunti!'); }) .catch(err => { console.error('Errore nel copiare:', err);