Rebuild Times in Projects

Added Icons
Rebuild Time Duration

spaces/pages/projects/[id].vue

@@ -6,12 +6,11 @@ definePageMeta({
 const supabase = useSupabaseClient()
 const route = useRoute()
 
-const {getProjectById, getFormSubmitsWithLabelProp} = useDataStore()
-const {forms, formSubmits} = storeToRefs(useDataStore())
+const {getProjectById, getFormSubmitsWithLabelProp, getTimesByProjectId} = useDataStore()
+const {forms, formSubmits, times} = storeToRefs(useDataStore())
 
 const currentProject = getProjectById(Number(route.params.id))
 
-
 const formSubmissionsComposed = getFormSubmitsWithLabelProp
 const formModalOpen = ref(false)
 const newFormSubmissionData = ref({
@@ -20,6 +19,28 @@ const newFormSubmissionData = ref({
   submitted: false
 })
 
+const timeTableRows = [
+  {
+    key:"user",
+    label: "Benutzer"
+  },{
+    key:"start",
+    label: "Start"
+  },{
+    key:"end",
+    label:"Ende"
+  },{
+    key:"duration",
+    label: "Dauer"
+  },{
+    key: "type",
+    label: "Typ"
+  },{
+    key:"notes",
+    label: "Notizen"
+  },
+]
+
 const addNewFormSubmission = async () => {
   //Add Form Submission
   const {data:insertData,error:insertError} = await supabase
@@ -227,7 +248,11 @@ const phaseInfo = ref({
           <client-only><editor-js v-model="newProjectDescription" /></client-only>
         </div>
         <div v-else-if="item.key === 'timetracking'" class="space-y-3">
-          <p>Hier wird aktuell noch gearbeitet</p>
+          Projekt Zeit: {{currentProject.projectHours.toString().replace(".",":")}} Stunden
+          <UTable
+            :rows="getTimesByProjectId(currentProject.id)"
+            :columns="timeTableRows"
+          />
         </div>
         <div v-else-if="item.key === 'material'" class="space-y-3">
           <p>Hier wird aktuell noch gearbeitet</p>