toggle + menù app

src/layout/AppMenu.vue

@@ -1,12 +1,20 @@
 <script setup>
-import { ref } from 'vue';
+import { ref, watch } from 'vue';
 
 import { UserPrefStore } from '../stores/UserPrefStore.js';
 import AppMenuItem from './AppMenuItem.vue';
 
 const userPrefStore = UserPrefStore();
 
+
+
+
 const model = ref([
+    {
+        label: '',
+        items: []
+        //items: [{ label: 'ATF-Notifier', icon: 'pi pi-fw pi-id-card', to: '/app-browser' }]
+    } ,
     {
         label: 'Scenarios',
         items: [
@@ -16,12 +24,38 @@ const model = ref([
     }, {
         label: 'Canvas',
         items: [{ label: 'New Canvas', icon: 'pi pi-fw pi-id-card', to: '/mdcanvas' }]
-    },{
-        label: 'Your Applications',
-        items: [{ label: 'ATF-Notifier', icon: 'pi pi-fw pi-id-card', to: '/app-browser' }]
-    } 
+    }
 
 ]);
+
+// Funzione per aggiornare la sezione "Your Applications" in base a selectedApp
+function updateApplicationsMenu() {
+    const selectedApp = userPrefStore.getSelApp;
+    console.log("selectedApp", selectedApp);
+
+    if (selectedApp!=null) {
+        // Se selectedApp non è nullo, aggiorna gli item
+        model.value[0].label = selectedApp.fe_name;
+
+// Aggiorna gli item dell'app selezionata
+        model.value[0].items = [
+            { label: 'Rev Eng Code', icon: 'pi pi-fw pi-id-card', to: '/app-browser' }
+        ];
+
+        selectedApp.available_scenarios.forEach(app => {
+            model.value[0].items.push({ label: app.label, icon: 'pi pi-fw pi-id-card', to: `/scenario/exec/${app.scenario_id}`  });
+        });
+    
+    } else {
+        // Se selectedApp è nullo, svuota gli item
+        model.value[0].label = '';
+        model.value[0].items = [];
+    }
+}
+
+// Monitora i cambiamenti in selectedApp dallo store
+watch(() => userPrefStore.getSelApp, updateApplicationsMenu, { immediate: true });
+
 </script>
 
 <template>

src/layout/AppSidebar.vue

@@ -1,9 +1,19 @@
 <script setup>
+import { onMounted } from 'vue';
+import { UserPrefStore } from '../stores/UserPrefStore.js';
 import AppMenu from './AppMenu.vue';
+const userPrefStore = UserPrefStore();
+
+onMounted(() => {
+    userPrefStore.fetchUserData();
+});
 </script>
 
 <template>
-    <app-menu></app-menu>
+    <div v-if="userPrefStore.userLoaded">
+        <app-menu></app-menu>
+    </div>
+   
 </template>
 
 <style lang="scss" scoped></style>