Many Changes

spaces/pages/tasks.vue

@@ -45,8 +45,7 @@
               :options="dataStore.profiles"
               value-attribute="id"
               option-attribute="fullName"
-              v-model="createTaskData.users"
-              multiple
+              v-model="createTaskData.user"
           />
         </UFormGroup>
 
@@ -87,6 +86,19 @@
                 v-model="taskData.categorie"
             />
           </UFormGroup>
+          <UFormGroup
+            label="Projekt:"
+          >
+            <USelectMenu
+                :options="dataStore.projects"
+                @change="updateTask"
+                v-model="taskData.project"
+                option-attribute="name"
+                value-attribute="id"
+                searchable
+                :search-attributes="['name']"
+            />
+          </UFormGroup>
 
           <UFormGroup
             label="Benutzer ändern:"
@@ -134,6 +146,9 @@
       <template #user-data="{row}">
         {{dataStore.profiles.find(profile => profile.id === row.user ) ? dataStore.profiles.find(profile => profile.id === row.user ).fullName : row.user}}
       </template>
+     <template #project-data="{row}">
+       {{dataStore.projects.find(item => item.id === row.project) ? dataStore.projects.find(item => item.id === row.project).name : "" }}
+     </template>
    </UTable>
 
 
@@ -179,6 +194,11 @@ const taskColumns = [
     key:"categorie",
     label: "Kategorie:",
     sortable: true
+  },
+  {
+    key:"project",
+    label: "Projekt:",
+    sortable: true
   }
 ]