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

Use tabIcon title for tabs seperate id from what is displayed

Browse source 
Closes #385
This commit is contained in:
Julian Stirling 2025-11-07 13:14:15 +00:00
parent bb5bc503ef
commit 0b0483f4c7
1 changed files with 14 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

17
webapp/src/components/appContent.vue
View file

@ -15,6 +15,7 @@
:id="item.id + '-tab-icon'" :id="item.id + '-tab-icon'"
:key="item.id + '-tab-icon'" :key="item.id + '-tab-icon'"
:tab-i-d="item.id" :tab-i-d="item.id"
:title="item.title"
:require-connection="true" :require-connection="true"
:current-tab="currentTab" :current-tab="currentTab"
:class="item.class" :class="item.class"
@ -42,6 +43,7 @@
:id="item.id + '-tab-icon'" :id="item.id + '-tab-icon'"
:key="item.id + '-tab-icon'" :key="item.id + '-tab-icon'"
:tab-i-d="item.id" :tab-i-d="item.id"
:title="item.title"
:require-connection="true" :require-connection="true"
:current-tab="currentTab" :current-tab="currentTab"
:class="item.class" :class="item.class"
@ -109,22 +111,26 @@ export default {
bottomTabs: [ bottomTabs: [
{ {
id: "settings", id: "settings",
title: "Settings",
icon: "settings", icon: "settings",
component: settingsContent, component: settingsContent,
class: "uk-margin-auto-top", class: "uk-margin-auto-top",
}, },
{ {
id: "logging", id: "logging",
title: "Logging",
icon: "assignment_late", icon: "assignment_late",
component: loggingContent, component: loggingContent,
}, },
{ {
id: "about", id: "about",
title: "About",
icon: "info", icon: "info",
component: aboutContent, component: aboutContent,
}, },
{ {
id: "power", id: "power",
title: "Power",
icon: "power_settings_new", icon: "power_settings_new",
component: powerContent, component: powerContent,
}, },
@ -148,26 +154,31 @@ export default {
let tabs = [ let tabs = [
{ {
id: "view", id: "view",
title: "View",
icon: "visibility", icon: "visibility",
component: viewContent, component: viewContent,
}, },
{ {
id: "control", id: "control",
title: "Control",
icon: "gamepad", icon: "gamepad",
component: controlContent, component: controlContent,
}, },
{ {
id: "background detect", id: "background-detect",
title: "Background Detect",
icon: "background_replace", icon: "background_replace",
component: backgroundDetectContent, component: backgroundDetectContent,
}, },
{ {
id: "slide scan", id: "slide-scan",
title: "Slide Scan",
icon: "settings_overscan", icon: "settings_overscan",
component: slideScanContent, component: slideScanContent,
}, },
{ {
id: "scan list", id: "scan-list",
title: "Scan List",
icon: "photo_library", icon: "photo_library",
component: scanListContent, component: scanListContent,
}, },