From 70cd706ce3c42e73873ca4e1293b7ee0fb272dea Mon Sep 17 00:00:00 2001
From: Mouse Reeve <mousereeve@riseup.net>
Date: Sat, 7 Nov 2020 11:49:57 -0800
Subject: [PATCH] Pulldown for moving books between or off shelves

---
 bookwyrm/templates/snippets/shelf.html        | 11 +------
 .../templates/snippets/shelf_selector.html    | 31 +++++++++++++++++++
 2 files changed, 32 insertions(+), 10 deletions(-)
 create mode 100644 bookwyrm/templates/snippets/shelf_selector.html

diff --git a/bookwyrm/templates/snippets/shelf.html b/bookwyrm/templates/snippets/shelf.html
index a9238a45..8629ed1a 100644
--- a/bookwyrm/templates/snippets/shelf.html
+++ b/bookwyrm/templates/snippets/shelf.html
@@ -67,16 +67,7 @@
     </td>
     {% endif %}
     <td>
-        <form name="unshelve" action="/unshelve/" method="post">
-            {% csrf_token %}
-            <input type="hidden" name="book" value="{{ book.id }}">
-            <input type="hidden" name="shelf" value="{{ shelf.id }}">
-            <button class="button is-danger is-small" type="submit" style="">
-                <span class="icon icon-x">
-                    <span class="is-sr-only">Remove from shelf</span>
-                </span>
-            </button>
-        </form>
+        {% include 'snippets/shelf_selector.html' with current=shelf %}
     </td>
 </tr>
 {% endfor %}
diff --git a/bookwyrm/templates/snippets/shelf_selector.html b/bookwyrm/templates/snippets/shelf_selector.html
new file mode 100644
index 00000000..7f93762a
--- /dev/null
+++ b/bookwyrm/templates/snippets/shelf_selector.html
@@ -0,0 +1,31 @@
+<div class="dropdown is-hoverable">
+    <div class="dropdown-trigger button">
+        <p>Change shelf</p>
+        <span class="icon icon-arrow-down"></span>
+    </div>
+    <div class="dropdown-menu">
+        <ul class="dropdown-content">
+            {% for shelf in request.user.shelf_set.all %}
+            {% if shelf.identifier != current.identifier %}
+            <li>
+                <form class="dropdown-item pt-0 pb-0" name="shelve" action="/shelve/" method="post">
+                    {% csrf_token %}
+                    <input type="hidden" name="book" value="{{ book.id }}">
+                    <input type="hidden" name="shelf" value="{{ shelf.identifier }}">
+                    <button class="button is-small" type="submit">{{ shelf.name }}</button>
+                </form>
+            </li>
+            {% endif %}
+            {% endfor %}
+            <hr class="navbar-divider">
+            <li>
+                <form class="dropdown-item pt-0 pb-0" name="shelve" action="/unshelve/" method="post">
+                    {% csrf_token %}
+                    <input type="hidden" name="book" value="{{ book.id }}">
+                    <input type="hidden" name="shelf" value="{{ current.id }}">
+                    <button class="button is-small is-danger" type="submit">Unshelve</button>
+                </form>
+            </li>
+        </ul>
+    </div>
+</div>