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

Great big ESLint

Browse source
This commit is contained in:
Joel Collins 2019-11-11 16:33:43 +00:00
parent 051eabbdc3
commit ebcb938da1
48 changed files with 3890 additions and 2536 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,70 +1,71 @@
<template>
<div class="host-input">
<div v-if="$store.getters.ready">
<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 class="host-input">
<div v-if="$store.getters.ready">
<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><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 v-else-if="$store.state.waiting">
<progressBar></progressBar>
</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 v-else-if="$store.state.error">
<b>Error:</b> {{ $store.state.error }}
</div>
<div v-else>No active connection</div>
</div>
<div v-else-if="$store.state.waiting">
<progressBar></progressBar>
</div>
<div v-else-if="$store.state.error"><b>Error:</b> {{ $store.state.error }}</div>
<div v-else>No active connection</div>
</div>
</template>
<script>
import progressBar from "../genericComponents/progressBar"
import progressBar from "../genericComponents/progressBar";
export default {
name: 'paneStatus',
name: "PaneStatus",
components: {
progressBar
},
data: function () {
return {
}
data: function() {
return {};
},
mounted() {
},
computed: {},
watch: {
},
watch: {},
methods: {
},
mounted() {},
computed: {
}
}
methods: {}
};
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
</style>
<style scoped lang="less"></style>