mirror of
https://github.com/pacnpal/thrillwiki_django_no_react.git
synced 2025-12-20 05:31:09 -05:00
b8891fc65f
Update various HTML templates to use Vue.js binding syntax (':') for passing data to custom components like `c-park_card` and `c-ride_card`, resolving issues with data not being displayed.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 0bdea3fb-49ea-4863-b501-fa6f5af0cbf0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/0bdea3fb-49ea-4863-b501-fa6f5af0cbf0/DkyJkDK
14 lines
625 B
HTML
14 lines
625 B
HTML
{% load cotton %}
|
|
|
|
<!-- Featured Rides Grid -->
|
|
{% for ride in featured_rides %}
|
|
<c-ride_card :ride="ride" url_variant="global" class="h-full" />
|
|
{% empty %}
|
|
<div class="col-span-full text-center py-12">
|
|
<svg class="w-16 h-16 text-muted-foreground mx-auto mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
|
|
</svg>
|
|
<h3 class="text-lg font-semibold mb-2">No Featured Rides</h3>
|
|
<p class="text-muted-foreground">Check back soon for featured thrilling rides!</p>
|
|
</div>
|
|
{% endfor %} |