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 %}