implemented status change from task view

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

frontend/src/routes/task/View.svelte

@@ -7,6 +7,7 @@
     import LineEditor from '../../Components/LineEditor.svelte';
     import TaskList from '../../Components/TaskList.svelte';
     import MarkdownEditor from '../../Components/MarkdownEditor.svelte';
+    import StateSelector from '../../Components/StateSelector.svelte';
 
     const router = useTinyRouter();
     let { id } = $props();
@@ -137,6 +138,12 @@
                 <button class="symbol" onclick={() => showSettings = true}></button>
             </td>
         </tr>
+        <tr>
+            <th>{t('state')}</th>
+            <td>
+                <StateSelector selected={task.status.code} onchange={val => update({status:val})}/>
+            </td>
+        </tr>
         {#if task.description.rendered}
         <tr>
             <th>{t('description')}</th>

web/src/main/resources/web/css/default.css

@@ -87,7 +87,7 @@ td, tr{
     color: gray;
 }
 .task.started > span {
-    color: green;
+    color: chartreuse;
 }
 .task.pending > span {
     color: gray;