| 1 |
{% extends "base.html" %} |
| 2 |
{%- import "partials/_ui.html" as ui -%} |
| 3 |
|
| 4 |
{% block title %}{{ collection.title }} - {{ owner_username }} - Makenot.work{% endblock %} |
| 5 |
{% block body_attrs %} class="padded-page collection-page"{% endblock %} |
| 6 |
|
| 7 |
{% block head %} |
| 8 |
{% endblock %} |
| 9 |
|
| 10 |
{% block content %} |
| 11 |
{% include "partials/site_header.html" %} |
| 12 |
|
| 13 |
<div class="container"> |
| 14 |
<header class="collection-header"> |
| 15 |
<h1 class="collection-title">{{ collection.title }}</h1> |
| 16 |
<div class="collection-owner"> |
| 17 |
by <a href="/u/{{ owner_username }}">{% if let Some(display) = owner_display_name %}{{ display }}{% else %}{{ owner_username }}{% endif %}</a> |
| 18 |
{% if !collection.is_public %}<span class="badge badge--inline-l">Private</span>{% endif %} |
| 19 |
</div> |
| 20 |
{% if let Some(desc) = collection.description %} |
| 21 |
<p class="collection-description">{{ desc }}</p> |
| 22 |
{% endif %} |
| 23 |
<div class="collection-meta">{{ collection.item_count }} items</div> |
| 24 |
</header> |
| 25 |
|
| 26 |
{% if items.is_empty() %} |
| 27 |
{% call ui::empty_state("", "This collection is empty.") %} |
| 28 |
{% else %} |
| 29 |
<section> |
| 30 |
{% for item in items %} |
| 31 |
<div class="collection-item"> |
| 32 |
<div class="collection-item-info"> |
| 33 |
<div class="collection-item-title"><a href="/i/{{ item.item_id }}">{{ item.title }}</a></div> |
| 34 |
<div class="collection-item-meta">{{ item.item_type }} · {{ item.username }} · {{ item.project_title }}</div> |
| 35 |
</div> |
| 36 |
<div class="collection-item-price">{{ item.price_display }}</div> |
| 37 |
</div> |
| 38 |
{% endfor %} |
| 39 |
</section> |
| 40 |
{% endif %} |
| 41 |
|
| 42 |
<footer class="profile-footer mt-6"> |
| 43 |
<p><a href="/u/{{ owner_username }}">View profile</a> · <a href="" data-copy-link>Copy link</a></p> |
| 44 |
</footer> |
| 45 |
</div> |
| 46 |
{% endblock %} |
| 47 |
|