forked from mirrors/bookwyrm
59 lines
2.3 KiB
HTML
59 lines
2.3 KiB
HTML
{% extends 'embed-layout.html' %}
|
|
{% load i18n %}
|
|
{% load bookwyrm_tags %}
|
|
{% load bookwyrm_group_tags %}
|
|
{% load markdown %}
|
|
|
|
{% block title %}{% blocktrans with list_name=list.name owner=list.user.display_name %}{{ list_name }}, a list by {{owner}}{% endblocktrans %}{% endblock title %}
|
|
|
|
{% block content %}
|
|
<div class="mt-3">
|
|
<h1 class="title is-4">
|
|
{{ list.name }}
|
|
<span class="subtitle">{% include 'snippets/privacy-icons.html' with item=list %}</span>
|
|
</h1>
|
|
<p class="subtitle is-size-6">
|
|
{% include 'lists/created_text.html' with list=list %}
|
|
{% blocktrans with site_name=site.name %}on <a href="/">{{ site_name }}</a>{% endblocktrans %}
|
|
</p>
|
|
|
|
<div class="block content">
|
|
{% include 'snippets/trimmed_text.html' with full=list.description %}
|
|
</div>
|
|
|
|
<section>
|
|
{% if not items.object_list.exists %}
|
|
<p>{% trans "This list is currently empty" %}</p>
|
|
{% else %}
|
|
<ol start="{{ items.start_index }}" class="ordered-list">
|
|
{% for item in items %}
|
|
{% with book=item.book %}
|
|
<li class="mb-5 card is-shadowless has-border">
|
|
<div class="card-content p-0 mb-0 columns is-gapless is-mobile">
|
|
<div class="column is-3-mobile is-2-tablet is-cover align to-t">
|
|
<a href="{{ item.book.local_path }}" aria-hidden="true">
|
|
{% include 'snippets/book_cover.html' with cover_class='is-w-auto is-h-m-tablet is-align-items-flex-start' size='medium' %}
|
|
</a>
|
|
</div>
|
|
|
|
<div class="column mx-3 my-2">
|
|
<h2 class="title is-6 mb-1">
|
|
{% include 'snippets/book_titleby.html' %}
|
|
</h2>
|
|
<p>
|
|
{% include 'snippets/stars.html' with rating=item.book|rating:request.user %}
|
|
</p>
|
|
<div>
|
|
{{ book|book_description|to_markdown|default:""|safe|truncatewords_html:20 }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
{% endwith %}
|
|
{% endfor %}
|
|
</ol>
|
|
{% endif %}
|
|
{% include "snippets/pagination.html" with page=items %}
|
|
</section>
|
|
</div>
|
|
{% endblock %}
|