From e1aca0bef75974e604100eb7e8b1417c3bee578b Mon Sep 17 00:00:00 2001
From: Chish36 <b.chisholm2002@gmail.com>
Date: Tue, 12 Aug 2025 18:02:30 +0100
Subject: [PATCH 1/2] Button added to launch calibration menu manually

---
 .../modalComponents/calibrationModal.vue        |  8 ++++++++
 .../tabContentComponents/settingsContent.vue    | 17 ++++++++++++++++-
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/webapp/src/components/modalComponents/calibrationModal.vue b/webapp/src/components/modalComponents/calibrationModal.vue
index 201e6c67..fd02562f 100644
--- a/webapp/src/components/modalComponents/calibrationModal.vue
+++ b/webapp/src/components/modalComponents/calibrationModal.vue
@@ -223,6 +223,14 @@ export default {
         this.onHide();
       }
     },
+    // Forces modal to show on button press
+    force_show: function() {
+      this.ready = true;
+      this.stepValue = 0;
+        // Show the modal
+        var el = this.$refs["calibrationModalEl"];
+        this.showModalElement(el); // Calls the mixin
+    },
 
     hide: function() {
       // Show the modal
diff --git a/webapp/src/components/tabContentComponents/settingsContent.vue b/webapp/src/components/tabContentComponents/settingsContent.vue
index b2ba0341..bbe5c0a2 100644
--- a/webapp/src/components/tabContentComponents/settingsContent.vue
+++ b/webapp/src/components/tabContentComponents/settingsContent.vue
@@ -1,6 +1,10 @@
 <template>
   <!-- Grid managing tab content -->
   <div uk-grid class="uk-height-1-1 uk-margin-remove uk-padding-remove">
+    <calibrationModal
+      ref="calibrationModal"
+      @onClose="enterApp()"
+    ></calibrationModal>
     <div class="settings-nav">
       <ul class="uk-nav uk-nav-default">
         <li class="uk-nav-header">Application Settings</li>
@@ -18,6 +22,12 @@
           </tabIcon>
         </li>
         <li class="uk-nav-header">Microscope Settings</li>
+        <button
+        submit-label="Launch Calibration Wizard"
+        type="button"
+        class="uk-button uk-button-default uk-width-1-1"
+        @click="startModals"
+        >Launch Calibration Wizard</button>
         <li>
           <tabIcon
             id="settings-camera-icon"
@@ -106,6 +116,7 @@
 
 <script>
 import streamSettings from "./settingsComponents/streamSettings.vue";
+import calibrationModal from "../modalComponents/calibrationModal.vue";
 import cameraSettings from "./settingsComponents/cameraSettings.vue";
 import appSettings from "./settingsComponents/appSettings.vue";
 import CSMSettings from "./settingsComponents/CSMSettings.vue";
@@ -125,7 +136,8 @@ export default {
     CSMSettings,
     appSettings,
     tabIcon,
-    tabContent
+    tabContent,
+    calibrationModal
   },
 
   data: function() {
@@ -140,6 +152,9 @@ export default {
       if (!(this.currentTab == tab)) {
         this.currentTab = tab;
       }
+    },
+    startModals: function() {
+      this.$refs.calibrationModal.force_show();
     }
   }
 };

From eb496e4cee072ace8690f3e800bd139bdbf1c6d7 Mon Sep 17 00:00:00 2001
From: Chish36 <b.chisholm2002@gmail.com>
Date: Tue, 12 Aug 2025 19:08:30 +0100
Subject: [PATCH 2/2] Removed first menu from force show and created restart
 method

---
 .../components/modalComponents/calibrationModal.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/webapp/src/components/modalComponents/calibrationModal.vue b/webapp/src/components/modalComponents/calibrationModal.vue
index fd02562f..9d24d533 100644
--- a/webapp/src/components/modalComponents/calibrationModal.vue
+++ b/webapp/src/components/modalComponents/calibrationModal.vue
@@ -121,7 +121,7 @@
           v-show="stepValue == 3"
           class="uk-button uk-button-default"
           type="button"
-          @click="stepValue = 0"
+          @click="restart()"
         >
           Restart
         </button>
@@ -226,12 +226,21 @@ export default {
     // Forces modal to show on button press
     force_show: function() {
       this.ready = true;
-      this.stepValue = 0;
+      this.stepValue = 1;
+      this.force = true
         // Show the modal
         var el = this.$refs["calibrationModalEl"];
         this.showModalElement(el); // Calls the mixin
     },
 
+    restart: function() {
+      if (this.force == true){
+        this.stepValue = 1
+      } else {
+        this.stepValue = 0
+      }
+    },
+
     hide: function() {
       // Show the modal
       var el = this.$refs["calibrationModalEl"];