CreatBotMainsail/src/pages/Dashboard.vue
Stefan Dej 57ca568bbe feature: move power switches to top corner navi
Signed-off-by: Stefan Dej <meteyou@gmail.com>
2020-12-09 00:43:31 +01:00

46 lines
2.0 KiB
Vue

<template>
<v-row>
<v-col class="col-sm-12 col-md-5">
<min-settings-panel v-if="klippy_state === 'ready' && existsPrinterConfig"></min-settings-panel>
<status-panel v-if="klippy_state === 'ready'"></status-panel>
<klippy-state-panel v-if="socket_connected && klippy_state !== 'ready'"></klippy-state-panel>
<webcam-panel v-if="showDashboardWebcam" class="mt-6"></webcam-panel>
<z-offset-panel class="mt-6" v-if="klippy_state === 'ready'"></z-offset-panel>
<control-panel class="mt-6" v-if="klippy_state === 'ready'"></control-panel>
<extruder-panel class="mt-6" v-if="klippy_state === 'ready'"></extruder-panel>
<peripherie-panel class="mt-6" v-if="klippy_state === 'ready'"></peripherie-panel>
</v-col>
<v-col class="col-sm-12 col-md-7">
<tools-panel v-if="socket_connected && klippy_connected"></tools-panel>
<miniconsole-panel class="mt-6" v-if="klippy_state === 'ready' && showDashboardConsole"></miniconsole-panel>
</v-col>
</v-row>
</template>
<script>
import { mapState } from 'vuex'
import ZOffsetPanel from "../components/panels/ZOffsetPanel";
export default {
components: { ZOffsetPanel },
data: () => ({
}),
computed: {
...mapState({
socket_connected: state => state.socket.isConnected,
klippy_connected: state => state.server.klippy_connected,
klippy_state: state => state.server.klippy_state,
showDashboardWebcam: state => state.gui.dashboard.boolWebcam,
showDashboardConsole: state => state.gui.dashboard.boolConsole,
config: state => state.printer.configfile.config,
}),
existsPrinterConfig: {
get() {
return this.$store.getters["printer/existPrinterConfig"]
}
}
},
}
</script>