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

change vue to use a task submitter for setting stage

Browse source
This commit is contained in:
samuelmcdermott 2020-10-12 16:56:58 +01:00
parent f30679d4db
commit e886e9db28
1 changed files with 33 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -6,10 +6,24 @@
<label>
Stage Type
<div v-if="this.stageType != 'MissingStage'">
<select v-model="stageType" class="uk-select">
<option value="SangaStage">SangaStage (Standard)</option>
<option value= "SangaDeltaStage"> SangaStage (Delta)</option>
</select>
<form>
<div>
<select v-model="stageType" class="uk-select">
<option value="SangaStage">SangaStage (Standard)</option>
<option value= "SangaDeltaStage"> SangaStage (Delta)</option>
</select>
</div>
<div>
<taskSubmitter
:can-terminate="false"
:submit-url= "this.stageTypeUri"
:submit-data="{'stage_type' : this.stageType}"
:submit-label="'Change stage type'"
@response="onStageTypeResponse"
@error="onStageTypeError"
>
</div>
</form>
</div>
<div v-else class="uk-text-danger"><b>No stage connected</b></div>
</label>
@ -21,10 +35,15 @@
<script>
import axios from "axios";
import taskSubmitter from "../../genericComponents/taskSubmitter";
export default {
name: "StageSettings",
components:{
taskSubmitter
},
data: function(){
return {
stageType: "MissingStage",
@ -41,35 +60,27 @@ export default {
this.getStageType();
},
watch:{
stageType: function(){
this.setStageType();
}
},
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;
console.log("Stage type is " + response.data.stage_type)
this.stageType = response.data.stage_type;
})
.catch(error => {
this.modalError(error);
});
},
setStageType: function(){
console.log("Changing stage type")
axios
.post(this.stageTypeUri,{"stage_type" : this.stageType})
.then(response => {
console.log("Stage type changed")
})
.catch(error => {
this.modalError(error);
});
onStageTypeResponse: function(response) {
this.modalNotify("Stage type changed.");
console.log("Stage type changed to " + response.output.stage_type)
this.stageType = response.output.stage_type
},
onStageTypeError: function(error) {
this.modalError(error); // Let mixin handle error
}
}
}