2022-03-04 01:43:49 +00:00
|
|
|
<ShipItem {...reqs}>
|
|
|
|
<div>
|
|
|
|
<Field label="screens">
|
2022-03-20 18:42:59 +00:00
|
|
|
<input class='short' type="number" bind:value={standard} min="0" />
|
2022-03-04 01:43:49 +00:00
|
|
|
</Field>
|
|
|
|
|
|
|
|
<Field label="advanced screens">
|
2022-03-20 18:42:59 +00:00
|
|
|
<input class='short' type="number" bind:value={advanced} min="0" />
|
2022-03-04 01:43:49 +00:00
|
|
|
</Field>
|
|
|
|
</div>
|
|
|
|
</ShipItem>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
import { getContext } from "svelte";
|
|
|
|
|
|
|
|
import Section from "$lib/components/Section/index.svelte";
|
|
|
|
import Field from "$lib/components/Field/index.svelte";
|
|
|
|
import ShipItem from "$lib/components/ShipItem/index.svelte";
|
|
|
|
|
|
|
|
export let reqs = {};
|
|
|
|
export let standard = 0;
|
|
|
|
export let advanced = 0;
|
|
|
|
|
|
|
|
const ship = getContext('ship');
|
|
|
|
|
|
|
|
$: ship.dispatch.setScreens({ standard, advanced });
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style>
|
|
|
|
input {
|
|
|
|
width: 3em;
|
|
|
|
}
|
|
|
|
div {
|
|
|
|
display: flex;
|
|
|
|
gap: 2em;
|
|
|
|
}
|
|
|
|
</style>
|