94 lines
2.5 KiB
Svelte
94 lines
2.5 KiB
Svelte
<script>
|
|
import { setContext } from 'svelte';
|
|
|
|
import shipStore from './stores/ship';
|
|
|
|
import ShipCost from './components/ShipCost.svelte';
|
|
import Hull from './components/Hull.svelte';
|
|
import Identification from './components/Identification.svelte';
|
|
import Firecons from './components/Firecons.svelte';
|
|
import AddWeapon from './components/Weapons/Add.svelte';
|
|
import Propulsion from './components/Propulsion/index.svelte';
|
|
import Section from '~C/Section';
|
|
import Weapon from '~C/Weapon';
|
|
|
|
const ship = shipStore();
|
|
|
|
setContext('ship',ship);
|
|
|
|
let ship_name = $ship.general.name;
|
|
|
|
const change_name = event => ship.dispatch(
|
|
ship.actions.set_name( event.target.value) );
|
|
|
|
const change_mass = ({target: {value}}) => ship.dispatch(ship.actions.set_ship_mass(parseInt(value)));
|
|
|
|
const add_weapon = () => ship.dispatch.add_weapon();
|
|
|
|
const change_ftl = ({detail}) => ship.dispatch.set_ftl(detail);
|
|
const change_engine = ({detail}) => ship.dispatch.set_engine(detail);
|
|
const change_hull = ({detail}) => ship.dispatch.set_hull(detail);
|
|
const change_firecons = ({detail}) => ship.dispatch.set_firecons(detail);
|
|
const change_weapon = ({detail}) => ship.dispatch.set_weapon(detail);
|
|
const remove_weapon = ({detail}) => ship.dispatch.remove_weapon(detail);
|
|
|
|
let weapons = [];
|
|
$: console.log(weapons);
|
|
$: weapons= $ship.weaponry.weapons;
|
|
|
|
const reset = ship.dispatch.reset;
|
|
|
|
const add_screen = ({detail}) => ship.dispatch.add_screen(detail);
|
|
|
|
</script>
|
|
|
|
<main>
|
|
<input type="button" value="reset" on:click={reset} />
|
|
|
|
<Identification />
|
|
|
|
<ShipCost />
|
|
|
|
<Propulsion
|
|
ftl={$ship.ftl}
|
|
engine={$ship.engine}
|
|
on:change_ftl={change_ftl}
|
|
on:change_engine={change_engine}
|
|
/>
|
|
|
|
<Hull ship_mass={$ship.general.mass}
|
|
{ ... $ship.structure.hull }
|
|
on:change_hull={change_hull}
|
|
screens={ $ship.structure.screens}
|
|
on:add_screen={add_screen}
|
|
/>
|
|
|
|
|
|
<Section label="weaponry">
|
|
<Firecons { ... $ship.weaponry.firecons }
|
|
on:change_firecons={ change_firecons }/>
|
|
|
|
<input type="button" value="add weapon" on:click={add_weapon}/>
|
|
|
|
{#each weapons as weapon (weapon.id)}
|
|
<Weapon {...weapon} on:change_weapon={change_weapon}
|
|
on:remove_weapon={remove_weapon} />
|
|
{/each}
|
|
|
|
|
|
</Section>
|
|
|
|
</main>
|
|
|
|
<style>
|
|
main {
|
|
display: grid;
|
|
width: 60em;
|
|
grid-template-columns: 4fr 1fr 1fr;
|
|
}
|
|
|
|
main :global(> *) {
|
|
grid-column: 1;
|
|
}
|
|
</style>
|