working on task members

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

frontend/src/Components/Autocomplete.svelte

@@ -2,7 +2,10 @@
     import { t } from '../translations.svelte.js'
     import { tick } from "svelte";
 
-    let { getOptionsFor = text => {}, onSelect = text => [] } = $props();
+    let {
+        getCandidates = text => {},
+        onSelect = text => []
+    } = $props();
 
     let text = $state('')
     let options = $state({});
@@ -35,7 +38,8 @@
         } else if (key.length<2){
             text += evt.key
         }
-        options = await getOptionsFor(text);
+        options = await getCandidates(text);
+        console.log({options:options})
         await tick();
         for (let o of select.getElementsByTagName('option')) o.selected = false;
     }

frontend/src/Components/MarkdownEditor.svelte

@@ -4,12 +4,12 @@
 
     let {
         editable = true,
-        editing = false,
+        start_open = false,
         value = $bindable({source:null,rendered:null}),
         onSet = (newVal) => {}
     } = $props();
 
-    //let editing = $state(false);
+    let editing = $state(false);
 
     let editValue = $state({source:value.source,rendered:value.rendered});
 
@@ -49,10 +49,11 @@
         if (ev.keyCode == 27) resetEdit();
 
         if (timer) clearTimeout(timer);
-        timer = setTimeout(render,1000);
+        timer = setTimeout(render,500);
     }
 
     activeField.subscribe((val) => resetEdit());
+    if (start_open) startEdit();
 </script>
 
 <style>

frontend/src/Components/MemberEditor.svelte

@@ -5,6 +5,7 @@
     import PermissionSelector from './PermissionSelector.svelte';
     let {
         members,
+        getCandidates = text => {},
         updatePermission = (uid,perm) => console.log(`no handler for updatePermission(${uid}, ${perm})`),
         dropMember       = (member)   => console.log(`no handler for dropMember(${member})`),
         addMember        = (entry)    => console.log(`no handler for addMember(${entry})`)
@@ -24,21 +25,6 @@
         }
     }
 
-    async function getOptionsFor(text){
-        const url = `${location.protocol}//${location.host.replace('5173','8080')}/api/user/search`;
-        var resp = await fetch(url,{
-            credentials: 'include',
-            method: 'POST',
-            body: text
-        });
-        if (resp.ok){
-            var json = await resp.json();
-            return Object.fromEntries(Object.values(json).map(user => [user.id,user.name]));
-        } else {
-            return [];
-        }
-    }
-
     function onSelect(entry){
         addMember(entry);
     }
@@ -68,7 +54,7 @@
         <tr>
             <td>{t('add_member')}</td>
             <td>
-                <Autocomplete {getOptionsFor} {onSelect} />
+                <Autocomplete {getCandidates} {onSelect} />
             </td>
         </tr>
         </tbody>