User shelves page

fedireads/static/format.css

@@ -483,7 +483,7 @@ tr {
 }
 
 tr:nth-child(even) {
-    background-color: #DDD;
+    background-color: #EEE;
 }
 
 th {

fedireads/templates/layout.html

@@ -26,7 +26,7 @@
         <div id="branding"><a href="/"><img id="logo" src="/static/images/logo-small.png" alt="BookWyrm"></img></a></div>
 
         <ul class="menu">
-            <li><a href="/user/{{request.user.localname}}">Your shelves</a></li>
+            <li><a href="/user/{{request.user.localname}}/shelves">Your shelves</a></li>
             <li><a href="/#feed">Updates</a></li>
             <li><a href="/books">Discover Books</a></li>
         </ul>

fedireads/templates/snippets/shelf.html

@@ -30,7 +30,7 @@
 {% for book in shelf.books.all %}
 <tr class="book-preview">
     <td>
-        {% include 'snippets/book_cover.html' with book=book %}
+        {% include 'snippets/book_cover.html' with book=book size="small" %}
     </td>
     <td>
         <a href="/book/{{ book.openlibrary_key }}">{{ book.title }}</a>

fedireads/templates/user_shelves.html

@@ -0,0 +1,14 @@
+{% extends 'layout.html' %}
+{% load fr_display %}
+{% block content %}
+{% include 'user_header.html' with user=user %}
+
+{% for shelf in shelves %}
+<div class="content-container">
+    <h2>{{ shelf.name }}</h2>
+    {% include 'snippets/shelf.html' with shelf=shelf ratings=ratings %}
+</div>
+{% endfor %}
+
+{% endblock %}
+

fedireads/urls.py

@@ -39,6 +39,7 @@ urlpatterns = [
     re_path(r'%s/?$' % user_path, views.user_page),
     re_path(r'%s\.json$' % local_user_path, views.user_page),
     re_path(r'user-edit/?$', views.edit_profile_page),
+    re_path(r'%s/shelves/?$' % local_user_path, views.user_shelves_page),
     re_path(r'%s/followers/?$' % local_user_path, views.followers_page),
     re_path(r'%s/followers.json$' % local_user_path, views.followers_page),
     re_path(r'%s/following/?$' % local_user_path, views.following_page),

fedireads/views.py

@@ -132,11 +132,9 @@ def user_page(request, username, subpage=None):
     # otherwise we're at a UI view
 
     # TODO: change display with privacy and authentication considerations
-    shelves = get_user_shelf_preview(user)
 
     data = {
         'user': user,
-        'shelves': shelves,
         'is_self': request.user.id == user.id,
     }
     if subpage == 'followers':
@@ -145,7 +143,12 @@ def user_page(request, username, subpage=None):
     elif subpage == 'following':
         data['following'] = user.following.all()
         return TemplateResponse(request, 'following.html', data)
+    elif subpage == 'shelves':
+        data['shelves'] = user.shelf_set.all()
+        return TemplateResponse(request, 'user_shelves.html', data)
     else:
+        shelves = get_user_shelf_preview(user)
+        data['shelves'] = shelves
         activities = models.Status.objects.filter(
             user=user,
         ).order_by(
@@ -195,6 +198,15 @@ def following_page(request, username):
     return user_page(request, username, subpage='following')
 
 
+@csrf_exempt
+def user_shelves_page(request, username):
+    ''' list of followers '''
+    if request.method != 'GET':
+        return HttpResponseBadRequest()
+
+    return user_page(request, username, subpage='shelves')
+
+
 @csrf_exempt
 def status_page(request, username, status_id):
     ''' display a particular status (and replies, etc) '''