Oliver/Gravwell-Online
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Properly subscribe to the board store, and index the players data for proper information

Browse source
This commit is contained in:
Oliver Akins 2022-07-20 22:24:04 -06:00
parent 885bebee71
commit b26911184f
No known key found for this signature in database
GPG key ID: 3C2014AF9457AF99
1 changed files with 16 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

32
web-svelte/src/components/Board.svelte
View file

@ -1,8 +1,8 @@
<script lang="ts"> <script lang="ts">
import Spaceship from "./icons/spaceship.svelte"; import Spaceship from "./icons/spaceship.svelte";
import Warpgate from "./icons/warpgate.svelte"; import Warpgate from "./icons/warpgate.svelte";
import { board, players } from "../stores";
import Hexagon from "./Hexagon.svelte"; import Hexagon from "./Hexagon.svelte";
import { board } from "../stores";
const ship = `space-shuttle` const ship = `space-shuttle`
// board[5] = {colour: {name: "Green",hex: `#00aa00`},name: `Oliver`,ship: {id: ship,name: `Space Shuttle`},host: false,} // board[5] = {colour: {name: "Green",hex: `#00aa00`},name: `Oliver`,ship: {id: ship,name: `Space Shuttle`},host: false,}
@ -21,13 +21,13 @@ board[53] = {colour: {name: "Magenta",hex: `#f9c80e`},name: `Oliver`,ship: {id:
<div class="singularity inner-grid"></div> <div class="singularity inner-grid"></div>
<div class="side-hex right-down-1 inner-grid"> <div class="side-hex right-down-1 inner-grid">
<Hexagon> <Hexagon>
{#if board[10] != null} {#if $players[$board[10]] != null}
<div <div
class="spaceship-icon" class="spaceship-icon"
style="--colour: {board[10].colour.hex};" style="--colour: {$players[$board[10]].colour.hex};"
> >
<Spaceship <Spaceship
spaceship="{board[10].ship.id}" spaceship="{$players[$board[10]].ship.id}"
/> />
</div> </div>
{/if} {/if}
@ -35,13 +35,13 @@ board[53] = {colour: {name: "Magenta",hex: `#f9c80e`},name: `Oliver`,ship: {id:
</div> </div>
<div class="side-hex left-down-1 inner-grid"> <div class="side-hex left-down-1 inner-grid">
<Hexagon> <Hexagon>
{#if board[21] != null} {#if $players[$board[21]] != null}
<div <div
class="spaceship-icon" class="spaceship-icon"
style="--colour: {board[21].colour.hex};" style="--colour: {$players[$board[21]].colour.hex};"
> >
<Spaceship <Spaceship
spaceship="{board[21].ship.id}" spaceship="{$players[$board[21]].ship.id}"
/> />
</div> </div>
{/if} {/if}
@ -49,13 +49,13 @@ board[53] = {colour: {name: "Magenta",hex: `#f9c80e`},name: `Oliver`,ship: {id:
</div> </div>
<div class="side-hex right-down-2 inner-grid"> <div class="side-hex right-down-2 inner-grid">
<Hexagon> <Hexagon>
{#if board[32] != null} {#if $players[$board[32]] != null}
<div <div
class="spaceship-icon" class="spaceship-icon"
style="--colour: {board[32].colour.hex};" style="--colour: {$players[$board[32]].colour.hex};"
> >
<Spaceship <Spaceship
spaceship="{board[32].ship.id}" spaceship="{$players[$board[32]].ship.id}"
/> />
</div> </div>
{/if} {/if}
@ -63,13 +63,13 @@ board[53] = {colour: {name: "Magenta",hex: `#f9c80e`},name: `Oliver`,ship: {id:
</div> </div>
<div class="side-hex left-down-2 inner-grid"> <div class="side-hex left-down-2 inner-grid">
<Hexagon> <Hexagon>
{#if board[43] != null} {#if $players[$board[43]] != null}
<div <div
class="spaceship-icon" class="spaceship-icon"
style="--colour: {board[43].colour.hex};" style="--colour: {$players[$board[43]].colour.hex};"
> >
<Spaceship <Spaceship
spaceship="{board[43].ship.id}" spaceship="{$players[$board[43]].ship.id}"
/> />
</div> </div>
{/if} {/if}
@ -84,13 +84,13 @@ board[53] = {colour: {name: "Magenta",hex: `#f9c80e`},name: `Oliver`,ship: {id:
{@const boardIndex = col + (( row * 10 ) + (1 * row))} {@const boardIndex = col + (( row * 10 ) + (1 * row))}
<div> <div>
<Hexagon> <Hexagon>
{#if board[boardIndex] != null} {#if $players[$board[boardIndex]] != null}
<div <div
class="spaceship-icon" class="spaceship-icon"
style="--colour: {board[boardIndex].colour.hex};" style="--colour: {$players[$board[boardIndex]].colour.hex};"
> >
<Spaceship <Spaceship
spaceship="{board[boardIndex].ship.id}" spaceship="{$players[$board[boardIndex]].ship.id}"
/> />
</div> </div>
{/if} {/if}