first commit

src/views/pages/ScenarioList.vue

@@ -20,6 +20,15 @@
                         variant="filled"
                     />
                 </div>
+                 <!-- Aggiungi il Dropdown qui -->
+                 <Dropdown 
+                        v-model="selectedApp"
+                        :options="dataApp.apps"
+                        optionLabel="fe_name"
+                        placeholder="Select an Option"
+                        class="dropdown-list"
+                        @change="reloadScenarios"
+                    />
                 <SelectButton v-model="layout" :options="options" :allowEmpty="false" class="layout-switch">
                     <template #option="{ option }">
                         <i :class="[option === 'list' ? 'pi pi-bars' : 'pi pi-table']" />
@@ -30,6 +39,8 @@
 
         <template #list="slotProps">
             <div class="flex flex-col space-y-4 mt-2">
+                
+               
                 <div v-for="(item, index) in slotProps.items" :key="index">
                     <div class="flex flex-col sm:flex-row sm:items-center p-6 gap-4 bg-white dark:bg-gray-800 rounded-lg shadow-md"
                         :class="{ 'border-t border-gray-200 dark:border-gray-700': index !== 0 }">
@@ -71,32 +82,113 @@
 
 <script setup>
 import { ChevronRightIcon } from '@heroicons/vue/24/solid';
+import { useAuth } from '@websanova/vue-auth/src/v3.js';
 import DataView from 'primevue/dataview';
 import ProgressSpinner from 'primevue/progressspinner';
 import { computed, onMounted, reactive, ref } from 'vue';
-import { useRouter } from 'vue-router';
+import { useRoute, useRouter } from 'vue-router';
 import { ScenarioService } from '../../service/ScenarioService.js';
 
     const router = useRouter()
     const layout = ref('grid');
     const options = ref(['list', 'grid']);
     const loading = ref(true)
+    const route = useRoute();
+    const auth = useAuth();
+const user = computed(() => auth.user());
 
     
-    onMounted(() => {
+        const fetchUserData = () => {
+            return new Promise((resolve, reject) => {
+                auth.fetch().then((fetchedUser) => {
+                    user.value = fetchedUser;
+                    resolve(user.value);
+                    
+                }).catch((error) => {
+                    reject(error);
+                });
+            });
+        };
+
+        const fetchScenarios = (selectedProject) => {
+            return ScenarioService.getScenariosProject(selectedProject).then(resp => {
+                data.scenarios = resp.data;
+            });
+        };
+
+    /*onMounted(() => {
         loading.value = true
-        ScenarioService.getScenarios().then(resp=>{
+        //const id = route.params.selProject;  
+        //fetchUserData();
+        console.log("user after 2:", user.value);
+
+        console.log("user scenario", user.value.selectedProject);
+
+        ScenarioService.getScenariosProject(user.value.selectedProject).then(resp=>{
+            console.log("response scenari", resp);
             data.scenarios = resp.data
             loading.value = false
         })
+        dataApp.apps = user.value.selectedProject.lstApplications;
+        console.log("list apps:", dataApp.apps);
+        /*ProjectService.getUserApplications().then(resp=>{
+            dataApp.apps = resp.data
+            console.info("data apps", resp);
+            
+        })
         
-    });
+    });*/
+
+    onMounted(() => {
+            loading.value = true;
+
+            fetchUserData()
+                .then(() => {
+                    console.log("user after fetch:", user.value);
+                    console.log("user scenario", user.value.selectedProject);
+
+                    // Assicurati che selectedProject sia definito
+                    if (user.value.selectedProject) {
+                        return fetchScenarios(user.value.selectedProject);
+                    } else {
+                        throw new Error('Nessun progetto selezionato.');
+                    }
+                })
+                .then(() => {
+                    loading.value = false;
+                    dataApp.apps = user.value.selectedProject.lstApplications;
+                    console.log("list apps:", dataApp.apps);
+                })
+                .catch((error) => {
+                    console.error("Errore:", error);
+                    loading.value = false; // Assicurati di fermare il caricamento anche in caso di errore
+                });
+        });
+
+    const reloadScenarios = () => {
+        console.log("selectedApp", selectedApp.value)
+
+        ScenarioService.getScenariosApplication(selectedApp.value).then(resp=>{
+            console.log("response scenari", resp);
+            data.scenarios = resp.data
+            //loading.value = false
+        })
+    };
+    
 
     const data = reactive({
         search: null,
         scenarios: []
     })
 
+    const dataApp = reactive({
+        search: null,
+        apps: []
+    })
+
+    const selectedApp = ref(null);  
+
+
     const filter = computed(() => {
 
         if (data.search) {