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

Use thingAvailable via computed prop

Browse source 
Computed properties are needed to make things reactive.
This commit is contained in:
Richard Bowman 2023-12-01 01:28:08 +00:00
parent 55305a67f4
commit ccf9b38c34
1 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
webapp/src/components/tabContentComponents/aboutComponents/statusPane.vue
View file

@ -21,7 +21,7 @@
<div class="uk-margin-small-bottom"> <div class="uk-margin-small-bottom">
<b>Camera:</b> <b>Camera:</b>
<br /> <br />
<div v-if="thingAvailable('camera')"> <div v-if="'camera' in things">
{{ things.camera.title }} {{ things.camera.title }}
</div> </div>
<div v-else class="uk-text-danger"><b>No camera configured</b></div> <div v-else class="uk-text-danger"><b>No camera configured</b></div>
@ -29,7 +29,7 @@
<div> <div>
<b>Stage:</b> <b>Stage:</b>
<br /> <br />
<div v-if="thingAvailable('stage')"> <div v-if="'stage' in things">
{{ things.stage.title }} {{ things.stage.title }}
</div> </div>
<div v-else class="uk-text-danger"><b>No stage configured</b></div> <div v-else class="uk-text-danger"><b>No stage configured</b></div>
@ -77,7 +77,7 @@ export default {
computed: { computed: {
things: function() { things: function() {
return this.$store.state["wot/thingDescriptions"]; return this.$store.getters["wot/thingDescriptions"];
} }
}, },