clean up svelte ui big time, and add beginnings of item stuff.

2020-02-29 16:54:38 +01:00
parent e724eb57b5
commit bb13195f4b
42 changed files with 1051 additions and 504 deletions
@@ -0,0 +1,30 @@
+<script>
+	import { createEventDispatcher } from 'svelte';
+  import pluralize from "pluralize";
+
+  import Link from "../Link.svelte";
+  import Table from "../Table.svelte";
+
+  export let activity = {subActivities: []}
+
+  const dispatch = createEventDispatcher();
+
+  function onOption(name, subId) {
+    const subActivity = activity.subActivities.find(s => s.id === subId);
+
+    dispatch("option", {name, activity, subActivity})
+  }
+</script>
+
+<Table headers={["Sub-Activity", "Value", "Options"]} percentages={[50, 25, 25]}>
+  {#each activity.subActivities as subActivtiy (subActivtiy.id)}
+    <tr>
+      <td>{subActivtiy.name}</td>
+      <td>{subActivtiy.value} per {pluralize(subActivtiy.unitName, 1)}</td>
+      <td>
+        <Link on:click={() => onOption("subactivity.edit", subActivtiy.id)}>Edit</Link>,
+        <Link on:click={() => onOption("subactivity.remove", subActivtiy.id)}>Delete</Link>
+      </td>
+    </tr>
+  {/each}
+</Table>