feat: add EncounterCard component for hunt encounter selection

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

View File

@@ -0,0 +1,18 @@
import { Component, EventEmitter, Input, Output } from '@angular/core';
import { HuntEncounter } from '../../../core/api/game-api.models';
import { DangerBadgeComponent } from '../../../shared/danger-badge/danger-badge.component';
@Component({
selector: 'app-encounter-card',
imports: [DangerBadgeComponent],
templateUrl: './encounter-card.component.html',
styleUrl: './encounter-card.component.scss',
})
export class EncounterCardComponent {
@Input({ required: true }) encounter!: HuntEncounter;
@Output() readonly attack = new EventEmitter<string>();
protected onAttack(): void {
this.attack.emit(this.encounter.id);
}
}