feat: add tasks closes #74

webpage/src/routes/models/edit/+page.svelte

@@ -35,12 +35,14 @@
 
 	import ModelData from './ModelData.svelte';
 	import DeleteZip from './DeleteZip.svelte';
+	import RunModel from './RunModel.svelte';
 
+	import Tabs from 'src/lib/Tabs.svelte';
+	import TasksDataPage from './TasksDataPage.svelte';
 	import ModelDataPage from './ModelDataPage.svelte';
 
 	import 'src/styles/forms.css';
-	import RunModel from './RunModel.svelte';
-	import Tabs from 'src/lib/Tabs.svelte';
+
 	let model: Promise<Model> = $state(new Promise(() => {}));
     let _model: Model | undefined = $state(undefined);
 	let definitions: Promise<Definitions[]> = $state(new Promise(() => {}));
@@ -148,9 +150,19 @@
 					Model Data
 				</button>
 			{/if}
+			{#if _model && [5, 6, 7].includes(_model.status)}
+				<button
+					class="tab"
+					on:click|preventDefault={setActive('tasks')}
+					class:selected={isActive('tasks')}
+				>
+					Tasks
+				</button>
+			{/if}
 		</div>
         {#if _model}
 		    <ModelDataPage model={_model} on:reload={getModel} active={isActive('model-data')} />
+            <TasksDataPage model={_model} active={isActive('tasks')} />
         {/if}
 		<div class="content" class:selected={isActive('model')}>
 			{#await model}