| 1 |
{% if !stripe_connected || !has_items || !has_published_item %} |
| 2 |
<div class="proj-overview-setup"> |
| 3 |
<h3 class="proj-overview-setup-title">Project Setup</h3> |
| 4 |
<div class="proj-overview-setup-row"> |
| 5 |
{% if has_items %} |
| 6 |
<span class="proj-overview-setup-check">Done</span> |
| 7 |
<span class="proj-overview-setup-label proj-overview-setup-label--done">Add your first item: upload files, set a price</span> |
| 8 |
{% else %} |
| 9 |
<span class="proj-overview-setup-bullet"></span> |
| 10 |
<span class="proj-overview-setup-label">Add your first item: upload files, set a price</span> |
| 11 |
<a href="/dashboard/project/{{ project_slug }}/new-item" class="btn btn-small proj-overview-setup-btn">New Item</a> |
| 12 |
{% endif %} |
| 13 |
</div> |
| 14 |
<div class="proj-overview-setup-row"> |
| 15 |
{% if stripe_connected %} |
| 16 |
<span class="proj-overview-setup-check">Done</span> |
| 17 |
<span class="proj-overview-setup-label proj-overview-setup-label--done">Connect Stripe: required to receive payments (3% processing only)</span> |
| 18 |
{% else %} |
| 19 |
<span class="proj-overview-setup-bullet"></span> |
| 20 |
<span class="proj-overview-setup-label">Connect Stripe: required to receive payments (3% processing only)</span> |
| 21 |
<a href="/dashboard#tab-payments" class="btn btn-small proj-overview-setup-btn">Go to Payments</a> |
| 22 |
{% endif %} |
| 23 |
</div> |
| 24 |
<div class="proj-overview-setup-row"> |
| 25 |
{% if has_published_item %} |
| 26 |
<span class="proj-overview-setup-check">Done</span> |
| 27 |
<span class="proj-overview-setup-label proj-overview-setup-label--done">Publish an item: make it visible on your public page</span> |
| 28 |
{% else %} |
| 29 |
<span class="proj-overview-setup-bullet"></span> |
| 30 |
<span class="proj-overview-setup-label">Publish an item: make it visible on your public page</span> |
| 31 |
{% if has_items %} |
| 32 |
<button class="btn btn-small proj-overview-setup-btn" onclick="document.getElementById('tab-content-btn').click()">Go to Content</button> |
| 33 |
{% endif %} |
| 34 |
{% endif %} |
| 35 |
</div> |
| 36 |
</div> |
| 37 |
{% endif %} |
| 38 |
|
| 39 |
<div class="tab-docs"><a href="/docs/projects">Docs: Projects →</a></div> |
| 40 |
|
| 41 |
<div class="stats-grid"> |
| 42 |
{% for stat in stats %} |
| 43 |
<div class="card-muted"> |
| 44 |
<div class="stat-label">{{ stat.label }}</div> |
| 45 |
<div class="stat-value">{{ stat.value }}</div> |
| 46 |
{% if let Some(change) = stat.change %} |
| 47 |
<div class="stat-change{% if stat.is_positive %} positive{% endif %}">{{ change }}</div> |
| 48 |
{% endif %} |
| 49 |
</div> |
| 50 |
{% endfor %} |
| 51 |
</div> |
| 52 |
|
| 53 |
<div class="quick-actions"> |
| 54 |
<h2 class="subsection-title">Quick Actions</h2> |
| 55 |
<div class="action-buttons"> |
| 56 |
<a href="/dashboard/project/{{ project_slug }}/new-item" class="btn-primary">New Item</a> |
| 57 |
<a href="/p/{{ project_slug }}" target="_blank" rel="noopener" class="btn-secondary">View Public Page</a> |
| 58 |
<button class="btn-secondary" |
| 59 |
hx-post="/api/export/projects" |
| 60 |
hx-target="body" |
| 61 |
hx-swap="beforeend">Export Data</button> |
| 62 |
</div> |
| 63 |
</div> |
| 64 |
|
| 65 |
<details class="proj-overview-tools"> |
| 66 |
<summary class="proj-overview-tools-summary">Explore Your Project Tools</summary> |
| 67 |
<div class="proj-overview-tools-grid"> |
| 68 |
<div class="proj-overview-tool"> |
| 69 |
<div class="proj-overview-tool-name">Content</div> |
| 70 |
<p class="proj-overview-tool-desc">Upload items, manage versions, set prices.</p> |
| 71 |
</div> |
| 72 |
<div class="proj-overview-tool"> |
| 73 |
<div class="proj-overview-tool-name">Blog</div> |
| 74 |
<p class="proj-overview-tool-desc">Write posts that appear on your project page and RSS feed.</p> |
| 75 |
</div> |
| 76 |
<div class="proj-overview-tool"> |
| 77 |
<div class="proj-overview-tool-name">Promo Codes</div> |
| 78 |
<p class="proj-overview-tool-desc">Create discounts, free access codes, or trial periods.</p> |
| 79 |
</div> |
| 80 |
<div class="proj-overview-tool"> |
| 81 |
<div class="proj-overview-tool-name">Membership Tiers</div> |
| 82 |
<p class="proj-overview-tool-desc">Recurring subscriptions with gated content access.</p> |
| 83 |
</div> |
| 84 |
<div class="proj-overview-tool"> |
| 85 |
<div class="proj-overview-tool-name">Team</div> |
| 86 |
<p class="proj-overview-tool-desc">Add collaborators and split revenue automatically.</p> |
| 87 |
</div> |
| 88 |
<div class="proj-overview-tool"> |
| 89 |
<div class="proj-overview-tool-name">Analytics</div> |
| 90 |
<p class="proj-overview-tool-desc">Track sales, revenue, and views over time.</p> |
| 91 |
</div> |
| 92 |
</div> |
| 93 |
</details> |
| 94 |
|