reorder nav overflow menu, add separators

This commit is contained in:
Justin Edmund 2025-12-20 01:07:02 -08:00
parent 93dc96c1b0
commit 9f6b95cc3a

View file

@ -67,6 +67,8 @@
const databaseSeriesHref = $derived(localizeHref('/database/series')) const databaseSeriesHref = $derived(localizeHref('/database/series'))
const databaseGwEventsHref = $derived(localizeHref('/database/gw-events')) const databaseGwEventsHref = $derived(localizeHref('/database/gw-events'))
const databaseArtifactSkillsHref = $derived(localizeHref('/database/artifact-skills')) const databaseArtifactSkillsHref = $derived(localizeHref('/database/artifact-skills'))
const databaseRaidsHref = $derived(localizeHref('/database/raids'))
const databaseRaidGroupsHref = $derived(localizeHref('/database/raid-groups'))
// Database route detection // Database route detection
const isDatabaseRoute = $derived($page.url.pathname.startsWith(localizeHref('/database'))) const isDatabaseRoute = $derived($page.url.pathname.startsWith(localizeHref('/database')))
@ -77,6 +79,7 @@
if (path.startsWith(databaseCharactersHref)) return 'character' if (path.startsWith(databaseCharactersHref)) return 'character'
if (path.startsWith(databaseWeaponsHref)) return 'weapon' if (path.startsWith(databaseWeaponsHref)) return 'weapon'
if (path.startsWith(databaseSummonsHref)) return 'summon' if (path.startsWith(databaseSummonsHref)) return 'summon'
if (path.startsWith(databaseRaidsHref) || path.startsWith(databaseRaidGroupsHref)) return 'raid'
return null return null
}) })
@ -88,6 +91,8 @@
? 'weapon' ? 'weapon'
: currentDatabaseEntity === 'summon' : currentDatabaseEntity === 'summon'
? 'summon' ? 'summon'
: currentDatabaseEntity === 'raid'
? 'raid'
: null : null
) )
const databaseNewHref = $derived( const databaseNewHref = $derived(
@ -243,14 +248,16 @@
<a href={databaseJobsHref}>Jobs</a> <a href={databaseJobsHref}>Jobs</a>
</DropdownItem> </DropdownItem>
<DropdownItem> <DropdownItem>
<a href={databaseSeriesHref}>Series</a> <a href={databaseRaidsHref}>Raids</a>
</DropdownItem>
<DropdownItem>
<a href={databaseGwEventsHref}>Unite & Fight</a>
</DropdownItem> </DropdownItem>
<DropdownMenu.Separator class="dropdown-separator" />
<DropdownItem> <DropdownItem>
<a href={databaseArtifactSkillsHref}>Artifact Skills</a> <a href={databaseArtifactSkillsHref}>Artifact Skills</a>
</DropdownItem> </DropdownItem>
<DropdownMenu.Separator class="dropdown-separator" />
<DropdownItem>
<a href={databaseGwEventsHref}>Unite & Fight</a>
</DropdownItem>
</DropdownMenu.Content> </DropdownMenu.Content>
</DropdownMenu.Portal> </DropdownMenu.Portal>
</DropdownMenu.Root> </DropdownMenu.Root>
@ -364,6 +371,14 @@
<DropdownMenu.Portal> <DropdownMenu.Portal>
<DropdownMenu.Content class="dropdown-content" sideOffset={5} align="end"> <DropdownMenu.Content class="dropdown-content" sideOffset={5} align="end">
{#if currentDatabaseEntity === 'raid'}
<DropdownItem>
<a href={localizeHref('/database/raids/new')}>New raid</a>
</DropdownItem>
<DropdownItem>
<a href={localizeHref('/database/raid-groups/new')}>New raid group</a>
</DropdownItem>
{:else}
{#if databaseNewHref} {#if databaseNewHref}
<DropdownItem> <DropdownItem>
<a href={databaseNewHref}>Single {databaseEntityLabel}</a> <a href={databaseNewHref}>Single {databaseEntityLabel}</a>
@ -374,6 +389,7 @@
<a href={databaseImportHref}>Multiple {databaseEntityLabel}s</a> <a href={databaseImportHref}>Multiple {databaseEntityLabel}s</a>
</DropdownItem> </DropdownItem>
{/if} {/if}
{/if}
</DropdownMenu.Content> </DropdownMenu.Content>
</DropdownMenu.Portal> </DropdownMenu.Portal>
</DropdownMenu.Root> </DropdownMenu.Root>