diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/lib/APITypes.d.ts | 3 | ||||
| -rw-r--r-- | src/lib/minecraft/inventory.ts | 3 | ||||
| -rw-r--r-- | src/lib/sections/Inventories.svelte | 53 | ||||
| -rw-r--r-- | src/routes/player/[player]/[profile].svelte | 14 |
4 files changed, 49 insertions, 24 deletions
diff --git a/src/lib/APITypes.d.ts b/src/lib/APITypes.d.ts index 55f4ade..5b14842 100644 --- a/src/lib/APITypes.d.ts +++ b/src/lib/APITypes.d.ts @@ -88,7 +88,8 @@ export declare const INVENTORIES: { fishing_bag: string quiver: string trick_or_treat_bag: string - wardrobe: string + wardrobe: string, + personal_vault: string } export declare type Inventories = { [name in keyof typeof INVENTORIES]: Item[] diff --git a/src/lib/minecraft/inventory.ts b/src/lib/minecraft/inventory.ts index 5d648ae..9c78259 100644 --- a/src/lib/minecraft/inventory.ts +++ b/src/lib/minecraft/inventory.ts @@ -30,7 +30,8 @@ const INVENTORIES = { fishing_bag: 'fishing_bag', quiver: 'quiver', trick_or_treat_bag: 'candy_inventory_contents', - wardrobe: 'wardrobe_contents' + wardrobe: 'wardrobe_contents', + personal_vault: 'personal_vault_contents' } export type Inventories = { [name in keyof typeof INVENTORIES]: Item[] } diff --git a/src/lib/sections/Inventories.svelte b/src/lib/sections/Inventories.svelte index e570cc7..6d5ff71 100644 --- a/src/lib/sections/Inventories.svelte +++ b/src/lib/sections/Inventories.svelte @@ -58,28 +58,43 @@ }, headTexture: 'e50f712e877dfd910c97f3819a200a05d49ee6b83b592686e099b9ecd443f228', }, + personal_vault: { + vanillaId: 'iron_door', + display: { + lore: [ + '§7Store your valuable items in a', + '§7safe place that only you can', + '§7access!', + '', + '§eClick to view!', + ], + name: '§aPersonal Vault', + }, + }, } </script> -<div id="inventory-tabs"> - {#each displayingInventories as inventoryName} - <button - class="inventory-tab" - class:inventory-tab-active={inventoryName === selectedInventoryName} - on:click={() => (selectedInventoryName = inventoryName)} - > - {#if inventoryName in inventoryIconMap} - <img - class="inventory-tab-icon" - loading="lazy" - src={skyblockItemToUrl(inventoryIconMap[inventoryName], pack)} - alt={cleanId(inventoryName)} - /> - {/if} - <span class="inventory-tab-name">{cleanId(inventoryName)}</span> - </button> - {/each} -</div> +{#if displayingInventories.length > 1} + <div id="inventory-tabs"> + {#each displayingInventories as inventoryName} + <button + class="inventory-tab" + class:inventory-tab-active={inventoryName === selectedInventoryName} + on:click={() => (selectedInventoryName = inventoryName)} + > + {#if inventoryName in inventoryIconMap} + <img + class="inventory-tab-icon" + loading="lazy" + src={skyblockItemToUrl(inventoryIconMap[inventoryName], pack)} + alt={cleanId(inventoryName)} + /> + {/if} + <span class="inventory-tab-name">{cleanId(inventoryName)}</span> + </button> + {/each} + </div> +{/if} {#each displayingInventories as inventoryName} {#if inventoryName === selectedInventoryName} <div id={inventoryName} class="inventory-content"> diff --git a/src/routes/player/[player]/[profile].svelte b/src/routes/player/[player]/[profile].svelte index 4343427..e6d5482 100644 --- a/src/routes/player/[player]/[profile].svelte +++ b/src/routes/player/[player]/[profile].svelte @@ -71,6 +71,8 @@ $: [data, setCategories()] $: backgroundUrl = data.customization?.backgroundUrl ?? chooseDefaultBackground(data.member.uuid) + $: showingInventories = + data.member.inventories?.inventory || data.member.inventories?.personal_vault </script> {#if backgroundUrl} @@ -122,14 +124,20 @@ <div> <div id="categories"> {#if data.member.inventories?.armor} - <section id="armor" class:armor-float={data.member.inventories.inventory}> + <section id="armor" class:armor-float={showingInventories}> <h2>Armor</h2> <Armor {data} {pack} /> </section> {/if} - {#if data.member.inventories?.inventory} + {#if showingInventories} <section id="inventories"> - <h2>Inventories</h2> + <h2> + {#if data.member.inventories?.inventory} + Inventories + {:else} + Personal Vault + {/if} + </h2> <Inventories {data} {pack} /> </section> {/if} |