Skip to content

Filter on creature Page #163

@fboucher

Description

@fboucher

Summary

Add filtering controls above the creature table on the Combat page (/combat) so users can quickly narrow down creatures by name and by level.

Filters

  1. Filter by creature name — a live text search / type-ahead input that filters the table in real time as the user types.
  2. Filter by level — a dropdown populated with the distinct level values present in the creature list; selecting a level hides all creatures of other levels. A blank/default option shows all levels.

UI Placement

Both filter controls appear above the creature table, horizontally side-by-side. The table updates immediately as filters change (no submit button needed).

Creature Data

The Creature model has name (string) and level (int) fields — use these for filtering. Filters should be combinable (name + level applied simultaneously).

Acceptance Criteria

  • Text search input is visible above the creature table on the Combat page
  • Typing in the search box filters the table rows by creature name in real time
  • Level dropdown is populated with distinct levels from the loaded creature list
  • Selecting a level filters the table to show only creatures of that level
  • Both filters can be active at the same time
  • Clearing/resetting filters restores the full list

Metadata

Metadata

Assignees

Labels

No labels
No labels

Projects

Status

v-next

Relationships

None yet

Development

No branches or pull requests

Issue actions