diff options
author | mat <27899617+mat-1@users.noreply.github.com> | 2022-12-15 20:19:42 -0600 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-12-15 20:19:42 -0600 |
commit | ed5eedab8f9fc90dadf5c442cf559572d1b35f0c (patch) | |
tree | 01a763fd11810e9970f14f7dae180e95b279de9a /src/lib/sections/Achievements.svelte | |
parent | 89bf3d31e36ad3bdfd45461ee6fb69a4c791f848 (diff) | |
parent | 103689520f51991a1e9a4ca5829fe2f46d1a32c2 (diff) | |
download | skyblock-stats-ed5eedab8f9fc90dadf5c442cf559572d1b35f0c.tar.gz skyblock-stats-ed5eedab8f9fc90dadf5c442cf559572d1b35f0c.tar.bz2 skyblock-stats-ed5eedab8f9fc90dadf5c442cf559572d1b35f0c.zip |
Merge pull request #6 from skyblockstats/sveltekit-v1
Sveltekit v1
Diffstat (limited to 'src/lib/sections/Achievements.svelte')
-rw-r--r-- | src/lib/sections/Achievements.svelte | 87 |
1 files changed, 0 insertions, 87 deletions
diff --git a/src/lib/sections/Achievements.svelte b/src/lib/sections/Achievements.svelte deleted file mode 100644 index 92ba468..0000000 --- a/src/lib/sections/Achievements.svelte +++ /dev/null @@ -1,87 +0,0 @@ -<script lang="ts"> - import type { CleanMemberProfile } from '$lib/APITypes' - import Tooltip from '$lib/Tooltip.svelte' - export let data: CleanMemberProfile -</script> - -{#if data.member.achievements} - <h3> - Tiered - <span class="achievement-count"> - ({data.member.achievements.tiered.filter(a => a.amount).length}/{data.member.achievements - .tiered.length}) - </span> - </h3> - <ul> - {#each data.member.achievements.tiered as achievement} - <li class="achievement"> - <Tooltip> - <span slot="tooltip"> - {achievement.description} - </span> - - <span class:achievement-locked={achievement.amount === 0}> - {achievement.name}: {#if achievement.next} - <b class="achievement-amount">{achievement.amount}</b>/{achievement.next} - {:else} - <span class="achievement-amount achievement-amount-maxed">{achievement.amount}</span> - {/if} - </span> - </Tooltip> - </li> - {/each} - </ul> - - <h3> - Challenge - <span class="achievement-count"> - ({data.member.achievements.challenge.filter(a => a.unlocked).length}/{data.member.achievements - .challenge.length}) - </span> - </h3> - <ul> - {#each data.member.achievements.challenge as achievement} - <li class="achievement"> - <Tooltip> - <span slot="tooltip"> - {achievement.description} - </span> - - {#if achievement.unlocked} - <span> - {achievement.name} - </span> - {:else} - <span class="achievement-locked"> - {achievement.name} - </span> - {/if} - </Tooltip> - </li> - {/each} - </ul> -{/if} - -<style> - ul { - margin: 0; - padding-left: 1em; - } - - .achievement-locked { - opacity: 0.5; - } - - .achievement-count { - color: var(--theme-darker-text); - font-weight: normal; - } - - .achievement-amount { - opacity: 0.9; - } - .achievement-amount-maxed { - color: #0e0; - opacity: 1; - } -</style> |