Many Changes

spaces/app.vue

@@ -29,6 +29,33 @@ const navLinks = [
     to: "/",
     icon: 'i-heroicons-home'
   },
+  {
+    label: "Kontakte",
+    icon: 'i-heroicons-user-group',
+    children: [
+      {
+        label: "Kunden",
+        to: "/customers",
+        icon: "i-heroicons-user-group"
+      },
+      {
+        label: "Lieferanten",
+        to: "/vendors",
+        icon: "i-heroicons-truck"
+      },
+    ]
+  },
+  {
+    label: "Buchhaltung",
+    icon: 'i-heroicons-document-chart-bar',
+    children: [
+      {
+        label: "Eingangsrechnungen",
+        to: "/vendorinvoices",
+        icon: "i-heroicons-user-group"
+      },
+    ]
+  },
   {
     label: "Aufgaben",
     to: "/tasks",
@@ -39,25 +66,16 @@ const navLinks = [
     to: "/planningBoard",
     icon: "i-heroicons-calendar-days"
   },
-  {
-    label: "Kunden",
-    to: "/customers",
-    icon: "i-heroicons-user-group"
-  },
+
   {
     label: "Projekte",
     to: "/projects",
     icon: "i-heroicons-clipboard-document-check"
   },
   {
-    label: "Zeiterfassung",
-    to: "/timetracking",
-    icon: "i-heroicons-clock"
-  },
-  {
-    label: "Artikel",
-    to: "/products",
-    icon: "i-heroicons-puzzle-piece"
+    label: "Jobs",
+    to: "/jobs",
+    icon: "i-heroicons-square-3-stack-3d"
   },
   {
     label: "Dokumente",
@@ -65,15 +83,32 @@ const navLinks = [
     icon: "i-heroicons-document"
   },
   {
-    label: "Inventar",
-    to: "/inventory",
-    icon: "i-heroicons-square-3-stack-3d"
+    label: "Mitarbeiter",
+    icon: 'i-heroicons-user',
+    children: [
+      {
+        label: "Zeiterfassung",
+        to: "/timetracking",
+        icon: "i-heroicons-clock"
+      },
+    ]
   },
   {
-    label: "Jobs",
-    to: "/jobs",
-    icon: "i-heroicons-square-3-stack-3d"
-  }
+    label: "Lager",
+    icon: 'i-heroicons-home',
+    children: [
+      {
+        label: "Artikel",
+        to: "/products",
+        icon: "i-heroicons-puzzle-piece"
+      },
+      {
+        label: "Inventar",
+        to: "/inventory",
+        icon: "i-heroicons-square-3-stack-3d"
+      },
+    ]
+  },
 ]
 
 const linksForBreadcrumbs = ref([])
@@ -141,6 +176,10 @@ const items = [
     slot: 'account',
     disabled: true
   }], [{
+    label: 'Externe Geräte',
+    icon: 'i-heroicons-cog-8-tooth',
+    to: "/settings/externalDevices"
+  },{
     label: 'Settings',
     icon: 'i-heroicons-cog-8-tooth'
   }], /*[{
@@ -181,6 +220,11 @@ const items = [
       </div>
 
     </template>
+
+    <template #panel>
+      <UNavigationTree :links="navLinks"/>
+    </template>
+
     <template #right  v-if="user">
       <UColorModeButton/>
       <UDropdown :items="items" :ui="{ item: { disabled: 'cursor-text select-text' } }" :popper="{ placement: 'bottom-start' }">