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

Add new component system for buttons, cards, and inputs

Browse Source 
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
This commit is contained in:
pac7
2025-09-21 17:02:08 +00:00
committed by pacnpal
parent cfa7019a7c
commit 7f96e85914
9 changed files with 850 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
backend/templates/cotton/card.html Normal file
View File

@@ -0,0 +1,50 @@
{% 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>