4e684dc45e
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>
45 lines
1.6 KiB
HTML
45 lines
1.6 KiB
HTML
<aside class="context-panel" aria-label="Gebietsinformationen">
|
||
@if (worldStore.currentLocation(); as location) {
|
||
<span class="context-panel__eyebrow">GEBIETSINFO</span>
|
||
<h2>{{ location.name }}</h2>
|
||
|
||
@if (worldStore.selectedConnection(); as selected) {
|
||
<p class="context-panel__selection">Ausgewähltes Ziel: {{ selected.targetLocation.name }}</p>
|
||
}
|
||
|
||
<picture class="context-panel__artwork">
|
||
@if (runtimeArtworkPath(location.artworkPath); as runtimeArtwork) {
|
||
<source [srcset]="runtimeArtwork" type="image/jpeg" />
|
||
}
|
||
<img [src]="location.artworkPath" [alt]="'Ortsansicht: ' + location.name" />
|
||
</picture>
|
||
<p class="context-panel__description">{{ location.description }}</p>
|
||
|
||
<dl class="context-panel__facts">
|
||
<div>
|
||
<dt>Empfohlene Stufe</dt>
|
||
<dd>{{ location.minRecommendedLevel }}–{{ location.maxRecommendedLevel }}</dd>
|
||
</div>
|
||
<div>
|
||
<dt>Sicherheit</dt>
|
||
<dd [class.context-panel__safe]="location.isSafe">
|
||
{{ location.isSafe ? 'Sicherer Ort' : 'Gefährliches Gebiet' }}
|
||
</dd>
|
||
</div>
|
||
<div>
|
||
<dt>Jagd</dt>
|
||
<dd>{{ location.huntingEnabled ? 'Jagd möglich' : 'Keine Jagd' }}</dd>
|
||
</div>
|
||
@if (location.huntingEnabled && location.possibleMonsters.length) {
|
||
<div>
|
||
<dt>Mögliche Begegnungen</dt>
|
||
<dd>{{ location.possibleMonsters.join(', ') }}</dd>
|
||
</div>
|
||
}
|
||
</dl>
|
||
} @else {
|
||
<span class="context-panel__eyebrow">GEBIETSINFO</span>
|
||
<p class="context-panel__hint">Informationen erscheinen mit der Weltansicht.</p>
|
||
}
|
||
</aside>
|