From 157eb280530abbf6133359638cfe7f6d841dc3ee Mon Sep 17 00:00:00 2001
From: Joel Collins <joel@jtcollins.net>
Date: Fri, 16 Oct 2020 14:41:34 +0100
Subject: [PATCH] Fix stage geometry URL

---
 .../settingsComponents/stageSettings.vue      | 146 +++++++++---------
 1 file changed, 74 insertions(+), 72 deletions(-)

diff --git a/openflexure_microscope/api/static/src/components/viewComponents/settingsComponents/stageSettings.vue b/openflexure_microscope/api/static/src/components/viewComponents/settingsComponents/stageSettings.vue
index faebfd5b..4358db54 100644
--- a/openflexure_microscope/api/static/src/components/viewComponents/settingsComponents/stageSettings.vue
+++ b/openflexure_microscope/api/static/src/components/viewComponents/settingsComponents/stageSettings.vue
@@ -1,88 +1,90 @@
 <template>
-    <div id="stageSettings">
-        <div>
-            <h3>Stage settings</h3>
-            <p>
-                <label>
-                    Stage Type
-                    <div v-if="this.stageType != 'MissingStage'">
-                        <form @submit.prevent="setStageType">
-                            <div>
-                                <select v-model="stageType" class="uk-select">
-                                    <option value="SangaStage">SangaStage (Standard)</option>
-                                    <option value= "SangaDeltaStage"> SangaStage (Delta)</option>
-                                </select>
-                            </div>
-                            <div>
-                            <button type="submit" class="uk-button uk-button-primary uk-form-small uk-float-right uk-margin-small uk-width-1-1">
-                                Change stage type
-                            </button>
-                            </div>
-                        </form>   
-                    </div>
-                    <div v-else class="uk-text-danger"><b>No stage connected</b></div>
-                </label>
-            </p>
-        </div>
+  <div id="stageSettings">
+    <div>
+      <h3>Stage settings</h3>
+      <p>
+        <label>
+          Stage Type
+          <div v-if="this.stageType != 'MissingStage'">
+            <form @submit.prevent="setStageType">
+              <div>
+                <select v-model="stageType" class="uk-select">
+                  <option value="SangaStage">SangaStage (Standard)</option>
+                  <option value="SangaDeltaStage"> SangaStage (Delta)</option>
+                </select>
+              </div>
+              <div>
+                <button
+                  type="submit"
+                  class="uk-button uk-button-primary uk-form-small uk-float-right uk-margin-small uk-width-1-1"
+                >
+                  Change stage type
+                </button>
+              </div>
+            </form>
+          </div>
+          <div v-else class="uk-text-danger"><b>No stage connected</b></div>
+        </label>
+      </p>
     </div>
+  </div>
 </template>
 
 <script>
-
 import axios from "axios";
 import taskSubmitter from "../../genericComponents/taskSubmitter";
 
 export default {
-    name: "StageSettings",
+  name: "StageSettings",
 
-    components:{
-        taskSubmitter
-    },
+  components: {
+    taskSubmitter
+  },
 
-    data: function(){
-        return {
-            stageType: "MissingStage",
-        }
-    },
-    
-    computed: {
-        stageTypeUri: function() {
-        return `${this.$store.getters.baseUri}/api/v2/properties/stage/type`;
-        },
-    },
+  data: function() {
+    return {
+      stageType: "MissingStage"
+    };
+  },
 
-    mounted(){
-        this.getStageType();
-    },
-
-    methods: {
-        getStageType: function(){
-            console.log("Getting stage type")
-            axios
-                .get(this.stageTypeUri)
-                .then(response => {
-                    console.log("Stage type is  "+ response.data);
-                    this.stageType = response.data;
-                })
-                .catch(error => {
-                    this.modalError(error);
-                });
-        },
-        setStageType: function(){
-            console.log("Setting stage type")
-            axios
-                .put(this.stageTypeUri,this.stageType)
-                .then(response => {
-                    this.stageType = response.data;
-                    console.log("Stage type set to " + this.stageType);
-                    this.modalNotify("Stage type changed.");
-                })
-                .catch(error => {
-                    this.modalError(error);
-                });
-        }
+  computed: {
+    stageTypeUri: function() {
+      return `${this.$store.getters.baseUri}/api/v2/instrument/stage/type`;
     }
-}
+  },
+
+  mounted() {
+    this.getStageType();
+  },
+
+  methods: {
+    getStageType: function() {
+      console.log("Getting stage type");
+      axios
+        .get(this.stageTypeUri)
+        .then(response => {
+          console.log("Stage type is  " + response.data);
+          this.stageType = response.data;
+        })
+        .catch(error => {
+          this.modalError(error);
+        });
+    },
+    setStageType: function() {
+      console.log("Setting stage type");
+      axios
+        .put(this.stageTypeUri, this.stageType)
+        .then(response => {
+          this.stageType = response.data;
+          console.log("Stage type set to " + this.stageType);
+          this.modalNotify("Stage type changed.");
+        })
+        .catch(error => {
+          this.modalError(error);
+        });
+    }
+  }
+};
 </script>
 
 <style lang="less"></style>