implemented updating of projects

frontend/src/routes/project/View.svelte

@@ -2,6 +2,8 @@
     import { t } from '../../translations.svelte.js';
     import { onMount } from 'svelte';
     import TaskList from '../../Components/TaskList.svelte';
+    import MarkdownEditor from '../../Components/MarkdownEditor.svelte';
+    import LineEditor from '../../Components/LineEditor.svelte';
 
     let { id } = $props();
     let project = $state(null);
@@ -36,6 +38,21 @@
         }
     }
 
+    async function update(data){
+        const url = `${location.protocol}//${location.host.replace('5173','8080')}/api/project/${id}`;
+        const resp = await fetch(url,{
+            credentials:'include',
+            method:'PATCH',
+            body:JSON.stringify(data)
+        });
+        if (resp.ok){
+            error = null;
+            project = await resp.json();
+        } else {
+            error = await resp.text();
+        }
+    }
+
     onMount(loadProject);
 </script>
 
@@ -48,7 +65,9 @@
     <tbody>
         <tr>
             <th>{t('project')}</th>
-            <td class="name">{project.name}</td>
+            <td class="name">
+                <LineEditor bind:value={project.name} editable={true} onSet={val => update({name:val})} />
+            </td>
         </tr>
         {#if project.company}
         <tr>
@@ -66,7 +85,9 @@
         </tr>
         <tr>
             <th>{t('description')}</th>
-            <td class="description">{@html project.description.rendered}</td>
+            <td class="description">
+                <MarkdownEditor bind:value={project.description} editable={true} onSet={val => update({description:val})} />
+            </td>
         </tr>
         {#if estimated_time.sum}
         <tr>
@@ -78,7 +99,7 @@
             <th>{t('tasks')}</th>
             <td class="tasks">
                 {#if tasks}
-                <TaskList {tasks} bind:estimated_time={estimated_time} />
+                <TaskList {tasks} {estimated_time} />
                 {/if}
             </td>
         </tr>