tab through user shelves

bookwyrm/templates/shelf.html

@@ -1,19 +1,22 @@
 {% extends 'layout.html' %}
+{% load fr_display %}
 {% block content %}
+{% include 'user_header.html' with user=user %}
 
 <div class="block">
-    <nav class="breadcrumb has-succeeds-separator" aria-label="breadcrumbs">
+    <div class="tabs">
         <ul>
-            <li><a href="/user/{{ user.username }}">{% include 'snippets/username.html' with user=user %}</a></li>
-            <li><a href="/user/{{ user.username }}/shelves">Shelves</a></li>
-            <li class="is-active"><a href="#" aria-current="page">{{ shelf.name }}</a></li>
+        {% for shelf_tab in shelves %}
+        <li class="{% if shelf_tab.identifier == shelf.identifier  %}is-active{% endif %}">
+            <a href="/user/{{ user | username }}/shelf/{{ shelf_tab.identifier }}">{{ shelf_tab.name }}</a>
+        </li>
+        {% endfor %}
         </ul>
-    </nav>
+    </div>
 </div>
 
 <div class="block">
     <div>
-        <h2 class="title">{{ shelf.name }}</h2>
         {% include 'snippets/shelf.html' with shelf=shelf ratings=ratings %}
     </div>
 </div>

bookwyrm/templates/snippets/shelf.html

@@ -1,6 +1,6 @@
 {% load humanize %}
 {% load fr_display %}
-{% if shelf.books %}
+{% if shelf.books.all|length > 0 %}
 <table class="table is-striped is-fullwidth">
 
 <tr class="book-preview">

bookwyrm/templates/user_shelves.html

@@ -3,9 +3,20 @@
 {% block content %}
 {% include 'user_header.html' with user=user %}
 
+<div class="block">
+    <div class="tabs">
+        <ul>
+        {% for shelf in shelves %}
+        <li class="{% if true %}is-active{% endif %}">
+            <a href="/user/{{ user | username }}/shelves/{{ shelf.identifier }}">{{ shelf.name }}</a>
+        </li>
+        {% endfor %}
+        </ul>
+    <h2 class="title">{{ shelf.name }}</h2>
+</div>
+
 {% for shelf in shelves %}
 <div class="block">
-    <h2 class="title">{{ shelf.name }}</h2>
     {% include 'snippets/shelf.html' with shelf=shelf ratings=ratings %}
 </div>
 {% endfor %}

bookwyrm/views.py

@@ -299,7 +299,7 @@ def notifications_page(request):
     return TemplateResponse(request, 'notifications.html', data)
 
 @csrf_exempt
-def user_page(request, username, subpage=None):
+def user_page(request, username, subpage=None, shelf=None):
     ''' profile page for a user '''
     try:
         user = get_user_from_username(username)
@@ -323,18 +323,22 @@ def user_page(request, username, subpage=None):
         return TemplateResponse(request, 'following.html', data)
     if subpage == 'shelves':
         data['shelves'] = user.shelf_set.all()
-        return TemplateResponse(request, 'user_shelves.html', data)
+        if shelf:
+            data['shelf'] = user.shelf_set.get(identifier=shelf)
+        else:
+            data['shelf'] = user.shelf_set.first()
+        return TemplateResponse(request, 'shelf.html', data)
 
     data['shelf_count'] = user.shelf_set.count()
     shelves = []
-    for shelf in user.shelf_set.all():
-        if not shelf.books.count():
+    for user_shelf in user.shelf_set.all():
+        if not user_shelf.books.count():
             continue
         shelves.append({
-            'name': shelf.name,
-            'remote_id': shelf.remote_id,
-            'books': shelf.books.all()[:3],
-            'size': shelf.books.count(),
+            'name': user_shelf.name,
+            'remote_id': user_shelf.remote_id,
+            'books': user_shelf.books.all()[:3],
+            'size': user_shelf.books.count(),
         })
         if len(shelves) > 2:
             break
@@ -600,8 +604,5 @@ def shelf_page(request, username, shelf_identifier):
     if is_api_request(request):
         return JsonResponse(shelf.to_activity(**request.GET))
 
-    data = {
-        'shelf': shelf,
-        'user': user,
-    }
-    return TemplateResponse(request, 'shelf.html', data)
+    return user_page(
+        request, username, subpage='shelves', shelf=shelf_identifier)