aboutsummaryrefslogtreecommitdiff
path: root/src/lib/sections/Skills.svelte
diff options
context:
space:
mode:
authormat <27899617+mat-1@users.noreply.github.com>2022-12-15 20:19:42 -0600
committerGitHub <noreply@github.com>2022-12-15 20:19:42 -0600
commited5eedab8f9fc90dadf5c442cf559572d1b35f0c (patch)
tree01a763fd11810e9970f14f7dae180e95b279de9a /src/lib/sections/Skills.svelte
parent89bf3d31e36ad3bdfd45461ee6fb69a4c791f848 (diff)
parent103689520f51991a1e9a4ca5829fe2f46d1a32c2 (diff)
downloadskyblock-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.svelte87
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>