bookwyrm/fedireads/templates/feed.html

103 lines
3.8 KiB
HTML
Raw Normal View History

2020-01-25 23:25:19 +00:00
{% extends 'layout.html' %}
2020-01-29 23:10:32 +00:00
{% load fr_display %}
2020-01-25 23:25:19 +00:00
{% block content %}
<div id="sidebar">
2020-01-29 01:23:38 +00:00
<div>
<h2>Currently Reading</h2>
{# listing books currently on user's shelves #}
2020-01-29 08:05:58 +00:00
{% if not reading.books.all %}
2020-01-29 01:23:38 +00:00
<p>Start a book!</p>
2020-01-29 08:05:58 +00:00
{% for book in to_read.books.all %}
<div class="book-preview">
{% include 'snippets/book.html' with book=book size="small" %}
2020-02-15 22:38:46 +00:00
<form name="shelve" action="/shelve/{{ user.localname }}/reading/{{ book.id }}" method="post">
2020-01-29 20:53:12 +00:00
{% csrf_token %}
2020-01-29 08:22:48 +00:00
<input type="hidden" name="book" value="book.id"></input>
<button type="submit">Start reading</button>
</form>
2020-01-29 08:05:58 +00:00
</div>
{% endfor %}
2020-01-25 23:25:19 +00:00
{% endif %}
2020-01-29 08:05:58 +00:00
{% for book in reading.books.all %}
2020-01-29 01:23:38 +00:00
<div class="book-preview">
{% include 'snippets/book.html' with book=book size="small" %}
2020-02-15 22:38:46 +00:00
<form name="shelve" action="/shelve/{{ user.localname }}/read/{{ book.id }}" method="post">
2020-01-29 20:53:12 +00:00
{% csrf_token %}
2020-01-29 08:22:48 +00:00
<input type="hidden" name="book" value="book.id"></input>
<button type="submit">I'm done!</button>
</form>
2020-01-29 01:23:38 +00:00
</div>
{% endfor %}
2020-01-25 23:25:19 +00:00
</div>
2020-01-29 01:23:38 +00:00
<div>
<h2>Recently Added Books</h2>
2020-01-27 01:55:02 +00:00
{% for book in recent_books %}
<div class="book-preview">
{% include 'snippets/book.html' with book=book size="small" %}
2020-01-29 01:23:38 +00:00
{% if not book in user_books.all %}
2020-02-15 22:38:46 +00:00
<form name="shelve" action="/shelve/{{ user.localname }}/to-read/{{ book.id }}" method="post">
2020-01-29 20:53:12 +00:00
{% csrf_token %}
2020-01-27 01:55:02 +00:00
<input type="hidden" name="book" value="book.id"></input>
2020-01-28 23:23:49 +00:00
<button type="submit">Want to read</button>
2020-01-27 01:55:02 +00:00
</form>
{% endif %}
</div>
{% endfor %}
</div>
2020-01-29 01:23:38 +00:00
</div>
<div id="feed">
2020-01-28 02:47:54 +00:00
{% for activity in activities %}
2020-01-25 23:25:19 +00:00
<div class="update">
2020-01-29 01:23:38 +00:00
<h2>
{% include 'snippets/avatar.html' with user=activity.user %}
{% include 'snippets/username.html' with user=activity.user %}
{% if activity.status_type == 'Review' %}
2020-01-29 01:23:38 +00:00
{# display a review #}
reviewed {{ activity.book.data.title }}
</h2>
<div class="book-preview review">
{% include 'snippets/book.html' with book=activity.book size=large %}
2020-01-29 01:23:38 +00:00
<h3>{{ activity.name }}</h3>
<p>{{ activity.rating | stars }}</p>
<p>{{ activity.content | safe }}</p>
2020-01-29 01:23:38 +00:00
</div>
2020-02-18 05:39:08 +00:00
<div class="interaction">
{% if activity.favorites.all %}
<span>
{{ activity.favorites.count }} like(s)
</span>
{% endif %}
2020-02-19 08:13:06 +00:00
<form name="favorite" action="/favorite/{{ activity.id }}" method="post">
{% csrf_token %}
<button>⭐️ Like</button>
</form>
2020-02-18 05:39:08 +00:00
<form name="comment" action="/comment" method="post">
{% csrf_token %}
<input type="hidden" name="review" value="{{ activity.id }}"></input>
{{ comment_form.content }}
<button type="submit">Comment</button>
</form>
</div>
{% elif activity.status_type == 'Note' %}
2020-02-15 21:07:57 +00:00
posted</h2>
{{ activity.content | safe }}
2020-02-17 02:45:25 +00:00
{% for book in activity.mention_books.all %}
<div class="book-preview review">
{% include 'snippets/book.html' with book=book size=large description=True %}
</div>
{% endfor %}
2020-01-29 01:23:38 +00:00
{% else %}
{# generic handling for a misc activity, which perhaps should not be displayed at all #}
did {{ activity.activity_type }}
</h2>
{% endif %}
2020-01-25 23:25:19 +00:00
</div>
2020-01-28 02:47:54 +00:00
{% endfor %}
2020-01-25 23:25:19 +00:00
</div>
{% endblock %}