| 1 |
{% if items.is_empty() %} |
| 2 |
<div class="content-section"> |
| 3 |
<p class="muted">Nothing here yet.</p> |
| 4 |
<p>Follow users, projects, or tags to see their items here.</p> |
| 5 |
<p class="mt-4"> |
| 6 |
<a href="/discover" class="btn-primary btn-link">Browse Discover</a> |
| 7 |
</p> |
| 8 |
</div> |
| 9 |
{% else %} |
| 10 |
<div class="feed-meta">Showing {{ showing_start }}-{{ showing_end }} of {{ total_items }} items</div> |
| 11 |
|
| 12 |
<div class="feed-table-header"> |
| 13 |
<span>Type</span> |
| 14 |
<span>Name</span> |
| 15 |
<span>Tag</span> |
| 16 |
<span class="feed-col-right">Price</span> |
| 17 |
<span class="feed-col-right">Date</span> |
| 18 |
</div> |
| 19 |
<div class="feed-results-table"> |
| 20 |
{% for item in items %} |
| 21 |
<a href="/i/{{ item.id }}" class="feed-table-row"> |
| 22 |
<span class="badge">{{ item.item_type }}</span> |
| 23 |
<div class="feed-item-name-cell"> |
| 24 |
<span class="feed-item-name">{{ item.name }}</span> |
| 25 |
<span class="feed-item-creator">{{ item.creator }}</span> |
| 26 |
</div> |
| 27 |
<span>{{ item.primary_tag }}</span> |
| 28 |
<span class="feed-col-right">{% if item.is_free %}<span class="badge free">Free</span>{% else %}{{ item.price }}{% endif %}</span> |
| 29 |
<span class="feed-col-right">{{ item.date }}</span> |
| 30 |
</a> |
| 31 |
{% endfor %} |
| 32 |
</div> |
| 33 |
|
| 34 |
{% if total_pages > 1 %} |
| 35 |
<div class="feed-pagination"> |
| 36 |
{% if current_page > 1 %} |
| 37 |
<a href="#" hx-get="/library/tabs/feed?page={{ current_page - 1 }}" hx-target="#tab-content" hx-swap="innerHTML">«</a> |
| 38 |
{% endif %} |
| 39 |
{% for p in pagination_range %} |
| 40 |
{% if *p == current_page %} |
| 41 |
<span class="current">{{ p }}</span> |
| 42 |
{% else %} |
| 43 |
<a href="#" hx-get="/library/tabs/feed?page={{ p }}" hx-target="#tab-content" hx-swap="innerHTML">{{ p }}</a> |
| 44 |
{% endif %} |
| 45 |
{% endfor %} |
| 46 |
{% if current_page < total_pages %} |
| 47 |
<a href="#" hx-get="/library/tabs/feed?page={{ current_page + 1 }}" hx-target="#tab-content" hx-swap="innerHTML">»</a> |
| 48 |
{% endif %} |
| 49 |
</div> |
| 50 |
{% endif %} |
| 51 |
{% endif %} |
| 52 |
|