Added DayJS

Restructured Products
Some Changes in Documents
Some Changes with Logo

spaces/pages/projects/[id].vue

@@ -3,11 +3,13 @@ definePageMeta({
   middleware: "auth"
 })
 
+import * as dayjs from 'dayjs'
+
 const supabase = useSupabaseClient()
 const route = useRoute()
 
 const {getProjectById, getFormSubmitsWithLabelProp, getTimesByProjectId} = useDataStore()
-const {forms, formSubmits, times} = storeToRefs(useDataStore())
+const {forms, formSubmits, times, profiles} = storeToRefs(useDataStore())
 
 const currentProject = getProjectById(Number(route.params.id))
 
@@ -252,7 +254,19 @@ const phaseInfo = ref({
           <UTable
             :rows="getTimesByProjectId(currentProject.id)"
             :columns="timeTableRows"
-          />
+          >
+            <template #user-data="{row}">
+              {{profiles.find(profile => profile.id === row.user) ? profiles.find(profile => profile.id === row.user).firstName + " " + profiles.find(profile => profile.id === row.user).lastName : row.user }}
+            </template>
+
+            <template #start-data="{row}">
+              {{dayjs(row.start).format("DD.MM.YY HH:mm")}}
+            </template>
+            <template #end-data="{row}">
+              {{dayjs(row.end).format("DD.MM.YY HH:mm")}}
+            </template>
+
+          </UTable>
         </div>
         <div v-else-if="item.key === 'material'" class="space-y-3">
           <p>Hier wird aktuell noch gearbeitet</p>

spaces/pages/projects/index.vue

@@ -49,7 +49,13 @@
         :columns="projectColumns"
         @select="selectProject"
 
-    />
+    >
+      <template #customer-data="{row}">
+        {{customers.find(customer => customer.id == row.customer ) ? customers.find(customer => customer.id == row.customer ).name : row.id}}
+      </template>
+
+
+    </UTable>