mirror of
https://github.com/pacnpal/thrillwiki_django_no_react.git
synced 2025-12-20 17:11:09 -05:00
28 lines
989 B
Markdown
28 lines
989 B
Markdown
# 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 |