mirror of
https://github.com/pacnpal/thrillwiki_django_no_react.git
synced 2025-12-22 05:51:08 -05:00
7f96e85914
Integrates Django Cotton to replace existing UI components with a new templating system. Adds a test page to compare the new components against the old ones. Replit-Commit-Author: Agent Replit-Commit-Session-Id: dcfff319-6e91-4220-98a9-8295b87755b7 Replit-Commit-Checkpoint-Type: intermediate_checkpoint
50 lines
1.2 KiB
HTML
50 lines
1.2 KiB
HTML
{% comment %}
|
|
Card Component - Django Cotton Version of shadcn/ui Card
|
|
Usage: <c-card title="Card Title" description="Card description">Card content</c-card>
|
|
Preserves EXACT same HTML output as the original include version
|
|
{% endcomment %}
|
|
|
|
<c-vars
|
|
title=""
|
|
description=""
|
|
content=""
|
|
header_content=""
|
|
body_content=""
|
|
footer_content=""
|
|
/>
|
|
|
|
<div class="rounded-lg border bg-card text-card-foreground shadow-sm {{ class|default:'' }}">
|
|
{% if title or header_content %}
|
|
<div class="flex flex-col space-y-1.5 p-6">
|
|
{% if title %}
|
|
<h3 class="text-2xl font-semibold leading-none tracking-tight">{{ title }}</h3>
|
|
{% endif %}
|
|
{% if description %}
|
|
<p class="text-sm text-muted-foreground">{{ description }}</p>
|
|
{% endif %}
|
|
{% if header_content %}
|
|
{{ header_content|safe }}
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if content or body_content or slot %}
|
|
<div class="p-6 pt-0">
|
|
{% if content %}
|
|
{{ content|safe }}
|
|
{% endif %}
|
|
{% if body_content %}
|
|
{{ body_content|safe }}
|
|
{% endif %}
|
|
{% if slot %}
|
|
{{ slot }}
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if footer_content %}
|
|
<div class="flex items-center p-6 pt-0">
|
|
{{ footer_content|safe }}
|
|
</div>
|
|
{% endif %}
|
|
</div> |