diff options
| author | mat <github@matdoes.dev> | 2022-04-05 22:43:50 -0500 |
|---|---|---|
| committer | mat <github@matdoes.dev> | 2022-04-05 22:43:50 -0500 |
| commit | 87b314d77249a1e0cb3b99ab8cd73e8c27602788 (patch) | |
| tree | dc1d0a9b61c480950d61b2099124c9abe4860f57 | |
| parent | bd3dccfe0e0dbc90c2c37767a03e4304e2621ba3 (diff) | |
| download | skyblock-stats-87b314d77249a1e0cb3b99ab8cd73e8c27602788.tar.gz skyblock-stats-87b314d77249a1e0cb3b99ab8cd73e8c27602788.tar.bz2 skyblock-stats-87b314d77249a1e0cb3b99ab8cd73e8c27602788.zip | |
make misc its own section
| -rw-r--r-- | src/lib/sections/Misc.svelte | 33 | ||||
| -rw-r--r-- | src/routes/player/[player]/[profile].svelte | 12 |
2 files changed, 44 insertions, 1 deletions
diff --git a/src/lib/sections/Misc.svelte b/src/lib/sections/Misc.svelte new file mode 100644 index 0000000..01bdda8 --- /dev/null +++ b/src/lib/sections/Misc.svelte @@ -0,0 +1,33 @@ +<script lang="ts"> + import { cleanId, millisecondsToTime } from '$lib/utils' + import type { CleanMemberProfile, StatItem } from '$lib/APITypes' + + export let data: CleanMemberProfile +</script> + +<ul> + {#each data.member.stats + .filter(s => s.category === 'misc') + .sort((a, b) => b.value - a.value) as stat} + <li> + <span class="stat-name">{cleanId(stat.categorizedName)}:</span> + <span class="stat-value"> + {#if stat.unit === 'time'} + {millisecondsToTime(stat.value)} + {:else} + {stat.value.toLocaleString()} + {/if} + </span> + </li> + {/each} +</ul> + +<style> + li { + position: relative; + } + ul { + margin-top: 0.5em; + padding-left: 1em; + } +</style> diff --git a/src/routes/player/[player]/[profile].svelte b/src/routes/player/[player]/[profile].svelte index c55732c..21b8a33 100644 --- a/src/routes/player/[player]/[profile].svelte +++ b/src/routes/player/[player]/[profile].svelte @@ -52,6 +52,7 @@ import Claimed from '$lib/sections/Claimed.svelte' import Pets from '$lib/sections/Pets.svelte' import FarmingContests from '$lib/sections/FarmingContests.svelte' + import Misc from '$lib/sections/Misc.svelte' export let data: CleanMemberProfile export let pack: MatcherFile @@ -158,7 +159,8 @@ {/if} {#if data.member.stats} {#each categories as category} - {#if data.member.stats?.find(s => s.category === category)} + <!-- misc is handled later so we can add stuff other than stats to it --> + {#if category !== 'misc' && data.member.stats?.find(s => s.category === category)} <section> <Collapsible id={category}> <h2 slot="title">{cleanId(category)}</h2> @@ -238,6 +240,14 @@ </Collapsible> </section> {/if} + {#if categories.includes('misc')} + <section> + <Collapsible id="misc"> + <h2 slot="title">Misc</h2> + <Misc {data} /> + </Collapsible> + </section> + {/if} <section> <Collapsible id="leaderboards"> <h2 slot="title">Leaderboards</h2> |