cargo

src/lib/components/ShipEdit/Structure/Cargo.svelte

@@ -0,0 +1,25 @@
+<ShipItem {...reqs}>
+  <Field label="cargo">
+    <input type="number" min="0" bind:value={space} />
+  </Field>
+</ShipItem>
+
+<script>
+  import ShipItem from "$lib/components/ShipItem/index.svelte";
+  import Field from "$lib/components/Field/index.svelte";
+
+  import { getContext } from "svelte";
+
+  export let ship = getContext("ship");
+
+  export let space = 0;
+  export let reqs = {};
+
+  $: ship.dispatch.setCargo(space);
+</script>
+
+<style>
+  input {
+    width: 5em;
+  }
+</style>

src/lib/components/ShipEdit/Structure/index.svelte

@@ -1,15 +1,18 @@
 <Section label="structure">
     <Hull {...hull}/>
     <Screens {...screens} />
+    <Cargo {...cargo} />
 </Section>
 
 <script>
   import Section from "$lib/components/Section/index.svelte";
   import Hull from './Hull.svelte';
   import Screens from './Screens.svelte';
+  import Cargo from './Cargo.svelte';
 
   export let hull = {};
   export let screens = {};
+  export let cargo = {};
 
 
 </script>

src/lib/shipDux/structure/cargo.js

@@ -0,0 +1,24 @@
+import { Updux } from "updux";
+import u from 'updeep';
+import { createSelector } from 'reselect';
+
+import reqs from '../reqs.js';
+
+const dux = new Updux({
+  subduxes: {
+        reqs
+  },
+  initial: {
+    space: 0,
+  },
+  actions: {
+        setCargo: null,
+  }
+});
+export default dux;
+
+dux.setMutation('setCargo', space => u({
+    space,
+    reqs: { mass: space }
+}));
+

src/lib/shipDux/structure/index.js

@@ -2,8 +2,9 @@ import { Updux } from 'updux';
 
 import hull from './hull.js';
 import screens from './screens.js';
+import cargo from './cargo.js';
 
 const dux = new Updux({
-    subduxes: { hull, screens }
+    subduxes: { hull, screens, cargo }
 });
 export default dux;