diff --git a/app/components/Viewer/TreeComponent.vue b/app/components/Viewer/TreeComponent.vue index 023e4fbd..6494ebe8 100644 --- a/app/components/Viewer/TreeComponent.vue +++ b/app/components/Viewer/TreeComponent.vue @@ -123,9 +123,21 @@ async function onSelectionChange(current) { @@ -139,6 +151,10 @@ async function onSelectionChange(current) { max-width: 100%; display: inline-block; } +.inactive-item { + opacity: 0.4; + font-style: italic; +} .transparent-treeview { background-color: transparent; diff --git a/app/stores/data.js b/app/stores/data.js index 2f94889d..fb590437 100644 --- a/app/stores/data.js +++ b/app/stores/data.js @@ -62,6 +62,7 @@ export const useDataStore = defineStore("data", () => { id: meshComponent.geode_id, title: meshComponent.name, category: meshComponent.type, + is_active: meshComponent.is_active, })), })); } @@ -115,6 +116,7 @@ export const useDataStore = defineStore("data", () => { type: component.type, viewer_id: component.viewer_id, name: component.name, + is_active: component.is_active, }); } }