sky26: can load straight from battle
This commit is contained in:
parent
1919ef3850
commit
8779d8ae31
@ -1,82 +1,94 @@
|
|||||||
<article class="scroll">
|
{#if !$activeCampaign}
|
||||||
<header class="fixed fill">
|
<div class="fill medium-height middle-align center-align">
|
||||||
<nav>
|
<div class="center-align">
|
||||||
<a href="#/">
|
<h5>Loading...</h5>
|
||||||
<button class="circle transparent">
|
<div class="space">
|
||||||
<i>menu</i>
|
<a class="loader large" />
|
||||||
</button></a
|
|
||||||
>
|
|
||||||
<h5 class="max right-align">
|
|
||||||
{#if $activeCampaign}
|
|
||||||
<a href={`#/campaign/${$activeCampaign._id}`}>
|
|
||||||
{$activeCampaign.name}
|
|
||||||
</a>
|
|
||||||
{/if}
|
|
||||||
</h5>
|
|
||||||
</nav>
|
|
||||||
</header>
|
|
||||||
<h6>
|
|
||||||
<span
|
|
||||||
>Chapter {chapter},
|
|
||||||
<span class="battleNbr">battle {chapterBattle}</span></span
|
|
||||||
>
|
|
||||||
<span class="status">{status}</span>
|
|
||||||
</h6>
|
|
||||||
<dl>
|
|
||||||
{#if status === 'ongoing' && chapter !== 4}
|
|
||||||
<dt>wave</dt>
|
|
||||||
<dd>{wave === 2 ? 'second' : 'first'}</dd>
|
|
||||||
{/if}
|
|
||||||
<dt><i>home</i></dt>
|
|
||||||
<dd>
|
|
||||||
{#if typeof city === 'string'}
|
|
||||||
{city}
|
|
||||||
{:else}
|
|
||||||
<AdditionalCharacter
|
|
||||||
on:change={changeCity}
|
|
||||||
selection={city.selection}
|
|
||||||
choices={status !== 'ongoing'
|
|
||||||
? []
|
|
||||||
: city.choices.filter((c) => c !== city.selection)}
|
|
||||||
/>
|
|
||||||
{/if}
|
|
||||||
</dd>
|
|
||||||
<dt><i>view_kanban</i></dt>
|
|
||||||
<dd>{scenario}</dd>
|
|
||||||
|
|
||||||
{#if character}
|
|
||||||
<dt><i>person</i></dt>
|
|
||||||
<dd>{character}</dd>
|
|
||||||
{/if}
|
|
||||||
|
|
||||||
{#if additionalCharacters}
|
|
||||||
{#each additionalCharacters as c, i (c.selection)}
|
|
||||||
<dt><i>person</i><i>star</i></dt>
|
|
||||||
<dd>
|
|
||||||
<AdditionalCharacter
|
|
||||||
on:change={changeCharacter(i)}
|
|
||||||
selection={c.selection}
|
|
||||||
choices={minusSelected(
|
|
||||||
status === 'ongoing' && wave == 1 ? c.choices : [],
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
</dd>
|
|
||||||
{/each}
|
|
||||||
{/if}
|
|
||||||
|
|
||||||
<dt>difficulty</dt>
|
|
||||||
<dd>
|
|
||||||
<div class="field ">
|
|
||||||
<input
|
|
||||||
type="number"
|
|
||||||
step="0.5"
|
|
||||||
value={difficulty}
|
|
||||||
on:change={({ target: { value } }) =>
|
|
||||||
event.setBattleDifficulty(params.battleId, value)}
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{:else}
|
||||||
|
<article class="scroll">
|
||||||
|
<header class="fixed fill">
|
||||||
|
<nav>
|
||||||
|
<a href="#/">
|
||||||
|
<button class="circle transparent">
|
||||||
|
<i>menu</i>
|
||||||
|
</button></a
|
||||||
|
>
|
||||||
|
<h5 class="max right-align">
|
||||||
|
{#if $activeCampaign}
|
||||||
|
<a href={`#/campaign/${$activeCampaign._id}`}>
|
||||||
|
{$activeCampaign.name}
|
||||||
|
</a>
|
||||||
|
{/if}
|
||||||
|
</h5>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<h6>
|
||||||
|
<span
|
||||||
|
>Chapter {chapter},
|
||||||
|
<span class="battleNbr">battle {chapterBattle}</span></span
|
||||||
|
>
|
||||||
|
<span class="status">{status}</span>
|
||||||
|
</h6>
|
||||||
|
<dl>
|
||||||
|
{#if status === 'ongoing' && chapter !== 4}
|
||||||
|
<dt>wave</dt>
|
||||||
|
<dd>{wave === 2 ? 'second' : 'first'}</dd>
|
||||||
|
{/if}
|
||||||
|
<dt><i>home</i></dt>
|
||||||
|
<dd>
|
||||||
|
{#if typeof city === 'string'}
|
||||||
|
{city}
|
||||||
|
{:else}
|
||||||
|
<AdditionalCharacter
|
||||||
|
on:change={changeCity}
|
||||||
|
selection={city.selection}
|
||||||
|
choices={status !== 'ongoing'
|
||||||
|
? []
|
||||||
|
: city.choices.filter((c) => c !== city.selection)}
|
||||||
|
/>
|
||||||
|
{/if}
|
||||||
|
</dd>
|
||||||
|
<dt><i>view_kanban</i></dt>
|
||||||
|
<dd>{scenario}</dd>
|
||||||
|
|
||||||
<!--
|
{#if character}
|
||||||
|
<dt><i>person</i></dt>
|
||||||
|
<dd>{character}</dd>
|
||||||
|
{/if}
|
||||||
|
|
||||||
|
{#if additionalCharacters}
|
||||||
|
{#each additionalCharacters as c, i (c.selection)}
|
||||||
|
<dt><i>person</i><i>star</i></dt>
|
||||||
|
<dd>
|
||||||
|
<AdditionalCharacter
|
||||||
|
on:change={changeCharacter(i)}
|
||||||
|
selection={c.selection}
|
||||||
|
choices={minusSelected(
|
||||||
|
status === 'ongoing' && wave == 1
|
||||||
|
? c.choices
|
||||||
|
: [],
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</dd>
|
||||||
|
{/each}
|
||||||
|
{/if}
|
||||||
|
|
||||||
|
<dt>difficulty</dt>
|
||||||
|
<dd>
|
||||||
|
<div class="field ">
|
||||||
|
<input
|
||||||
|
type="number"
|
||||||
|
step="0.5"
|
||||||
|
value={difficulty}
|
||||||
|
on:change={({ target: { value } }) =>
|
||||||
|
event.setBattleDifficulty(params.battleId, value)}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!--
|
||||||
<Stars
|
<Stars
|
||||||
on:change={(e) => (difficulty = e.target.value)}
|
on:change={(e) => (difficulty = e.target.value)}
|
||||||
config={{
|
config={{
|
||||||
@ -96,46 +108,47 @@
|
|||||||
/>
|
/>
|
||||||
{difficulty}
|
{difficulty}
|
||||||
-->
|
-->
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
|
|
||||||
<div class="actions">
|
<div class="actions">
|
||||||
{#if status === 'upcoming'}
|
{#if status === 'upcoming'}
|
||||||
<button>Start battle</button>
|
<button>Start battle</button>
|
||||||
{:else if status === 'ongoing'}
|
{:else if status === 'ongoing'}
|
||||||
<button on:click={battleVerdict('won')}>Battle won</button>
|
<button on:click={battleVerdict('won')}>Battle won</button>
|
||||||
<button class="tertiary" on:click={battleVerdict('lost')}
|
<button class="tertiary" on:click={battleVerdict('lost')}
|
||||||
>Battle lost</button
|
>Battle lost</button
|
||||||
>
|
>
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<footer class="fixed">
|
<footer class="fixed">
|
||||||
<nav>
|
<nav>
|
||||||
<a
|
|
||||||
href={`#/campaign/${$activeCampaign?._id}` +
|
|
||||||
(battle?.id == 1
|
|
||||||
? ''
|
|
||||||
: `/battle/${parseInt(battle?.id) - 1}`)}
|
|
||||||
>
|
|
||||||
<button class="circle transparent">
|
|
||||||
<i>arrow_backward</i>
|
|
||||||
</button>
|
|
||||||
</a>
|
|
||||||
{#if battles?.length > battle?.id}
|
|
||||||
<a
|
<a
|
||||||
href={`#/campaign/${$activeCampaign?._id}/battle/${
|
href={`#/campaign/${$activeCampaign?._id}` +
|
||||||
battle?.id + 1
|
(battle?.id == 1
|
||||||
}`}
|
? ''
|
||||||
|
: `/battle/${parseInt(battle?.id) - 1}`)}
|
||||||
>
|
>
|
||||||
<button class="circle transparent">
|
<button class="circle transparent">
|
||||||
<i>arrow_forward</i>
|
<i>arrow_backward</i>
|
||||||
</button>
|
</button>
|
||||||
</a>
|
</a>
|
||||||
{/if}
|
{#if battles?.length > battle?.id}
|
||||||
</nav>
|
<a
|
||||||
</footer>
|
href={`#/campaign/${$activeCampaign?._id}/battle/${
|
||||||
</article>
|
battle?.id + 1
|
||||||
|
}`}
|
||||||
|
>
|
||||||
|
<button class="circle transparent">
|
||||||
|
<i>arrow_forward</i>
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
{/if}
|
||||||
|
</nav>
|
||||||
|
</footer>
|
||||||
|
</article>
|
||||||
|
{/if}
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import * as R from 'remeda';
|
import * as R from 'remeda';
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user