Add Vue component for changing the stage type via API

openflexure_microscope/api/static/src/components/viewComponents/settingsDisplay.vue

@@ -44,6 +44,19 @@
             Camera
           </tabIcon>
         </li>
+        <li>
+          <tabIcon
+            id="settings-stage-icon"
+            tab-i-d="stage"
+            :show-title="false"
+            :show-tooltip="false"
+            :require-connection="true"
+            :current-tab="currentTab"
+            @set-tab="setTab"
+          >
+            Stage
+          </tabIcon>
+        </li>
         <li>
           <tabIcon
             id="settings-mapping-icon"
@@ -104,6 +117,16 @@
         </div>
       </tabContent>
 
+      <tabContent
+        tab-i-d="stage"
+        :require-connection="true"
+        :current-tab="currentTab"
+      >
+        <div class="settings-pane uk-padding-small">
+          <stageSettings />
+        </div>
+      </tabContent>
+
       <tabContent
         tab-i-d="mapping"
         :require-connection="true"
@@ -141,7 +164,7 @@ import cameraSettings from "./settingsComponents/cameraSettings.vue";
 import appSettings from "./settingsComponents/appSettings.vue";
 import featuresSettings from "./settingsComponents/featuresSettings.vue";
 import cameraStageMappingSettings from "./settingsComponents/cameraStageMappingSettings.vue";
-
+import stageSettings from "./settingsComponents/stageSettings.vue";
 // Import generic components
 import tabIcon from "../genericComponents/tabIcon";
 import tabContent from "../genericComponents/tabContent";
@@ -153,6 +176,7 @@ export default {
   components: {
     streamSettings,
     cameraSettings,
+    stageSettings,
     microscopeSettings,
     cameraStageMappingSettings,
     appSettings,