Remove features tab, as neither option works with v3. Does not remove underlying code (seperate issue)
This commit is contained in:
parent
625f9b4001
commit
3ca86ec4b4
2 changed files with 0 additions and 115 deletions
|
|
@ -1,90 +0,0 @@
|
||||||
<template>
|
|
||||||
<div id="appSettings" class="uk-width-large">
|
|
||||||
<h3>Additional features</h3>
|
|
||||||
<p class="uk-margin-small" :class="{ 'uk-text-muted': !imjoyPermitted }">
|
|
||||||
<label :disabled="!imjoyPermitted">
|
|
||||||
<input
|
|
||||||
v-model="imjoyEnabled"
|
|
||||||
class="uk-checkbox"
|
|
||||||
type="checkbox"
|
|
||||||
:disabled="!imjoyPermitted"
|
|
||||||
/>
|
|
||||||
Enable ImJoy plugin engine
|
|
||||||
</label>
|
|
||||||
</p>
|
|
||||||
<p v-if="imjoyPermitted" class="uk-margin-small">
|
|
||||||
<a href="https://imjoy.io/">ImJoy</a> enables integration with a wide
|
|
||||||
variety of microscopy and image analysis applications, including ImageJ.JS
|
|
||||||
and Kaibu. Support for ImJoy within the OFM software is currently
|
|
||||||
experimental, and it may slow down loading of the application.
|
|
||||||
</p>
|
|
||||||
<p v-if="!imjoyPermitted" class="uk-margin-small uk-text-muted">
|
|
||||||
ImJoy plugins are disabled in this build of the OpenFlexure software.
|
|
||||||
</p>
|
|
||||||
<p class="uk-margin-small">
|
|
||||||
<label
|
|
||||||
><input v-model="galleryEnabled" class="uk-checkbox" type="checkbox" />
|
|
||||||
Enable Gallery</label
|
|
||||||
>
|
|
||||||
</p>
|
|
||||||
<p class="uk-margin-small">
|
|
||||||
The "gallery" tab can cause performance issues; un-tick the box above to
|
|
||||||
disable it.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
// Export main app
|
|
||||||
export default {
|
|
||||||
name: "FeaturesSettings",
|
|
||||||
|
|
||||||
data: function() {
|
|
||||||
return {};
|
|
||||||
},
|
|
||||||
|
|
||||||
computed: {
|
|
||||||
imjoyEnabled: {
|
|
||||||
get() {
|
|
||||||
return this.$store.state.imjoyEnabled;
|
|
||||||
},
|
|
||||||
set(value) {
|
|
||||||
this.$store.commit("changeImjoyEnabled", value);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
galleryEnabled: {
|
|
||||||
get() {
|
|
||||||
return this.$store.state.galleryEnabled;
|
|
||||||
},
|
|
||||||
set(value) {
|
|
||||||
this.$store.commit("changeGalleryEnabled", value);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
imjoyPermitted: function() {
|
|
||||||
// ImJoy may be disabled using an environment variable.
|
|
||||||
// If this function returns false, it is never possible to
|
|
||||||
// use ImJoy, so we should gray out the option.
|
|
||||||
return process.env.VUE_APP_ENABLE_IMJOY === "true";
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
watch: {
|
|
||||||
imjoyEnabled: function() {
|
|
||||||
this.setLocalStorageObj("imjoyEnabled", this.imjoyEnabled);
|
|
||||||
},
|
|
||||||
galleryEnabled: function() {
|
|
||||||
this.setLocalStorageObj("galleryEnabled", this.galleryEnabled);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
mounted() {
|
|
||||||
// Try loading settings from localStorage. If null, don't change.
|
|
||||||
this.imjoyEnabled =
|
|
||||||
this.getLocalStorageObj("imjoyEnabled") || this.imjoyEnabled;
|
|
||||||
this.galleryEnabled =
|
|
||||||
this.getLocalStorageObj("galleryEnabled") || this.galleryEnabled;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="less"></style>
|
|
||||||
|
|
@ -17,19 +17,6 @@
|
||||||
Display
|
Display
|
||||||
</tabIcon>
|
</tabIcon>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
|
||||||
<tabIcon
|
|
||||||
id="settings-features-icon"
|
|
||||||
tab-i-d="features"
|
|
||||||
:show-title="false"
|
|
||||||
:show-tooltip="false"
|
|
||||||
:require-connection="false"
|
|
||||||
:current-tab="currentTab"
|
|
||||||
@set-tab="setTab"
|
|
||||||
>
|
|
||||||
Features
|
|
||||||
</tabIcon>
|
|
||||||
</li>
|
|
||||||
<li class="uk-nav-header">Microscope Settings</li>
|
<li class="uk-nav-header">Microscope Settings</li>
|
||||||
<li>
|
<li>
|
||||||
<tabIcon
|
<tabIcon
|
||||||
|
|
@ -89,16 +76,6 @@
|
||||||
</div>
|
</div>
|
||||||
</tabContent>
|
</tabContent>
|
||||||
|
|
||||||
<tabContent
|
|
||||||
tab-i-d="features"
|
|
||||||
:require-connection="false"
|
|
||||||
:current-tab="currentTab"
|
|
||||||
>
|
|
||||||
<div class="settings-pane uk-padding-small">
|
|
||||||
<featuresSettings />
|
|
||||||
</div>
|
|
||||||
</tabContent>
|
|
||||||
|
|
||||||
<tabContent
|
<tabContent
|
||||||
tab-i-d="camera"
|
tab-i-d="camera"
|
||||||
:require-connection="true"
|
:require-connection="true"
|
||||||
|
|
@ -136,7 +113,6 @@
|
||||||
import streamSettings from "./settingsComponents/streamSettings.vue";
|
import streamSettings from "./settingsComponents/streamSettings.vue";
|
||||||
import cameraSettings from "./settingsComponents/cameraSettings.vue";
|
import cameraSettings from "./settingsComponents/cameraSettings.vue";
|
||||||
import appSettings from "./settingsComponents/appSettings.vue";
|
import appSettings from "./settingsComponents/appSettings.vue";
|
||||||
import featuresSettings from "./settingsComponents/featuresSettings.vue";
|
|
||||||
import CSMSettings from "./settingsComponents/CSMSettings.vue";
|
import CSMSettings from "./settingsComponents/CSMSettings.vue";
|
||||||
import stageSettings from "./settingsComponents/stageSettings.vue";
|
import stageSettings from "./settingsComponents/stageSettings.vue";
|
||||||
// Import generic components
|
// Import generic components
|
||||||
|
|
@ -154,7 +130,6 @@ export default {
|
||||||
stageSettings,
|
stageSettings,
|
||||||
CSMSettings,
|
CSMSettings,
|
||||||
appSettings,
|
appSettings,
|
||||||
featuresSettings,
|
|
||||||
tabIcon,
|
tabIcon,
|
||||||
tabContent,
|
tabContent,
|
||||||
ActionButton
|
ActionButton
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue