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

Added backlash confdig

Browse source
This commit is contained in:
Joel Collins 2019-02-20 11:03:56 +00:00
parent ab7c88cf98
commit 55cdb55573
1 changed files with 80 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

96
src/components/paneSettingsComponents/microscopeSettings.vue
View file

@ -1,24 +1,50 @@
<template> <template>
<div id="microscopeSettings"> <div id="microscopeSettings">
<form @submit.prevent="applyConfigRequest">
<h4>Camera</h4>
<div class="uk-text-center uk-container" v-if="isCalibrating">
<div class="center-spinner" uk-spinner></div>
</div>
<div v-else>
<button type="button" v-on:click="recalibrateConfirm()" class="uk-button uk-button-default uk-form-small uk-float-right uk-margin-small uk-width-1-1">Auto-Calibrate</button>
</div>
<h4>Camera</h4> <h4>Stage</h4>
<div class="uk-text-center uk-container" v-if="isCalibrating">
<div class="center-spinner" uk-spinner></div>
</div>
<div v-else>
<button v-on:click="recalibrateRequest()" class="uk-button uk-button-default uk-form-small uk-float-right uk-margin-small uk-width-1-1">Auto-Calibrate</button>
</div>
<h4>Stage</h4> <label class="uk-form-label" for="form-stacked-text">Backlash compensation</label>
<div class="uk-grid-small uk-child-width-1-3" uk-grid>
<div>
<label class="uk-form-label" for="form-stacked-text">x</label>
<div class="uk-form-controls">
<input v-model="stageBacklash.x" class="uk-input uk-form-small" type="number">
</div>
</div>
<h4>Microscope</h4> <div>
<label class="uk-form-label" for="form-stacked-text">y</label>
<div class="uk-form-controls">
<input v-model="stageBacklash.y" class="uk-input uk-form-small" type="number">
</div>
</div>
<div> <div>
<label class="uk-form-label" for="form-stacked-text">Microscope name</label> <label class="uk-form-label" for="form-stacked-text">z</label>
<input v-model="microscopeName" class="uk-input uk-width-1-1 uk-form-small" name="inputFilename" placeholder="Leave blank for default"> <div class="uk-form-controls">
</div> <input v-model="stageBacklash.z" class="uk-input uk-form-small" type="number">
</div>
</div>
</div>
<button class="uk-button uk-button-default uk-form-small uk-float-right uk-margin-small uk-width-1-1 uk-disabled">Apply Settings</button> <h4>Microscope</h4>
<div>
<label class="uk-form-label" for="form-stacked-text">Microscope name</label>
<input v-model="microscopeName" class="uk-input uk-width-1-1 uk-form-small" name="inputFilename" placeholder="Leave blank for default">
</div>
<button type="submit" class="uk-button uk-button-default uk-form-small uk-float-right uk-margin-small uk-width-1-1">Apply Settings</button>
</form>
</div> </div>
@ -35,13 +61,24 @@ export default {
data: function () { data: function () {
return { return {
microscopeName: this.$store.state.apiConfig.name, microscopeName: this.$store.state.apiConfig.name,
stageBacklash: this.$store.state.apiConfig.backlash,
isCalibrating: false isCalibrating: false
} }
}, },
methods: { methods: {
updateInputValues: function () { updateInputValues: function () {
this.microscopeName = this.$store.state.apiConfig.name this.microscopeName = this.$store.state.apiConfig.name;
this.stageBacklash = this.$store.state.apiConfig.backlash
},
recalibrateConfirm: function() {
var self = this;
UIkit.modal.confirm('Start recalibration? This may take a while, and the microscope will be locked during this time.').then(function() {
self.recalibrateRequest()
}, function () {
console.log('Rejected.')
});
}, },
recalibrateRequest: function() { recalibrateRequest: function() {
@ -55,7 +92,7 @@ export default {
this.$store.dispatch('pollTask', [response.data[0].id, null, null]) this.$store.dispatch('pollTask', [response.data[0].id, null, null])
.then(function() { .then(function() {
self.isCalibrating = false self.isCalibrating = false
UIkit.notification({message: "Finished recalibration", status: 'success'}) UIkit.notification({message: "Finished recalibration.", status: 'success'})
}) })
.catch(error => { .catch(error => {
self.isCalibrating = false self.isCalibrating = false
@ -65,12 +102,39 @@ export default {
.catch(error => { .catch(error => {
this.$store.dispatch('handleHTTPError', error); // Let store handle error this.$store.dispatch('handleHTTPError', error); // Let store handle error
}) })
},
applyConfigRequest: function() {
var payload = {}
if (this.microscopeName != this.$store.state.apiConfig.name) {
payload.name = this.microscopeName
};
if (this.stageBacklash != this.$store.state.apiConfig.backlash) {
payload.backlash = this.stageBacklash
}
// Send move request
axios.post(this.configApiUri, payload)
.then(response => {
this.$store.dispatch('updateConfig');
this.updateInputValues
UIkit.notification({message: "Microscope config applied.", status: 'success'})
})
.catch(error => {
this.$store.dispatch('handleHTTPError', error); // Let store handle error
})
} }
}, },
computed: { computed: {
recalibrateApiUri: function () { recalibrateApiUri: function () {
return this.$store.getters.uri + "/plugin/default/camera_calibration/recalibrate" return this.$store.getters.uri + "/plugin/default/camera_calibration/recalibrate"
},
configApiUri: function () {
return this.$store.getters.uri + "/config"
} }
} }