Files
ashen-realms/apps/web/src/app/layout/side-navigation/side-navigation.component.html
Bastian Wagner 4e684dc45e feat: add hunt page, combat placeholder, and Jagd navigation
Wires up Slice 0.2 end-to-end: HuntPageComponent renders the
hunting-unavailable/ready/loading/encounters-found states off
HuntingStore and WorldStore, Angreifen hands the HuntEncounter id to a
new inert CombatPlaceholderPageComponent via /combat/new, the Jagd nav
entry is enabled with router-driven active state (matching Karte's),
and the context panel now lists possible encounters for hunting-enabled
locations.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-08-19 14:06:57 +02:00

60 lines
1.6 KiB
HTML

<nav class="side-navigation" aria-label="Spielnavigation">
<button
class="side-navigation__item"
type="button"
routerLink="/world"
routerLinkActive="side-navigation__item--active"
[routerLinkActiveOptions]="{ exact: true }"
ariaCurrentWhenActive="page"
data-navigation="world"
aria-label="Karte"
>
<img src="/images/hud/runtime/MapsIcon-128.png" alt="" />
<span>Karte</span>
</button>
<button
class="side-navigation__item"
type="button"
routerLink="/hunt"
routerLinkActive="side-navigation__item--active"
[routerLinkActiveOptions]="{ exact: true }"
ariaCurrentWhenActive="page"
data-navigation="hunt"
aria-label="Jagd"
>
<img src="/images/hud/runtime/HuntIcon-128.png" alt="" />
<span>Jagd</span>
</button>
<button
class="side-navigation__item"
type="button"
data-navigation="quests"
disabled
aria-label="Quests sind noch nicht verfügbar"
>
<img src="/images/hud/runtime/QuestsIcon-128.png" alt="" />
<span>Quests</span>
</button>
<button
class="side-navigation__item"
type="button"
data-navigation="inventory"
disabled
aria-label="Inventar ist noch nicht verfügbar"
>
<img src="/images/hud/runtime/InventoryIcon-128.png" alt="" />
<span>Inventar</span>
</button>
<button
class="side-navigation__item"
type="button"
data-navigation="character"
disabled
aria-label="Charakter ist noch nicht verfügbar"
>
<img src="/images/hud/runtime/CharacterIcon-128.png" alt="" />
<span>Charakter</span>
</button>
</nav>