edge-ruedelasoif/src/lib/Tile.svelte

35 lines
1.1 KiB
Svelte

<script>
export let size;
export let _id;
export let position;
export let img;
export let name;
export let price;
export let tiletype;
export let partyid;
export let playerposition;
var style="tile";
if(size=="big") style="bigtile";
var promise = Edge.Client.rpc("getPlayerPartys",partyid);
</script>
<div class="{style} {tiletype}" style="background-image: url({img});">
<span style="color: white; margin: 5px; padding: 5px;font-size: 700; background-color: rgba(0,0,0,0.4)">{name}</span>
<span style="color: white; margin: 5px; padding: 5px;font-size: 700; background-color: rgba(0,0,0,0.4)">{position}</span>
{#await promise}
<p>wainting ...</p>
{:then players}
{#each players as player}
{#if player.tileid == _id }
<div style="width: 80px;height: 80px; background: url(./medias/logo/arnold.png) no-repeat {player.color}; background-size: 52px; background-position: center; border-radius: 50px"></div>
{/if}
{/each}
{:catch err}
{err.message}
{/await}
</div>