Added Logo

Added Document Download
Added zipjs

spaces/app.vue

@@ -8,13 +8,13 @@ const router = useRouter()
 const route = useRoute()
 const supabase = useSupabaseClient()
 const tenants = (await supabase.from("tenants").select()).data
+const {loaded, profiles} = storeToRefs(useDataStore())
+const {fetchData, getProfileById} = useDataStore()
+const userProfile = user.value ? getProfileById(user.value.id) : {}
 
 
 
 
-const dataStore = useDataStore()
-const {loaded} = storeToRefs(useDataStore())
-const {fetchData} = dataStore
 fetchData()
 
 const navLinks = [
@@ -62,6 +62,11 @@ const navLinks = [
     label: "Inventar",
     to: "/inventory",
     icon: "i-heroicons-square-3-stack-3d"
+  },
+  {
+    label: "Jobs",
+    to: "/jobs",
+    icon: "i-heroicons-square-3-stack-3d"
   }
 ]
 
@@ -151,7 +156,7 @@ const items = [
   }], [{
     label: 'Settings',
     icon: 'i-heroicons-cog-8-tooth'
-  }], [{
+  }], /*[{
     label: 'Documentation',
     icon: 'i-heroicons-book-open'
   }, {
@@ -160,7 +165,7 @@ const items = [
   }, {
     label: 'Status',
     icon: 'i-heroicons-signal'
-  }], [{
+  }],*/ [{
     label: 'Sign out',
     icon: 'i-heroicons-arrow-left-on-rectangle',
     click: () => {
@@ -175,12 +180,17 @@ const items = [
 <template>
   <UHeader :links="navLinks">
     <template #logo>
-      spaces.software
+      <div id="logo">
+        <img src="/spaces.svg"/>
+      </div>
+
     </template>
     <template #right  v-if="user">
       <UColorModeButton/>
       <UDropdown :items="items" :ui="{ item: { disabled: 'cursor-text select-text' } }" :popper="{ placement: 'bottom-start' }">
-        <UAvatar src="https://avatars.githubusercontent.com/u/739984?v=4" />
+        <UAvatar
+            :alt="userProfile ? userProfile.firstName + ' ' + userProfile.lastName : '' "
+        />
 
         <template #account="{ item }">
           <div class="text-left">
@@ -201,6 +211,7 @@ const items = [
       </UDropdown>
     </template>
   </UHeader>
+  <UDivider />
   <div class="m-3" id="contentContainer">
     <NuxtPage
         v-if="loaded"
@@ -274,6 +285,11 @@ const items = [
 
 <style>
 
+#logo img{
+  height: 15vh;
+  width: auto;
+}
+
 #contentContainer {
   width: 95vw;
   height: 85vh;