pacnpal/thrillwiki_django_no_react
1
1
Fork 0
mirror of https://github.com/pacnpal/thrillwiki_django_no_react.git synced 2025-12-20 11:51:10 -05:00
Code Issues Packages Projects Releases Wiki Activity

Refactor ride list and search suggestion templates for improved structure and styling; update view logic to support dynamic template rendering based on request type

Browse Source
This commit is contained in:
pacnpal
2025-02-11 15:24:14 -05:00
parent 59efc39143
commit f5c063b76f
8 changed files with 153 additions and 758 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
templates/rides/partials/ride_list_results.html
View File

@@ -1,7 +1,7 @@
{% load ride_tags %}
<!-- Rides Grid -->
<div id="rides-grid" class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3">
<div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3">
{% for ride in rides %}
<div class="overflow-hidden transition-transform transform bg-white rounded-lg shadow-lg dark:bg-gray-800 hover:-translate-y-1">
<div class="aspect-w-16 aspect-h-9">
@@ -77,12 +77,14 @@
<!-- Pagination -->
{% if is_paginated %}
<div class="flex justify-center mt-6" hx-target="#rides-grid" hx-push-url="true">
<div class="inline-flex rounded-md shadow-sm" hx-indicator=".loading-indicator">
<div class="flex justify-center mt-6" hx-target="#ride-list-results" hx-push-url="false">
<div class="inline-flex rounded-md shadow-sm">
{% if page_obj.has_previous %}
<a hx-get="?page=1{{ request.GET.urlencode }}"
<a hx-get="?page=1{{ request.GET.urlencode }}"
hx-target="#ride-list-results"
class="px-3 py-2 text-gray-700 bg-white border border-gray-300 rounded-l-lg hover:bg-gray-50 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-700">&laquo; First</a>
<a hx-get="?page={{ page_obj.previous_page_number }}{{ request.GET.urlencode }}"
<a hx-get="?page={{ page_obj.previous_page_number }}{{ request.GET.urlencode }}"
hx-target="#ride-list-results"
class="px-3 py-2 text-gray-700 bg-white border-t border-b border-gray-300 hover:bg-gray-50 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-700">Previous</a>
{% endif %}
@@ -91,9 +93,11 @@
</span>
{% if page_obj.has_next %}
<a hx-get="?page={{ page_obj.next_page_number }}{{ request.GET.urlencode }}"
<a hx-get="?page={{ page_obj.next_page_number }}{{ request.GET.urlencode }}"
hx-target="#ride-list-results"
class="px-3 py-2 text-gray-700 bg-white border-t border-b border-gray-300 hover:bg-gray-50 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-700">Next</a>
<a hx-get="?page={{ page_obj.paginator.num_pages }}{{ request.GET.urlencode }}"
<a hx-get="?page={{ page_obj.paginator.num_pages }}{{ request.GET.urlencode }}"
hx-target="#ride-list-results"
class="px-3 py-2 text-gray-700 bg-white border border-gray-300 rounded-r-lg hover:bg-gray-50 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-700">Last &raquo;</a>
{% endif %}
</div>