diff --git a/src/layout/AppTopbar.vue b/src/layout/AppTopbar.vue index de6e5b5..199c80d 100644 --- a/src/layout/AppTopbar.vue +++ b/src/layout/AppTopbar.vue @@ -8,7 +8,7 @@ import { LoadingStore } from '../stores/LoadingStore.js'; import { ScenarioStore } from '../stores/ScenarioStore.js'; import { UserPrefStore } from '../stores/UserPrefStore.js'; -import { ref, watch } from 'vue'; +import { computed, ref, watch } from 'vue'; import { useRoute } from 'vue-router'; import AppConfigurator from './AppConfigurator.vue'; import AppProfileMenu from './AppProfileMenu.vue'; @@ -28,6 +28,10 @@ const selectedApp = ref(userPrefStore.getSelApp); const { onMenuToggle, toggleDarkMode, isDarkTheme } = useLayout(); +const isDropdownDisabled = computed(() => { + return route.path === '/projects' || /^\/scenario\/exec\/.+/.test(route.path); +}); + async function updateApplication() { await userPrefStore.setSelectedApp(selectedApp.value); @@ -110,7 +114,7 @@ watch(() => userPrefStore.getSelApp, appUpdated, { immediate: true }); class="dropdown-list menu-list" @change="updateApplication()" - :disabled="route.path === '/projects'" + :disabled="isDropdownDisabled" />