From 1d923798e6921862b795f079a9efdd8ab71a87cb Mon Sep 17 00:00:00 2001
From: Chish36 <b.chisholm2002@gmail.com>
Date: Mon, 11 Aug 2025 09:55:31 +0100
Subject: [PATCH] Changed navigate to control and updated file names to match.

---
 webapp/src/components/appContent.vue                      | 8 ++++----
 .../paneControl.vue}                                      | 4 ++--
 .../{navigateContent.vue => controlContent.vue}           | 8 ++++----
 .../src/components/tabContentComponents/streamContent.vue | 2 +-
 4 files changed, 11 insertions(+), 11 deletions(-)
 rename webapp/src/components/tabContentComponents/{navigateComponents/paneNavigate.vue => controlComponents/paneControl.vue} (99%)
 rename webapp/src/components/tabContentComponents/{navigateContent.vue => controlContent.vue} (75%)

diff --git a/webapp/src/components/appContent.vue b/webapp/src/components/appContent.vue
index 25adf904..a466ab61 100644
--- a/webapp/src/components/appContent.vue
+++ b/webapp/src/components/appContent.vue
@@ -102,7 +102,7 @@ import tabIcon from "./genericComponents/tabIcon";
 import tabContent from "./genericComponents/tabContent";
 
 // Import new content components
-import navigateContent from "./tabContentComponents/navigateContent.vue";
+import controlContent from "./tabContentComponents/controlContent.vue";
 import slideScanContent from "./tabContentComponents/slideScanContent.vue";
 import backgroundDetectContent from "./tabContentComponents/backgroundDetectContent.vue";
 import viewContent from "./tabContentComponents/viewContent.vue";
@@ -123,7 +123,7 @@ export default {
   components: {
     tabIcon,
     tabContent,
-    navigateContent,
+    controlContent,
     slideScanContent,
     viewContent,
     settingsContent,
@@ -182,9 +182,9 @@ export default {
           component: viewContent
         },
         {
-          id: "navigate",
+          id: "control",
           icon: "gamepad",
-          component: navigateContent
+          component: controlContent
         },
         {
           id: "background detect",
diff --git a/webapp/src/components/tabContentComponents/navigateComponents/paneNavigate.vue b/webapp/src/components/tabContentComponents/controlComponents/paneControl.vue
similarity index 99%
rename from webapp/src/components/tabContentComponents/navigateComponents/paneNavigate.vue
rename to webapp/src/components/tabContentComponents/controlComponents/paneControl.vue
index e427f99a..93cd35e3 100644
--- a/webapp/src/components/tabContentComponents/navigateComponents/paneNavigate.vue
+++ b/webapp/src/components/tabContentComponents/controlComponents/paneControl.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="paneNavigate" class="uk-padding-small">
+  <div id="paneControl" class="uk-padding-small">
     <div v-if="setPosition">
       <ul uk-accordion="multiple: true">
         <li>
@@ -180,7 +180,7 @@ import ActionButton from "../../labThingsComponents/actionButton.vue";
 
 // Export main app
 export default {
-  name: "PaneNavigate",
+  name: "PaneControl",
 
   components: {
     ActionButton
diff --git a/webapp/src/components/tabContentComponents/navigateContent.vue b/webapp/src/components/tabContentComponents/controlContent.vue
similarity index 75%
rename from webapp/src/components/tabContentComponents/navigateContent.vue
rename to webapp/src/components/tabContentComponents/controlContent.vue
index 0d0e05d9..ccdc2a68 100644
--- a/webapp/src/components/tabContentComponents/navigateContent.vue
+++ b/webapp/src/components/tabContentComponents/controlContent.vue
@@ -2,7 +2,7 @@
   <!-- Grid managing tab content -->
   <div uk-grid class="uk-height-1-1 uk-margin-remove uk-padding-remove">
     <div class="control-component">
-      <paneNavigate />
+      <paneControl />
     </div>
     <div class="view-component uk-width-expand">
       <streamDisplay />
@@ -11,14 +11,14 @@
 </template>
 
 <script>
-import paneNavigate from "./navigateComponents/paneNavigate";
+import paneControl from "./controlComponents/paneControl";
 import streamDisplay from "./streamContent.vue";
 
 export default {
-  name: "NavigateContent",
+  name: "ControlContent",
 
   components: {
-    paneNavigate,
+    paneControl,
     streamDisplay
   }
 };
diff --git a/webapp/src/components/tabContentComponents/streamContent.vue b/webapp/src/components/tabContentComponents/streamContent.vue
index 78fbfaa7..dd7c8192 100644
--- a/webapp/src/components/tabContentComponents/streamContent.vue
+++ b/webapp/src/components/tabContentComponents/streamContent.vue
@@ -125,7 +125,7 @@ export default {
       let xRelative = (0.5 * event.target.offsetWidth - xCoordinate) * scale;
       let yRelative = (0.5 * event.target.offsetHeight - yCoordinate) * scale;
 
-      // Emit a signal to move, acted on by panelNavigate.vue
+      // Emit a signal to move, acted on by paneControl.vue
       this.$root.$emit(
         "globalMoveInImageCoordinatesEvent",
         -xRelative,