first commit

src/layout/AppLayout.vue

@@ -8,8 +8,10 @@ import AppTopbar from './AppTopbar.vue';
 const { layoutConfig, layoutState, isSidebarActive, resetMenu } = useLayout();
 
 const outsideClickListener = ref(null);
+const page = ref("progetti");
 
 watch(isSidebarActive, (newVal) => {
+    //console.log("routerLink", routerLink);
     if (newVal) {
         bindOutsideClickListener();
     } else {
@@ -54,7 +56,7 @@ const isOutsideClicked = (event) => {
 
 <template>
     <div class="layout-wrapper" :class="containerClass">
-        <app-topbar></app-topbar>
+        <app-topbar :page="page"></app-topbar>
        <div class="layout-sidebar">
             <app-sidebar></app-sidebar>
         </div>

src/layout/AppProfileMenu.vue

@@ -4,8 +4,9 @@
             <span class="config-panel-label">Welcome </span>
             <span v-if="user">
                 {{ user.name + " " + user.surname }}
-            </span>    
-                <button @click="auth.logout()" class="p-button p-button-danger p-button-outlined">Logout</button>
+            </span> 
+            <button @click="redirectProject()" class="p-button p-button-danger p-button-outlined">Projects</button>
+            <button @click="auth.logout()" class="p-button p-button-danger p-button-outlined">Logout</button>
         </div>
     </div>
 </template>
@@ -14,8 +15,15 @@
 
 import { useAuth } from '@websanova/vue-auth/src/v3.js';
 import { computed } from 'vue';
+import { useRouter } from 'vue-router';
+
 
 const auth = useAuth();
 const user = computed(() => auth.user());
+const  router = useRouter();
+
+function redirectProject() {
+    router.push('/projects'); // Specifica il percorso per la pagina "Projects"
+}
 
 </script>

src/layout/AppTopbar.vue

@@ -9,8 +9,25 @@ import AppProfileMenu from './AppProfileMenu.vue';
 const auth     = useAuth();
 
 const  router = useRouter();
+const props = defineProps(['page']);
+
 
 const { onMenuToggle, toggleDarkMode, isDarkTheme } = useLayout();
+
+/*const fetchData = async () => {
+  try {
+    const response = await axios.get('/userApplications'); 
+    items.value = response.data;
+  } catch (error) {
+    console.error('Errore durante il recupero dei dati:', error);
+  }
+};
+
+// Richiama il metodo all'inizializzazione del componente
+onMounted(() => {
+  fetchData();
+});*/
+
 </script>
 
 <template>
@@ -44,6 +61,7 @@ const { onMenuToggle, toggleDarkMode, isDarkTheme } = useLayout();
 
         <div class="layout-topbar-actions">
             <div class="layout-config-menu">
+                
                 <button  @click="router.push('/canvas')" class="layout-topbar-action" >
                     <i class="pi pi-file-edit"></i>
                 </button >