From 00c6c0f8007c8fe5c8b49c45bb8fdbf66e743ff2 Mon Sep 17 00:00:00 2001
From: PeenScreeker <bumperjumper569@gmail.com>
Date: Tue, 10 Sep 2024 20:35:05 -0400
Subject: [PATCH] feat: teleport to region

---
 images/eye-arrow-right.svg     |  1 +
 layout/pages/zoning/zoning.xml |  3 +++
 scripts/pages/zoning/zoning.ts | 21 +++++++++++++++++++--
 scripts/types-mom/panels.d.ts  |  2 ++
 4 files changed, 25 insertions(+), 2 deletions(-)
 create mode 100644 images/eye-arrow-right.svg

diff --git a/images/eye-arrow-right.svg b/images/eye-arrow-right.svg
new file mode 100644
index 00000000..b042ea5e
--- /dev/null
+++ b/images/eye-arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#fff" d="M12 4.5C7 4.5 2.7 7.6 1 12C2.7 16.4 7 19.5 12 19.5H13.1C13 19.2 13 18.9 13 18.5C13 17.9 13.1 17.4 13.2 16.8C12.8 16.9 12.4 17 12 17C9.2 17 7 14.8 7 12S9.2 7 12 7 17 9.2 17 12C17 12.3 17 12.6 16.9 12.9C17.6 12.7 18.3 12.5 19 12.5C20.2 12.5 21.3 12.8 22.3 13.5C22.6 13 22.8 12.5 23 12C21.3 7.6 17 4.5 12 4.5M12 9C10.3 9 9 10.3 9 12S10.3 15 12 15 15 13.7 15 12 13.7 9 12 9M19 21V19H15V17H19V15L22 18L19 21" /></svg>
\ No newline at end of file
diff --git a/layout/pages/zoning/zoning.xml b/layout/pages/zoning/zoning.xml
index b5ff9532..1ae23f87 100644
--- a/layout/pages/zoning/zoning.xml
+++ b/layout/pages/zoning/zoning.xml
@@ -132,6 +132,9 @@
 					<Panel id="Region" class="zoning__property">
 							<Label class="zoning__property-label" text="#Zoning_Region" />
 							<Panel class="zoning__region-property-container">
+								<Button id="MoveToRegionButton" class="button button--green zoning__property-button mr-2" onactivate="ZoneMenuHandler.teleportToRegion()" onmouseover="UiToolkitAPI.ShowTextTooltip('MoveToRegionButton', '#Zoning_MoveToRegion_Tooltip');" onmouseout="UiToolkitAPI.HideTextTooltip();">
+									<Image class="button__icon" src="file://{images}/eye-arrow-right.svg" />
+								</Button>
 								<Button id="AddRegionButton" class="button button--blue zoning__property-button mr-2" onactivate="ZoneMenuHandler.addRegion()" onmouseover="UiToolkitAPI.ShowTextTooltip('AddRegionButton', '#Zoning_CreateRegion_Tooltip');" onmouseout="UiToolkitAPI.HideTextTooltip();">
 									<Image class="button__icon" src="file://{images}/add.svg" />
 								</Button>
diff --git a/scripts/pages/zoning/zoning.ts b/scripts/pages/zoning/zoning.ts
index ef69efa1..cc863aa3 100644
--- a/scripts/pages/zoning/zoning.ts
+++ b/scripts/pages/zoning/zoning.ts
@@ -255,9 +255,9 @@ class ZoneMenuHandler {
 
 		const collapseButton = newTracklistPanel.FindChildTraverse('CollapseButton');
 		const childContainer = newTracklistPanel.FindChildTraverse('ChildContainer');
+		const expandIcon = newTracklistPanel.FindChildTraverse<Image>('TracklistExpandIcon');
+		const collapseIcon = newTracklistPanel.FindChildTraverse<Image>('TracklistCollapseIcon');
 		if (collapseButton && childContainer) {
-			const expandIcon = newTracklistPanel.FindChildTraverse<Image>('TracklistExpandIcon');
-			const collapseIcon = newTracklistPanel.FindChildTraverse<Image>('TracklistCollapseIcon');
 			collapseButton.SetPanelEvent('onactivate', () =>
 				this.toggleCollapse(childContainer, expandIcon, collapseIcon)
 			);
@@ -269,6 +269,15 @@ class ZoneMenuHandler {
 		selectButton.SetPanelEvent('onactivate', () =>
 			this.updateSelection(selectionObj.track, selectionObj.segment, selectionObj.zone)
 		);
+		if (selectionObj.zone) {
+			selectButton.SetPanelEvent('ondblclick', () =>
+				this.panels.zoningMenu.moveToRegion(selectionObj.zone.regions[0])
+			);
+		} else {
+			selectButton.SetPanelEvent('ondblclick', () =>
+				this.toggleCollapse(childContainer, expandIcon, collapseIcon)
+			);
+		}
 
 		if (setActive) {
 			selectButton.SetSelected(true);
@@ -445,6 +454,14 @@ class ZoneMenuHandler {
 		this.updateZones();
 	}
 
+	teleportToRegion() {
+		if (!this.selectedZone || !this.selectedZone.zone) return;
+
+		const index = this.panels.regionSelect.GetSelected().GetAttributeInt('value', -1);
+		const region = this.selectedZone.zone.regions[index];
+		this.panels.zoningMenu.moveToRegion(region);
+	}
+
 	pickCorners() {
 		if (!this.selectedZone || !this.selectedZone.zone) return;
 
diff --git a/scripts/types-mom/panels.d.ts b/scripts/types-mom/panels.d.ts
index dfb6206a..4aa47c1a 100644
--- a/scripts/types-mom/panels.d.ts
+++ b/scripts/types-mom/panels.d.ts
@@ -135,4 +135,6 @@ interface ZoneMenu extends AbstractPanel<'ZoneMenu'> {
 	getEntityList(): import('pages/zoning/zoning').EntityList;
 
 	setCornersFromRegion(region: import('common/web').Region): void;
+
+	moveToRegion(region: import('common/web').Region): void;
 }