Many Changes

spaces/pages/projects/[id].vue

@@ -8,10 +8,16 @@ import * as dayjs from 'dayjs'
 const supabase = useSupabaseClient()
 const user = useSupabaseUser()
 const route = useRoute()
+const router = useRouter()
+const dataStore = useDataStore()
+
 
 const {getProjectById, getFormSubmitsWithLabelProp, getTimesByProjectId, getDocumentTags, getDocumentsByProjectId, fetchDocuments} = useDataStore()
 const {forms, formSubmits, times, profiles,documents} = storeToRefs(useDataStore())
 
+
+
+
 fetchDocuments()
 const currentProject = getProjectById(Number(route.params.id))
 
@@ -74,6 +80,9 @@ const tabItems = [
   {
     key: "phases",
     label: "Phasen"
+  },{
+    key: "tasks",
+    label: "Aufgaben"
   },{
     key: "forms",
     label: "Formulare"
@@ -235,6 +244,17 @@ const phaseInfo = ref({
             </a>
           </div>-->
 
+        </div>
+        <div v-if="item.key === 'tasks'" class="space-y-3">
+          <UTable
+            :rows="dataStore.getTasksByProjectId(currentProject.id)"
+            @select="(row) => {
+              router.push(`/tasks/show/${row.id}`)
+            }"
+          >
+
+          </UTable>
+
         </div>
         <div v-else-if="item.key === 'forms'" class="space-y-3">
           <UButton