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/Skills.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/Skills.svelte')
-rw-r--r-- | src/lib/sections/Skills.svelte | 87 |
1 files changed, 0 insertions, 87 deletions
diff --git a/src/lib/sections/Skills.svelte b/src/lib/sections/Skills.svelte deleted file mode 100644 index 8fc5aaf..0000000 --- a/src/lib/sections/Skills.svelte +++ /dev/null @@ -1,87 +0,0 @@ -<script lang="ts"> - import Emoji from '$lib/Emoji.svelte' - - import Tooltip from '$lib/Tooltip.svelte' - import { cleanId, formatNumber } from '$lib/utils' - - const skillImages = { - runecrafting: '/skill-icons/runecrafting.webp', - alchemy: '/skill-icons/herblore.webp', - combat: '/skill-icons/attack.webp', - enchanting: '/skill-icons/magic.webp', - foraging: '/skill-icons/woodcutting.webp', - mining: '/skill-icons/mining.webp', - taming: '/skill-icons/hunter.webp', - farming: '/skill-icons/farming.webp', - fishing: '/skill-icons/fishing.webp', - carpentry: '/skill-icons/construction.webp', - social: '/skill-icons/agility.webp', - } - - export let data -</script> - -{#if !data.member.skills.apiEnabled} - <p class="skills-api-warning"> - <Emoji value="⚠" /> Skills API is disabled for this profile, so the values shown may be inaccurate. - </p> -{/if} -<ul> - {#each data.member.skills.list as skill} - <li - class="list-item-with-icon" - style="background: url({skillImages[skill.id]}) 0 0/1em no-repeat" - > - <Tooltip> - <span slot="tooltip"> - {#if skill.levelXpRequired !== null} - {Math.round((skill.levelXp / skill.levelXpRequired) * 100)}% to next level, {Math.round( - skill.levelXp - ).toLocaleString()}/{formatNumber(skill.levelXpRequired, 3)} xp - {:else} - {Math.round(skill.levelXp).toLocaleString()} extra xp - {/if} - </span> - <span> - {cleanId(skill.id)} - <span class="skill-level" class:skill-maxed={skill.level === skill.maxLevel}> - {skill.level} - </span> - </span> - </Tooltip> - </li> - {/each} -</ul> - -<style> - .skill-level { - opacity: 0.9; - } - .skill-maxed { - color: #0e0; - opacity: 1; - } - .list-item-with-icon { - list-style: none; - padding-left: 1.2em; - position: relative; - right: 1.2em; - image-rendering: crisp-edges; - image-rendering: pixelated; - } - - .skills-api-warning { - margin-top: 0; - } - - ul { - margin-top: 0; - display: flex; - flex-wrap: wrap; - max-width: 30em; - } - ul > li { - width: 10em; - margin: 0.25em 0.25em 0 0; - } -</style> |