Merge branch 'master' of https://gitlab.gcp.windtre.it/olympus_ai/hermione-fe

src/layout/AppTopbar.vue

@@ -8,11 +8,11 @@ import { LoadingStore } from '../stores/LoadingStore.js';
 import { ScenarioStore } from '../stores/ScenarioStore.js';
 import { UserPrefStore } from '../stores/UserPrefStore.js';
 
+import { ref, watch } from 'vue';
 import { useRoute } from 'vue-router';
 import AppConfigurator from './AppConfigurator.vue';
 import AppProfileMenu from './AppProfileMenu.vue';
 
-
 const auth     = useAuth();
 const route = useRoute();
 
@@ -23,8 +23,23 @@ const userPrefStore = UserPrefStore();
 const scenario_store = ScenarioStore();
 const loadingStore = LoadingStore()
 
+
+const selectedApp = ref(userPrefStore.getSelApp);
+
 const { onMenuToggle, toggleDarkMode, isDarkTheme } = useLayout();
 
+async function updateApplication() {
+    await userPrefStore.setSelectedApp(selectedApp.value);
+
+    scenario_store.fetchApplicationScenarios(); 
+
+}
+
+function  appUpdated() {
+    selectedApp.value = userPrefStore.getSelApp;
+}
+
+watch(() => userPrefStore.getSelApp, appUpdated, { immediate: true });
 
 </script>
 
@@ -92,12 +107,12 @@ const { onMenuToggle, toggleDarkMode, isDarkTheme } = useLayout();
             </div>
             
             <Dropdown 
-                        v-model="userPrefStore.selectedApp"
+                        v-model="selectedApp"
                         :options="userPrefStore.availableApp"
                         optionLabel="fe_name"
                         placeholder="Select an Application"
                         class="dropdown-list"
-                        @change="scenario_store.fetchApplicationScenarios()"
+                        @change="updateApplication()"
                         :disabled="route.path === '/projects'"
                     />
             <button