rahix/openflexure-microscope-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix stage geometry URL

Browse source
This commit is contained in:
Joel Collins 2020-10-16 14:41:34 +01:00
parent b2c6c93284
commit 157eb28053
1 changed files with 74 additions and 72 deletions
Download patch file Download diff file Expand all files Collapse all files

146
openflexure_microscope/api/static/src/components/viewComponents/settingsComponents/stageSettings.vue
View file

@ -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>