implemented storing of tasks

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

frontend/src/routes/task/View.svelte

@@ -2,6 +2,7 @@
     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';
 
@@ -21,7 +22,7 @@
     }
 
     async function loadChildren(){
-        const url = `${location.protocol}//${location.host.replace('5173','8080')}/api/task/list`;
+        const url = api('task/list');
         var data = {
             parent_task_id:+task.id,
             show_closed: task.show_closed
@@ -40,7 +41,7 @@
     }
 
     async function loadProject(){
-        const url = `${location.protocol}//${location.host.replace('5173','8080')}/api/project/${task.project_id}`;
+        const url = api(`project/${task.project_id}`);
         const resp = await fetch(url,{credentials:'include'});
         if (resp.ok){
             project = await resp.json();
@@ -51,7 +52,7 @@
     }
 
     async function loadTask(){
-        const url = `${location.protocol}//${location.host.replace('5173','8080')}/api/task/${id}`;
+        const url = api(`task/${id}`);
         const resp = await fetch(url,{credentials:'include'});
         if (resp.ok){
             task = await resp.json();
@@ -69,8 +70,6 @@
         if (!project) return;
         router.navigate(`/project/${project.id}/view`)
     }
-
-    onMount(loadTask);
 </script>
 
 {#if error}