working on task members

Signed-off-by: Stephan Richter <s.richter@srsoftware.de>

frontend/src/routes/task/Add.svelte

@@ -1,34 +1,51 @@
 <script>
     import { t }  from '../../translations.svelte.js';
     import { api } from '../../urls.svelte.js';
+    import { user } from '../../user.svelte.js';
     import { onMount } from 'svelte';
 
     import MarkdownEditor from '../../Components/MarkdownEditor.svelte';
+    import MemberEditor from '../../Components/MemberEditor.svelte';
 
     let { project_id = null } = $props();
     let error = $state(null);
     let project = $state(null)
     let task = $state({
         name : '',
-        description : { source : 'new_task', rendered : '' }
+        description : { source : 'new_task', rendered : '' },
+        members : {}
     });
 
     function load(){
         if (project_id) loadProject();
     }
 
+    function addMember(member){
+        for (let uid of Object.keys(member)){
+            task.members[uid] = project.members[uid];
+        }
+    }
+
     async function loadProject(){
         var url = api(`project/${project_id}`);
         const resp = await fetch(url,{credentials:'include'});
         if (resp.ok){
             project = await resp.json();
             task.project_id = project_id;
+            task.members = project.members;
             error = null;
         } else {
             error = await resp.text();
         }
     }
 
+    async function getCandidates(text){
+        const candidates = Object.values(project.members)
+            .filter(member => member.user.name.toLowerCase().includes(text.toLowerCase()))
+            .map(member => [member.user.id,member.user.name]);
+        return Object.fromEntries(candidates);
+    }
+
     onMount(load);
 </script>
 
@@ -60,7 +77,15 @@
                     {t('description')}
                 </th>
                 <td>
-                    <MarkdownEditor bind:value={task.description} editing={true}/>
+                    <MarkdownEditor bind:value={task.description} start_open={true}/>
+                </td>
+            </tr>
+            <tr>
+                <th>
+                    {t('members')}
+                </th>
+                <td>
+                    <MemberEditor members={task.members} {addMember} {getCandidates}/>
                 </td>
             </tr>
         </tbody>