thrillwiki_django_no_react/memory-bank/activeContext.md

Active Context - Park View Modularization

Objective: Refactor parks view to use reusable card component and implement grid/list view toggle

Current Implementation Analysis:

• Park cards rendered via park_list_item.html partial
• Existing layout uses flex-based list structure
• Search functionality uses HTMX for dynamic updates

Planned Changes:

1. Create park_card.html Partial

   • Extract card markup from park_list_item.html
   • Add responsive grid/list view classes
   • Include view mode toggle state

2. View Toggle Implementation

   • Add grid/list toggle UI with HTMX
   • Store view preference in cookie/localStorage
   • Update CSS for grid (grid-cols) vs list (flex) layouts

3. Backend Updates

   • Add view_mode parameter to park list view
   • Modify context processor to handle layout preference

Next Steps:

• Implement card partial with responsive classes
• Create view toggle component
• Update HTMX handlers to preserve view mode