Refactor templates to utilize AlpineJS for state management and interactions, replacing custom JavaScript. Updated navigation links for parks and rides, streamlined mobile filter functionality, and enhanced advanced search features. Removed legacy JavaScript code for improved performance and maintainability.

This commit is contained in:
pacnpal
2025-09-26 13:43:14 -04:00
parent 9b2124867a
commit 8c0c3df21a
28 changed files with 114 additions and 9888 deletions

View File

@@ -41,9 +41,9 @@
<div class="hidden lg:flex items-center space-x-8">
<!-- Main Navigation Links -->
<div class="flex items-center space-x-6">
<a href="{% url 'parks:list' %}"
<a href="{% url 'parks:park_list' %}"
class="nav-link group relative"
hx-get="{% url 'parks:list' %}"
hx-get="{% url 'parks:park_list' %}"
hx-target="#main-content"
hx-swap="innerHTML transition:true">
<i class="fas fa-map-marked-alt mr-2 text-thrill-primary"></i>
@@ -360,14 +360,14 @@
<!-- Mobile Navigation Links -->
<div class="space-y-4">
<a href="{% url 'parks:list' %}"
<a href="{% url 'parks:park_list' %}"
class="flex items-center p-3 rounded-lg hover:bg-neutral-100/50 dark:hover:bg-neutral-700/50 transition-colors"
@click="isOpen = false">
<i class="fas fa-map-marked-alt mr-3 text-thrill-primary"></i>
<span class="font-medium">Parks</span>
</a>
<a href="{% url 'rides:list' %}"
<a href="{% url 'rides:ride_list' %}"
class="flex items-center p-3 rounded-lg hover:bg-neutral-100/50 dark:hover:bg-neutral-700/50 transition-colors"
@click="isOpen = false">
<i class="fas fa-rocket mr-3 text-thrill-secondary"></i>