aboutsummaryrefslogtreecommitdiff
path: root/src/lib/sections/Pets.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/Pets.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/Pets.svelte')
-rw-r--r--src/lib/sections/Pets.svelte79
1 files changed, 0 insertions, 79 deletions
diff --git a/src/lib/sections/Pets.svelte b/src/lib/sections/Pets.svelte
deleted file mode 100644
index 7f660c4..0000000
--- a/src/lib/sections/Pets.svelte
+++ /dev/null
@@ -1,79 +0,0 @@
-<script lang="ts">
- import type { CleanMemberProfile } from '$lib/APITypes'
- import { cleanId, toRomanNumerals, toTitleCase } from '$lib/utils'
-
- export let data: CleanMemberProfile
-
- // we convert it to a set to remove duplicates
- const petsAcquiredCount = new Set(data.member.pets.list.map(p => p.id)).size
- const totalPetsCount = data.member.pets.missingIds.length + petsAcquiredCount
-</script>
-
-{#if data.member.zones}
- <p class="zones-visited-text">
- Pets acquired:
- <span class="zones-visited-number">
- <b>{petsAcquiredCount}</b>/{totalPetsCount}
- </span>
- </p>
- <div class="pets-list">
- {#each data.member.pets.list as pet}
- <div class="individual-pet-data">
- <h3>{cleanId(pet.id.toLowerCase())}</h3>
- <p>Level: <b>{pet.level.toLocaleString()}</b></p>
- <p>Tier: <b>{toTitleCase(pet.tier)}</b></p>
- {#if pet.item}
- <p>Item: <b>{pet.item.display.name}</b></p>
- {/if}
- </div>
- {/each}
- </div>
- {#if data.member.pets.missingIds.length > 0}
- <h3 class="missing-pets-title">Missing</h3>
- <ul>
- {#each data.member.pets.missingIds as petId}
- <li class="missing-pet">{toTitleCase(cleanId(petId.toLowerCase()))}</li>
- {/each}
- </ul>
- {/if}
-{/if}
-
-<style>
- p {
- margin: 0;
- }
- .zones-visited-text {
- color: var(--theme-darker-text);
- margin: 0.5em 0;
- }
- .zones-visited-number {
- color: var(--theme-main-text);
- }
- .missing-pet {
- opacity: 0.5;
- }
- .individual-pet-data {
- border: 1px solid rgba(255, 255, 255, 0.1);
- background: rgba(0, 0, 0, 0.1);
- padding: 0.75em;
- border-radius: 1em;
- width: 9rem;
- }
-
- .pets-list {
- display: flex;
- flex-wrap: wrap;
- max-width: 40rem;
- column-gap: 0.5rem;
- row-gap: 0.5rem;
- }
-
- .missing-pets-title {
- margin-top: 1rem;
- }
-
- ul {
- padding-left: 1em;
- margin: 0;
- }
-</style>