Add testing pages and update component attributes for enhanced interactivity

Integrates Django Cotton components with new test pages, updating button and input component templates to correctly handle `x_data` and `x_on` attributes for improved interactivity.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: eff39de1-3afa-446d-a965-acaf61837fc7
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/eff39de1-3afa-446d-a965-acaf61837fc7/J3NgjVS
This commit is contained in:
pac7
2025-09-21 13:51:06 +00:00
committed by pacnpal
parent 1294b3009e
commit cb944485b8
6 changed files with 567 additions and 7 deletions

View File

@@ -0,0 +1,21 @@
{% extends 'base/base.html' %}
{% load cotton %}
{% block title %}Minimal Cotton Test - ThrillWiki{% endblock %}
{% block content %}
<div class="max-w-4xl mx-auto p-8">
<h1 class="text-3xl font-bold mb-8">Minimal Cotton Test</h1>
<!-- Copy exact working syntax from enhanced_header.html -->
<div class="space-y-4">
<h2 class="text-xl font-semibold">Working Cotton Button (from enhanced_header.html):</h2>
<c-ui.button variant="default" size="sm" text="Search" />
<c-ui.button variant="outline" size="sm" text="Login" />
</div>
<div class="mt-8 p-4 bg-green-100 rounded">
<p>If you see buttons above, Cotton components are working correctly!</p>
</div>
</div>
{% endblock %}