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

Conditionally render settings tabs based on available Things

Browse source
This commit is contained in:
Julian Stirling 2025-11-07 14:46:55 +00:00
parent f35c96d653
commit f9020fc6a0
4 changed files with 94 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

53
webapp/src/components/tabContentComponents/settingsComponents/appSettings.vue
View file

@ -1,53 +0,0 @@
<template>
<div id="appSettings" class="uk-width-large">
<h3>Appearance</h3>
<p>
<label>
Theme
<select v-model="appTheme" class="uk-select">
<option value="light">Light</option>
<option value="dark">Dark</option>
<option value="system">System</option>
</select>
</label>
</p>
<p>
<button class="uk-button uk-button-default" @click="toggleFullscreen">
Toggle Fullscreen
</button>
</p>
</div>
</template>
<script>
// Export main app
export default {
name: "AppSettings",
data: function () {
return {};
},
computed: {
appTheme: {
get() {
return this.$store.state.appTheme;
},
set(value) {
this.$store.commit("changeAppTheme", value);
},
},
},
methods: {
async toggleFullscreen() {
if (!document.fullscreenElement) {
await document.documentElement.requestFullscreen();
} else {
await document.exitFullscreen();
}
},
},
};
</script>
<style lang="less"></style>