implemented various task features:

- saving on CTRL+S
- editing of
    - start date
    - due date
    - members

frontend/src/Components/MemberEditor.svelte

@@ -36,26 +36,24 @@
 {#if error}
 <span class="error">{error}</span>
 {/if}
-<fieldset>
-    <legend>{t('members')}</legend>
-    <table>
-        <tbody>
-        {#each sortedMembers as member,i}
-        <tr>
-            <td>{member.user.name}</td>
-            <td>
-                <PermissionSelector {permissions} selected={member.permission.code} onchange={(perm) => updatePermission(member.user.id,perm)} />
-                {#if member.permission.name != 'OWNER'}
-                <button onclick={() => dropMember(member)}>x</button>
-                {/if}
-            </td>
-        </tr>
-        {/each}
-        <tr>
-            <td>{t('add_member')}</td>
-            <td>
-                <Autocomplete {getCandidates} {onSelect} />
-            </td>
-        </tr>
-        </tbody>
-    </table></fieldset>
+<table>
+    <tbody>
+    {#each sortedMembers as member,i}
+    <tr>
+        <td>{member.user.name}</td>
+        <td>
+            <PermissionSelector {permissions} selected={member.permission.code} onchange={(perm) => updatePermission(member.user.id,perm)} />
+            {#if member.permission.name != 'OWNER'}
+            <button onclick={() => dropMember(member)}>x</button>
+            {/if}
+        </td>
+    </tr>
+    {/each}
+    <tr>
+        <td>{t('add_member')}</td>
+        <td>
+            <Autocomplete {getCandidates} {onSelect} />
+        </td>
+    </tr>
+    </tbody>
+</table>

frontend/src/routes/project/View.svelte

@@ -2,6 +2,8 @@
     import { t } from '../../translations.svelte.js';
     import { onMount } from 'svelte';
     import { useTinyRouter } from 'svelte-tiny-router';
+    import { api } from '../../urls.svelte.js';
+
     import TaskList from '../../Components/TaskList.svelte';
     import MarkdownEditor from '../../Components/MarkdownEditor.svelte';
     import LineEditor from '../../Components/LineEditor.svelte';
@@ -18,7 +20,6 @@
 
     async function addMember(entry){
         const ids = Object.keys(entry);
-        console.log({entry:entry,ids:ids});
         if (ids) update({new_member:+ids.pop()});
     }
 
@@ -36,7 +37,7 @@
     }
 
     async function getCandidates(text){
-        const url = `${location.protocol}//${location.host.replace('5173','8080')}/api/user/search`;
+        const url = api('user/search');
         var resp = await fetch(url,{
             credentials: 'include',
             method: 'POST',
@@ -51,7 +52,7 @@
     }
 
     async function loadProject(){
-        const url = `${location.protocol}//${location.host.replace('5173','8080')}/api/project/${id}`;
+        const url = api(`project/${id}`);
         const resp = await fetch(url,{credentials:'include'});
         if (resp.ok){
             project = await resp.json();
@@ -63,7 +64,7 @@
     }
 
     async function loadTasks(){
-        const url = `${location.protocol}//${location.host.replace('5173','8080')}/api/task/list`;
+        const url = api('task/list');
         const data = {
             project_id:+id,
             show_closed:project.show_closed
@@ -84,7 +85,7 @@
     }
 
     async function update(data){
-        const url = `${location.protocol}//${location.host.replace('5173','8080')}/api/project/${id}`;
+        const url = api(`project/${id}`);
         const resp = await fetch(url,{
             credentials:'include',
             method:'PATCH',
@@ -93,11 +94,18 @@
         if (resp.ok){
             error = null;
             project = await resp.json();
+            return true;
         } else {
             error = await resp.text();
+            return false;
         }
     }
 
+    function toggleSettings(){
+        showSettings = !showSettings;
+    }
+
+
     function updatePermission(user_id,permission){
         let members = {};
         members[user_id] = permission.code;
@@ -118,7 +126,7 @@
             <th>{t('project')}</th>
             <td class="name">
                 <LineEditor bind:value={project.name} editable={true} onSet={val => update({name:val})} />
-                <button class="symbol" onclick={() => showSettings = true}></button>
+                <button class="symbol" onclick={toggleSettings}></button>
             </td>
         </tr>
         <tr>
@@ -147,6 +155,27 @@
                 <MarkdownEditor bind:value={project.description} editable={true} onSet={val => update({description:val})} />
             </td>
         </tr>
+        {#if showSettings}
+        <tr>
+            <th>
+                {t('extended_settings')}
+            </th>
+            <td>
+                <label>
+                    <input type="checkbox" bind:checked={project.show_closed} onchange={changeClosed} />
+                    {t('display_closed_tasks')}
+                </label>
+            </td>
+        </tr>
+        <tr>
+            <th>
+                {t('members')}
+            </th>
+            <td>
+                <MemberEditor members={project.members} {updatePermission} {addMember} {dropMember} {getCandidates} />
+            </td>
+        </tr>
+        {/if}
         {#if estimated_time.sum}
         <tr>
             <th>{t('estimated_time')}</th>
@@ -166,18 +195,4 @@
         </tr>
     </tbody>
 </table>
-{/if}
-{#if showSettings}
-<fieldset class="project settings">
-    <legend>{t('settings')}</legend>
-    <MemberEditor members={project.members} {updatePermission} {addMember} {dropMember} {getCandidates} />
-    <fieldset>
-        <legend>{t('miscellaneous_settings')}</legend>
-        <label>
-            <input type="checkbox" bind:checked={project.show_closed} onchange={changeClosed} />
-            {t('display_closed_tasks')}
-        </label>
-    </fieldset>
-    <button onclick={() => showSettings = false}>{t('close_settings')}</button>
-</fieldset>
 {/if}

frontend/src/routes/task/Add.svelte

@@ -75,6 +75,14 @@
         return Object.fromEntries(candidates);
     }
 
+
+    function onkeydown(e){
+        if (e.ctrlKey && e.keyCode === 83) {
+            e.preventDefault();
+            saveTask();
+        }
+    }
+
     async function saveTask(){
         var url = api('task/add');
         const resp = await fetch(url,{
@@ -103,7 +111,7 @@
 
 <fieldset>
     <legend>{t('add_task')}</legend>
-    <table>
+    <table {onkeydown}>
         <tbody>
             <tr>
                 <th>

frontend/src/routes/task/View.svelte

@@ -8,6 +8,7 @@
     import TaskList from '../../Components/TaskList.svelte';
     import MarkdownEditor from '../../Components/MarkdownEditor.svelte';
     import StateSelector from '../../Components/StateSelector.svelte';
+    import MemberEditor from '../../Components/MemberEditor.svelte';
 
     const router = useTinyRouter();
     let { id } = $props();
@@ -21,6 +22,24 @@
 
     $effect(() => updateOn(id));
 
+    async function addMember(entry){
+        const ids = Object.keys(entry);
+        if (ids) update({new_member:+ids.pop()});
+    }
+
+    async function dropMember(member){
+        update({drop_member:member.user.id});
+    }
+
+    async function getCandidates(text){
+        const origin = task.parent ? task.parent.members : project.members;
+        const candidates = Object.values(origin)
+            .filter(member => member.user.name.toLowerCase().includes(text.toLowerCase()))
+            .map(member => [member.user.id,member.user.name]);
+        return Object.fromEntries(candidates);
+    }
+
+
     function updateOn(id){
         loadTask();
     }
@@ -108,6 +127,7 @@
         });
         if (resp.ok){
             error = null;
+            task = await resp.json();
             return true;
         } else {
             error = await resp.text();
@@ -118,6 +138,12 @@
     function updateClosed(){
         if (update({show_closed:task.show_closed})) setTimeout(loadTask,50);
     }
+
+    function updatePermission(user_id,permission){
+        let members = {};
+        members[user_id] = permission.code;
+        update({members:members});
+    }
 </script>
 
 {#if error}
@@ -200,6 +226,14 @@
                 </label>
             </td>
         </tr>
+        <tr>
+            <th>
+                {t('members')}
+            </th>
+            <td>
+                <MemberEditor members={task.members} {updatePermission} {addMember} {dropMember} {getCandidates} />
+            </td>
+        </tr>
         <tr>
             <th>
                 {t('start_date')}