granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

raid detail: add IDs section, use centralized images

Browse source
This commit is contained in:
Justin Edmund 2026-01-08 00:39:44 -08:00
parent 76ef2e575b
commit 89705975ab
1 changed files with 15 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
src/routes/(app)/database/raids/[slug]/+page.svelte
View file

@ -14,12 +14,7 @@
import DatabasePageHeader from '$lib/components/database/DatabasePageHeader.svelte' import DatabasePageHeader from '$lib/components/database/DatabasePageHeader.svelte'
import type { PageData } from './$types' import type { PageData } from './$types'
import type { ImageItem } from '$lib/features/database/detail/tabs/EntityImagesTab.svelte' import type { ImageItem } from '$lib/features/database/detail/tabs/EntityImagesTab.svelte'
import { getRaidImage, getRaidCdnImage, type RaidImageVariant } from '$lib/utils/images'
// CDN base URLs for raid images
const ICON_BASE_URL = 'https://prd-game-a-granbluefantasy.akamaized.net/assets_en/img/sp/assets/enemy/m'
const THUMBNAIL_BASE_URL = 'https://prd-game-a1-granbluefantasy.akamaized.net/assets_en/img/sp/assets/summon/qm'
const LOBBY_BASE_URL = 'https://prd-game-a1-granbluefantasy.akamaized.net/assets_en/img/sp/quest/assets/lobby'
const BACKGROUND_BASE_URL = 'https://prd-game-a-granbluefantasy.akamaized.net/assets_en/img/sp/quest/assets/treasureraid'
function displayName(input: any): string { function displayName(input: any): string {
if (!input) return '—' if (!input) return '—'
@ -77,30 +72,10 @@
} }
} }
// Get icon image URL // Get header image - use local raid-thumbnail, fallback to icon from CDN
function getIconUrl(enemyId: number): string {
return `${ICON_BASE_URL}/${enemyId}.png`
}
// Get thumbnail image URL
function getThumbnailUrl(summonId: number): string {
return `${THUMBNAIL_BASE_URL}/${summonId}_high.png`
}
// Get lobby image URL (quest_id with "1" appended)
function getLobbyUrl(questId: number): string {
return `${LOBBY_BASE_URL}/${questId}1.png`
}
// Get background image URL
function getBackgroundUrl(questId: number): string {
return `${BACKGROUND_BASE_URL}/${questId}/raid_image_new.png`
}
// Get header image - prefer thumbnail, fallback to icon
const headerImage = $derived.by(() => { const headerImage = $derived.by(() => {
if (raid?.summon_id) return getThumbnailUrl(raid.summon_id) if (raid?.slug) return getRaidImage(raid.slug, 'thumbnail')
if (raid?.enemy_id) return getIconUrl(raid.enemy_id) if (raid?.enemy_id) return getRaidCdnImage('icon', raid.enemy_id)
return '' return ''
}) })
@ -116,7 +91,7 @@
return sizes return sizes
}) })
// Generate image items for raid // Generate image items for raid (using CDN URLs for the images tab)
const raidImages = $derived.by((): ImageItem[] => { const raidImages = $derived.by((): ImageItem[] => {
if (!raid) return [] if (!raid) return []
@ -125,7 +100,7 @@
// Icon image from enemy // Icon image from enemy
if (raid.enemy_id) { if (raid.enemy_id) {
images.push({ images.push({
url: getIconUrl(raid.enemy_id), url: getRaidCdnImage('icon', raid.enemy_id),
label: 'Icon', label: 'Icon',
variant: 'icon' variant: 'icon'
}) })
@ -134,7 +109,7 @@
// Thumbnail image from summon // Thumbnail image from summon
if (raid.summon_id) { if (raid.summon_id) {
images.push({ images.push({
url: getThumbnailUrl(raid.summon_id), url: getRaidCdnImage('thumbnail', raid.summon_id),
label: 'Thumbnail', label: 'Thumbnail',
variant: 'thumbnail' variant: 'thumbnail'
}) })
@ -143,12 +118,12 @@
// Lobby and background images from quest // Lobby and background images from quest
if (raid.quest_id) { if (raid.quest_id) {
images.push({ images.push({
url: getLobbyUrl(raid.quest_id), url: getRaidCdnImage('lobby', raid.quest_id),
label: 'Lobby', label: 'Lobby',
variant: 'lobby' variant: 'lobby'
}) })
images.push({ images.push({
url: getBackgroundUrl(raid.quest_id), url: getRaidCdnImage('background', raid.quest_id),
label: 'Background', label: 'Background',
variant: 'background' variant: 'background'
}) })
@ -203,8 +178,6 @@
type="raid" type="raid"
item={raid} item={raid}
image={headerImage} image={headerImage}
showEdit={canEdit}
{editUrl}
{currentTab} {currentTab}
onTabChange={handleTabChange} onTabChange={handleTabChange}
onDownloadAllImages={canEdit ? handleDownloadAllImages : undefined} onDownloadAllImages={canEdit ? handleDownloadAllImages : undefined}
@ -218,9 +191,6 @@
<DetailItem label="Name (JA)" value={raid.name.ja || '-'} /> <DetailItem label="Name (JA)" value={raid.name.ja || '-'} />
<DetailItem label="Slug" value={raid.slug || '-'} /> <DetailItem label="Slug" value={raid.slug || '-'} />
<DetailItem label="Level" value={raid.level?.toString() ?? '-'} /> <DetailItem label="Level" value={raid.level?.toString() ?? '-'} />
<DetailItem label="Enemy ID" value={raid.enemy_id?.toString() ?? '-'} />
<DetailItem label="Summon ID" value={raid.summon_id?.toString() ?? '-'} />
<DetailItem label="Quest ID" value={raid.quest_id?.toString() ?? '-'} />
<DetailItem label="Element"> <DetailItem label="Element">
{#if raid.element !== undefined && raid.element !== null} {#if raid.element !== undefined && raid.element !== null}
<ElementBadge element={raid.element} /> <ElementBadge element={raid.element} />
@ -230,6 +200,12 @@
</DetailItem> </DetailItem>
</DetailsContainer> </DetailsContainer>
<DetailsContainer title="IDs">
<DetailItem label="Enemy ID" value={raid.enemy_id?.toString() ?? '-'} />
<DetailItem label="Summon ID" value={raid.summon_id?.toString() ?? '-'} />
<DetailItem label="Quest ID" value={raid.quest_id?.toString() ?? '-'} />
</DetailsContainer>
<DetailsContainer title="Classification"> <DetailsContainer title="Classification">
<DetailItem label="Group"> <DetailItem label="Group">
{#if raid.group} {#if raid.group}