feat: Implement enhanced park list template with improved layout and accessibility features

- Created a new enhanced park list template with a responsive design.
- Added skip navigation links for better accessibility.
- Introduced an enhanced header section with park statistics overview.
- Developed a sidebar for advanced filters and a search section.
- Implemented loading overlay and error handling for HTMX requests.
- Enhanced park results display with animations and improved empty states.
- Added pagination controls with improved UX for navigating park listings.
This commit is contained in:
pacnpal
2025-09-23 20:35:44 -04:00
parent fd42ee1161
commit 41fb41838c
14 changed files with 1716 additions and 44 deletions

View File

@@ -10,7 +10,6 @@ class Migration(migrations.Migration):
dependencies = [
("accounts", "0001_initial"),
("django_cloudflareimages_toolkit", "0001_initial"),
]
operations = [

View File

@@ -226,7 +226,7 @@ def reverse_geocode(request: HttpRequest) -> JsonResponse:
class ParkListView(HTMXFilterableMixin, ListView):
model = Park
template_name = "parks/park_list.html"
template_name = "parks/enhanced_park_list.html"
context_object_name = "parks"
filter_class = ParkFilter
paginate_by = 20
@@ -242,9 +242,9 @@ class ParkListView(HTMXFilterableMixin, ListView):
self.paginator_class = OptimizedPaginator
def get_template_names(self) -> list[str]:
"""Return park_list.html for HTMX requests"""
"""Return enhanced park list templates for HTMX requests"""
if self.request.htmx:
return ["parks/partials/park_list.html"]
return ["parks/partials/enhanced_park_list.html"]
return [self.template_name]
def get_view_mode(self) -> ViewMode: