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 Link from "../Link.svelte";
+  import Table from "../Table.svelte";
+
+  export let items = [];
+  
+  const dispatch = createEventDispatcher();
+
+  function onOption(name, id) {
+    const item = items.find(i => i.id === id)
+
+    dispatch("option", {name, item})
+  }
+</script>
+
+<Table headers={["Name", "Multiplier", "Options"]} percentages={[60, 5, 35]}>
+  {#each items as item (item.id)}
+    <tr>
+      <td class="ellipsis">{item.name}</td>
+      <td>{item.multiplier.toFixed(2)}</td>
+      <td>
+        <Link on:click={() => onOption("item.stats", item.id)}>Stats</Link>,
+        <Link on:click={() => onOption("item.edit", item.id)}>Edit</Link>,
+        <Link on:click={() => onOption("item.remove", item.id)}>Delete</Link>
+      </td>
+    </tr>
+  {/each}
+</Table>