| 1 |
<div class="results-container results-list" id="results-container-inner"> |
| 2 |
|
| 3 |
<div class="results-table" id="results-table"> |
| 4 |
{% if mode == "projects" %} |
| 5 |
{% for project in projects %} |
| 6 |
<a href="/p/{{ project.slug }}" class="table-row project-row"> |
| 7 |
<span class="row-info"><span class="row-name">{{ project.title }}</span><span class="row-creator">{{ project.creator }}</span></span> |
| 8 |
<span class="row-category">{{ project.category_name.as_deref().unwrap_or(&project.project_type) }}</span> |
| 9 |
<span class="row-items">{{ project.item_count }}</span> |
| 10 |
<span class="row-date">{{ project.date }}</span> |
| 11 |
</a> |
| 12 |
{% endfor %} |
| 13 |
{% if projects.is_empty() %} |
| 14 |
<div class="empty-state"> |
| 15 |
<p>No projects found matching your filters.</p> |
| 16 |
<p class="empty-state-hint">Try broadening your search or <a href="/discover">clearing all filters</a>.</p> |
| 17 |
</div> |
| 18 |
{% endif %} |
| 19 |
{% else %} |
| 20 |
{% for item in items %} |
| 21 |
<div class="table-row table-row-item"> |
| 22 |
<a href="{% if item.is_free %}/i/{{ item.id }}{% else %}/purchase/{{ item.id }}{% endif %}" class="table-row-link"> |
| 23 |
<span class="row-type">{{ item.item_type }}</span> |
| 24 |
<span class="row-info"><span class="row-name">{{ item.name }}</span><span class="row-creator">{{ item.project }} · {{ item.creator }}</span></span> |
| 25 |
<span class="row-category">{{ item.primary_tag }}</span> |
| 26 |
<span class="row-price">{{ item.price }}</span> |
| 27 |
<span class="row-date">{{ item.date }}</span> |
| 28 |
</a> |
| 29 |
{% if is_authenticated %} |
| 30 |
<button class="row-save collection-picker-anchor" data-collection-trigger data-item-id="{{ item.id }}" |
| 31 |
onclick="event.stopPropagation(); openCollectionPicker('{{ item.id }}', this)" title="Save to collection" aria-label="Save to collection">+</button> |
| 32 |
{% endif %} |
| 33 |
</div> |
| 34 |
{% endfor %} |
| 35 |
{% if items.is_empty() %} |
| 36 |
<div class="empty-state"> |
| 37 |
<p>No items found matching your filters.</p> |
| 38 |
<p class="empty-state-hint">Try broadening your search or <a href="/discover">clearing all filters</a>.</p> |
| 39 |
</div> |
| 40 |
{% endif %} |
| 41 |
{% endif %} |
| 42 |
</div> |
| 43 |
|
| 44 |
|
| 45 |
<div class="results-grid" id="results-grid"> |
| 46 |
{% if mode == "projects" %} |
| 47 |
{% for project in projects %} |
| 48 |
<a href="/p/{{ project.slug }}" class="grid-card"> |
| 49 |
<div class="grid-card-content"> |
| 50 |
<div class="grid-card-title">{{ project.title }}</div> |
| 51 |
<div class="grid-card-meta">{{ project.creator }}</div> |
| 52 |
<div class="grid-card-footer"> |
| 53 |
<span class="grid-card-category">{{ project.category_name.as_deref().unwrap_or(&project.project_type) }}</span> |
| 54 |
<span class="grid-card-stat">{{ project.item_count }} items</span> |
| 55 |
</div> |
| 56 |
</div> |
| 57 |
</a> |
| 58 |
{% endfor %} |
| 59 |
{% if projects.is_empty() %} |
| 60 |
<div class="empty-state"> |
| 61 |
<p>No projects found matching your filters.</p> |
| 62 |
<p class="empty-state-hint">Try broadening your search or <a href="/discover">clearing all filters</a>.</p> |
| 63 |
</div> |
| 64 |
{% endif %} |
| 65 |
{% else %} |
| 66 |
{% for item in items %} |
| 67 |
<div class="grid-card discover-grid-card"> |
| 68 |
{% if is_authenticated %} |
| 69 |
<button class="grid-card-save collection-picker-anchor" data-collection-trigger data-item-id="{{ item.id }}" |
| 70 |
onclick="event.stopPropagation(); openCollectionPicker('{{ item.id }}', this)" title="Save to collection" aria-label="Save to collection">+</button> |
| 71 |
{% endif %} |
| 72 |
<a href="{% if item.is_free %}/i/{{ item.id }}{% else %}/purchase/{{ item.id }}{% endif %}" class="discover-card-link"> |
| 73 |
<div class="grid-card-thumbnail">{{ item.item_type }}</div> |
| 74 |
<div class="grid-card-content"> |
| 75 |
<div class="grid-card-title">{{ item.name }}</div> |
| 76 |
<div class="grid-card-meta">{{ item.project }} · {{ item.creator }}</div> |
| 77 |
<div class="grid-card-footer"> |
| 78 |
<span class="grid-card-category">{{ item.primary_tag }}</span> |
| 79 |
<span class="grid-card-price">{{ item.price }}</span> |
| 80 |
</div> |
| 81 |
</div> |
| 82 |
</a> |
| 83 |
</div> |
| 84 |
{% endfor %} |
| 85 |
{% if items.is_empty() %} |
| 86 |
<div class="empty-state"> |
| 87 |
<p>No items found matching your filters.</p> |
| 88 |
<p class="empty-state-hint">Try broadening your search or <a href="/discover">clearing all filters</a>.</p> |
| 89 |
</div> |
| 90 |
{% endif %} |
| 91 |
{% endif %} |
| 92 |
</div> |
| 93 |
</div> |
| 94 |
|
| 95 |
<div class="table-footer"> |
| 96 |
<span class="page-info">Showing {{ showing_start }}-{{ showing_end }} of {{ total_items }}</span> |
| 97 |
<div class="pagination"> |
| 98 |
{% if total_pages > 0 %} |
| 99 |
<button {% if current_page == 1 %}disabled{% endif %} |
| 100 |
hx-get="/discover/results" |
| 101 |
hx-target="#results-container" |
| 102 |
hx-include=".discover-filter" |
| 103 |
hx-vals='{"page": {{ current_page - 1 }}}' |
| 104 |
{% if current_page == 1 %}hx-disabled-elt="this"{% endif %}>Prev</button> |
| 105 |
{% for p in pagination_range %} |
| 106 |
<button {% if *p == current_page %}class="is-selected"{% endif %} |
| 107 |
hx-get="/discover/results" |
| 108 |
hx-target="#results-container" |
| 109 |
hx-include=".discover-filter" |
| 110 |
hx-vals='{"page": {{ p }}}'>{{ p }}</button> |
| 111 |
{% endfor %} |
| 112 |
{% if total_pages > 5 %} |
| 113 |
<button disabled>...</button> |
| 114 |
<button hx-get="/discover/results" |
| 115 |
hx-target="#results-container" |
| 116 |
hx-include=".discover-filter" |
| 117 |
hx-vals='{"page": {{ total_pages }}}'>{{ total_pages }}</button> |
| 118 |
{% endif %} |
| 119 |
<button {% if current_page == total_pages || total_pages == 0 %}disabled{% endif %} |
| 120 |
hx-get="/discover/results" |
| 121 |
hx-target="#results-container" |
| 122 |
hx-include=".discover-filter" |
| 123 |
hx-vals='{"page": {{ current_page + 1 }}}' |
| 124 |
{% if current_page == total_pages || total_pages == 0 %}hx-disabled-elt="this"{% endif %}>Next</button> |
| 125 |
{% endif %} |
| 126 |
</div> |
| 127 |
</div> |
| 128 |
|