bastian/ashen-realms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add EncounterCard component for hunt encounter selection

Browse Source 
Task 9 of Playable Slice 0.2 (First Hunt). Artwork-forward encounter
card reusing travel-panel's dark-fantasy panel chrome (tokens, border,
gradient, button style). Emits encounter.id (never monster.key) on
Angreifen click, preserving the frontend security boundary.
This commit is contained in:
Bastian Wagner
2026-08-19 13:33:33 +02:00
parent 59269a7608
commit 15aa83d221
4 changed files with 199 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
apps/web/src/app/features/hunting/encounter-card/encounter-card.component.html Normal file
View File

@@ -0,0 +1,15 @@
<article class="encounter-card">
<div class="encounter-card__artwork-frame">
<img
class="encounter-card__artwork"
[src]="encounter.monster.artworkPath"
[alt]="encounter.monster.name"
/>
</div>
<div class="encounter-card__body">
<h3 class="encounter-card__name">{{ encounter.monster.name }}</h3>
<span class="encounter-card__level">Stufe {{ encounter.monster.level }}</span>
<app-danger-badge class="encounter-card__danger" [rating]="encounter.dangerRating" />
<button type="button" class="encounter-card__attack" (click)="onAttack()">Angreifen</button>
</div>
</article>