52 lines
1.1 KiB
Svelte
52 lines
1.1 KiB
Svelte
<Section label="hull">
|
|
|
|
<ShipItem {cost} {mass} >
|
|
<Field label="integrity">
|
|
<input
|
|
bind:value={rating}
|
|
type="number" {min} {max} />
|
|
</Field>
|
|
</ShipItem>
|
|
|
|
|
|
<Screens {...screens} on:set_screens />
|
|
|
|
<Armour {armour} on:ship_change />
|
|
|
|
<Cargo {...cargo} on:set_cargo />
|
|
|
|
<Streamlining {...streamlining} />
|
|
</Section>
|
|
|
|
<script>
|
|
import { createEventDispatcher } from 'svelte';
|
|
|
|
import Section from '../Section/index.svelte';
|
|
import Field from '../Field/index.svelte';
|
|
import ShipItem from '../ShipItem/index.svelte';
|
|
import Screens from './Screens/index.svelte';
|
|
import Armour from './Armour/index.svelte';
|
|
import Cargo from './Cargo/index.svelte';
|
|
import Streamlining from './Streamlining/index.svelte';
|
|
|
|
export let cost, mass, ship_mass, rating, screens, armour = (
|
|
0, 0, 10, 1, [], []
|
|
);
|
|
|
|
export let cargo = {};
|
|
export let streamlining = {};
|
|
|
|
let min, max;
|
|
$: min = Math.ceil(ship_mass / 10);
|
|
$: max = ship_mass;
|
|
|
|
const dispatch = createEventDispatcher();
|
|
|
|
$: dispatch( 'change_hull', { rating } );
|
|
|
|
</script>
|
|
|
|
<style>
|
|
input { width: 5em; }
|
|
</style>
|