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

Added extra status info

Browse source
This commit is contained in:
Joel Collins 2019-11-11 14:59:19 +00:00
parent 8ae46c97b0
commit 13d4c9a2fe
1 changed files with 31 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

36
src/components/controlComponents/paneStatus.vue
View file

@ -2,11 +2,32 @@
<div class="host-input">
<div v-if="$store.getters.ready">
<p><b>Host:</b> {{ $store.state.host }}</p>
<p><b>Base URI:</b> {{ $store.getters.uri }}</p>
<p v-if="$store.state.apiConfig.name"><b>Device name:</b> {{ $store.state.apiConfig.name }}</p>
<div v-if="$store.state.apiConfig.name"><b>Device name:</b> <br> {{ $store.state.apiConfig.name }}</div>
<hr>
<div class="uk-margin-small-bottom">
<b>Host:</b>
<br>
{{ $store.state.host }}
</div>
<div><b>Server version:</b> <br> {{ $store.state.apiState.version }}</div>
<hr>
<div class="uk-margin-small-bottom">
<b>Camera:</b>
<br>
<div v-if="$store.state.apiState.camera.board">{{ $store.state.apiState.camera.board }}</div>
<div v-else class="uk-text-danger"><b>No camera connected</b></div>
</div>
<div>
<b>Stage:</b>
<br>
<div v-if="$store.state.apiState.stage.board">{{ $store.state.apiState.stage.board }}</div>
<div v-else class="uk-text-danger"><b>No stage connected</b></div>
</div>
</div>
<div v-else-if="$store.state.waiting">
<progressBar></progressBar>
</div>
<div v-else-if="$store.state.waiting"><div uk-spinner></div></div>
<div v-else-if="$store.state.error"><b>Error:</b> {{ $store.state.error }}</div>
<div v-else>No active connection</div>
@ -14,10 +35,16 @@
</template>
<script>
import progressBar from "../genericComponents/progressBar"
export default {
name: 'paneStatus',
components: {
progressBar
},
data: function () {
return {
}
@ -26,7 +53,6 @@ export default {
mounted() {
},
// When savedHosts changes, serialise to JSON and save to localStorage
watch: {
},