reconcile summon detail and edit pages with consistent section order

This commit is contained in:
Justin Edmund 2025-12-15 13:17:09 -08:00
parent 5ec31ade2d
commit 695f76a3be
2 changed files with 33 additions and 38 deletions

View file

@ -19,6 +19,7 @@
// Components // Components
import DetailScaffold, { type DetailTab } from '$lib/features/database/detail/DetailScaffold.svelte' import DetailScaffold, { type DetailTab } from '$lib/features/database/detail/DetailScaffold.svelte'
import SummonMetadataSection from '$lib/features/database/summons/sections/SummonMetadataSection.svelte' import SummonMetadataSection from '$lib/features/database/summons/sections/SummonMetadataSection.svelte'
import SummonGachaSection from '$lib/features/database/summons/sections/SummonGachaSection.svelte'
import SummonUncapSection from '$lib/features/database/summons/sections/SummonUncapSection.svelte' import SummonUncapSection from '$lib/features/database/summons/sections/SummonUncapSection.svelte'
import SummonTaxonomySection from '$lib/features/database/summons/sections/SummonTaxonomySection.svelte' import SummonTaxonomySection from '$lib/features/database/summons/sections/SummonTaxonomySection.svelte'
import SummonStatsSection from '$lib/features/database/summons/sections/SummonStatsSection.svelte' import SummonStatsSection from '$lib/features/database/summons/sections/SummonStatsSection.svelte'
@ -179,50 +180,42 @@
{#if currentTab === 'info'} {#if currentTab === 'info'}
<section class="details"> <section class="details">
<SummonMetadataSection {summon} /> <SummonMetadataSection {summon} />
<SummonGachaSection {summon} />
<SummonUncapSection {summon} />
<SummonTaxonomySection {summon} />
<SummonStatsSection {summon} />
{#if summon.nicknames?.en?.length || summon.nicknames?.ja?.length}
<DetailsContainer title="Nicknames"> <DetailsContainer title="Nicknames">
{#if summon.nicknames?.en?.length}
<DetailItem label="English"> <DetailItem label="English">
{#if summon.nicknames?.en?.length}
<div class="nickname-tags"> <div class="nickname-tags">
{#each summon.nicknames.en as nickname} {#each summon.nicknames.en as nickname}
<span class="nickname-tag">{nickname}</span> <span class="nickname-tag">{nickname}</span>
{/each} {/each}
</div> </div>
</DetailItem> {:else}
<span class="empty-value"></span>
{/if} {/if}
{#if summon.nicknames?.ja?.length} </DetailItem>
<DetailItem label="Japanese"> <DetailItem label="Japanese">
{#if summon.nicknames?.ja?.length}
<div class="nickname-tags"> <div class="nickname-tags">
{#each summon.nicknames.ja as nickname} {#each summon.nicknames.ja as nickname}
<span class="nickname-tag">{nickname}</span> <span class="nickname-tag">{nickname}</span>
{/each} {/each}
</div> </div>
{:else}
<span class="empty-value"></span>
{/if}
</DetailItem> </DetailItem>
{/if}
</DetailsContainer> </DetailsContainer>
{/if}
<SummonUncapSection {summon} />
<SummonTaxonomySection {summon} />
<SummonStatsSection {summon} />
{#if summon.releaseDate || summon.flbDate || summon.ulbDate || summon.transcendenceDate}
<DetailsContainer title="Dates"> <DetailsContainer title="Dates">
{#if summon.releaseDate} <DetailItem label="Release Date" value={summon.releaseDate || '—'} />
<DetailItem label="Release Date" value={summon.releaseDate} /> <DetailItem label="FLB Date" value={summon.flbDate || '—'} />
{/if} <DetailItem label="ULB Date" value={summon.ulbDate || '—'} />
{#if summon.flbDate} <DetailItem label="Transcendence Date" value={summon.transcendenceDate || '—'} />
<DetailItem label="FLB Date" value={summon.flbDate} />
{/if}
{#if summon.ulbDate}
<DetailItem label="ULB Date" value={summon.ulbDate} />
{/if}
{#if summon.transcendenceDate}
<DetailItem label="Transcendence Date" value={summon.transcendenceDate} />
{/if}
</DetailsContainer> </DetailsContainer>
{/if}
<DetailsContainer title="Links"> <DetailsContainer title="Links">
<DetailItem label="Wiki (EN)"> <DetailItem label="Wiki (EN)">

View file

@ -13,6 +13,7 @@
// Components // Components
import DetailScaffold from '$lib/features/database/detail/DetailScaffold.svelte' import DetailScaffold from '$lib/features/database/detail/DetailScaffold.svelte'
import SummonMetadataSection from '$lib/features/database/summons/sections/SummonMetadataSection.svelte' import SummonMetadataSection from '$lib/features/database/summons/sections/SummonMetadataSection.svelte'
import SummonGachaSection from '$lib/features/database/summons/sections/SummonGachaSection.svelte'
import SummonUncapSection from '$lib/features/database/summons/sections/SummonUncapSection.svelte' import SummonUncapSection from '$lib/features/database/summons/sections/SummonUncapSection.svelte'
import SummonTaxonomySection from '$lib/features/database/summons/sections/SummonTaxonomySection.svelte' import SummonTaxonomySection from '$lib/features/database/summons/sections/SummonTaxonomySection.svelte'
import SummonStatsSection from '$lib/features/database/summons/sections/SummonStatsSection.svelte' import SummonStatsSection from '$lib/features/database/summons/sections/SummonStatsSection.svelte'
@ -205,6 +206,7 @@
> >
<section class="details"> <section class="details">
<SummonMetadataSection {summon} {editMode} bind:editData /> <SummonMetadataSection {summon} {editMode} bind:editData />
<SummonGachaSection {summon} {editMode} bind:editData />
<SummonUncapSection {summon} {editMode} bind:editData /> <SummonUncapSection {summon} {editMode} bind:editData />
<SummonTaxonomySection {summon} {editMode} bind:editData /> <SummonTaxonomySection {summon} {editMode} bind:editData />
<SummonStatsSection {summon} {editMode} bind:editData /> <SummonStatsSection {summon} {editMode} bind:editData />