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

Conditionally render tabs based on available Things

Browse source
This commit is contained in:
Julian Stirling 2025-11-07 14:10:09 +00:00
parent 0b0483f4c7
commit f35c96d653
4 changed files with 53 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

5
webapp/src/components/tabContentComponents/controlComponents/paneControl.vue
View file

@ -1,6 +1,6 @@
<template>
<div id="paneControl" class="uk-padding-small">
<div v-if="setPosition">
<div v-if="stageAvailable">
<ul uk-accordion="multiple: true">
<li>
<a class="uk-accordion-title" href="#">Configure</a>
@ -167,6 +167,9 @@ export default {
},
computed: {
stageAvailable() {
return this.thingAvailable("stage");
},
// Note that as stepSize and invert are set based on internals we can use
// get() and set() to interact with the store. Instead use a deep watcher to
// update the store (see ``watch:`` below)

7
webapp/src/components/tabContentComponents/slideScanContent.vue
View file

@ -1,7 +1,5 @@
<template>
<div v-if="!backendOK" class="uk-alert-danger">No scan back-end found.</div>
<!-- Grid managing tab content -->
<div v-else uk-grid class="uk-height-1-1 uk-margin-remove uk-padding-remove">
<div uk-grid class="uk-height-1-1 uk-margin-remove uk-padding-remove">
<div class="control-component uk-padding-small">
<div v-show="!scanning" class="uk-padding-small">
<ul uk-accordion="multiple: true">
@ -183,9 +181,6 @@ export default {
},
computed: {
backendOK() {
return this.thingAvailable("smart_scan");
},
cancellable() {
return (this.taskStatus == "running") | (this.taskStatus == "pending");
},