Drawwell/SandpointsEditPage
Drawwell/SandpointsEditPage
3
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

minor styling..

Browse source
This commit is contained in:
Marcell Mars 2021-08-12 01:10:28 +02:00
parent 67a7c272dd
commit 530290224c
1 changed files with 21 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
src/SpTiers.svelte
View file

@ -1,23 +1,23 @@
<script> <script>
import { createEventDispatcher } from "svelte"; import { createEventDispatcher } from "svelte";
export let index; export let index;
export let fmItem; export let fmItem;
export let fmKeyType; export let fmKeyType;
const dispatch = createEventDispatcher(); const dispatch = createEventDispatcher();
function removeTier(tier) { function removeTier(tier) {
dispatch("addToCandidatesRemoveFromTiers", [fmKeyType, index, fmItem.fmKey, tier]); dispatch("addToCandidatesRemoveFromTiers", [fmKeyType, index, fmItem.fmKey, tier]);
} }
function swapTier(tier, n) { function swapTier(tier, n) {
fmItem.tiers.some((t, i) => { fmItem.tiers.some((t, i) => {
if (t == tier) { if (t == tier) {
fmItem.tiers[i] = fmItem.tiers[i + n]; fmItem.tiers[i] = fmItem.tiers[i + n];
fmItem.tiers[i + n] = tier; fmItem.tiers[i + n] = tier;
return true; return true;
} }
}); });
} }
</script> </script>
{#if fmItem.tiers && fmItem.tiers.length > 0} {#if fmItem.tiers && fmItem.tiers.length > 0}
@ -38,14 +38,14 @@
type="button" type="button"
class="buttondown" class="buttondown"
on:click={swapTier(tier, 1)} on:click={swapTier(tier, 1)}
disabled={i + 1 == fmItem.tiers.length ? true : false}>⇓</button disabled={i + 1 == fmItem.tiers.length ? true : false}>⇓</button
> >
<button <button
type="button" type="button"
class="buttonup" class="buttonup"
on:click={swapTier(tier, -1)} on:click={swapTier(tier, -1)}
disabled={i == 0 ? true : false}>⇑</button disabled={i == 0 ? true : false}>⇑</button
> >
<button type="button" on:click={removeTier(tier)}>×</button> <button type="button" on:click={removeTier(tier)}>×</button>
</div> </div>
</div> </div>