From 277c0c4bfe67b3202542f2c8e5ec12580aad7052 Mon Sep 17 00:00:00 2001
From: Mouse Reeve <mousereeve@riseup.net>
Date: Mon, 2 Nov 2020 08:48:58 -0800
Subject: [PATCH] Hide search results from external datasources

---
 bookwyrm/templates/search_results.html | 72 ++++++++++++++++++--------
 1 file changed, 51 insertions(+), 21 deletions(-)

diff --git a/bookwyrm/templates/search_results.html b/bookwyrm/templates/search_results.html
index bd5096fe..6c712349 100644
--- a/bookwyrm/templates/search_results.html
+++ b/bookwyrm/templates/search_results.html
@@ -3,30 +3,60 @@
 <div class="block columns">
     <div class="column">
         <h2 class="title">Matching Books</h2>
-        {% for result_set in book_results %}
-        {% if result_set.results %}
-        <section>
-            {% if not result_set.connector.local %}
-            <h3>
-                Results from <a href="{{ result_set.connector.base_url }}" target="_blank">{% if result_set.connector.name %}{{ result_set.connector.name }}{% else %}{{ result_set.connector.identifier }}{% endif %}</a>
-            </h3>
-            {% endif %}
-
+        <section class="block">
+            <ul>
+            {% with book_results|first as result_set %}
             {% for result in result_set.results %}
-            <div>
-                <form action="/resolve_book" method="POST">
-                    {% csrf_token %}
-                    <input type="hidden" name="remote_id" value="{{ result.key }}">
-                    <button type="submit">{{ result.title }} by {{ result.author }} ({{ result.year }})</button>
-                </form>
-            </div>
+                <li class="pd-4">
+                    <a href="{{ result.key }}">{% include 'snippets/search_result_text.html' with result=result link=True %}</a>
+                </li>
             {% endfor %}
+            {% endwith %}
+            </ul>
         </section>
-        {% endif %}
-        {% endfor %}
-        {% if not book_results %}
-        <p>No books found for "{{ query }}"</p>
-        {% endif %}
+
+        <div class="block">
+            <p>
+                Didn't find what you were looking for?
+            </p>
+
+            <input class="toggle-control" type="radio" name="more-results" id="fewer-results" checked>
+            <div class="toggle-content hidden">
+                <label class="button is-small" for="more-results">Show results from other catalogues</label>
+            </div>
+        </div>
+
+        <input class="toggle-control" type="radio" name="more-results" id="more-results" {% if booo_results|first|length == 0 %}checked{% endif %}>
+        <div class="toggle-content hidden">
+            {% for result_set in book_results|slice:"1:" %}
+            {% if result_set.results %}
+            <section class="block">
+                {% if not result_set.connector.local %}
+                <h3 class="title is-5">
+                    Results from <a href="{{ result_set.connector.base_url }}" target="_blank">{% if result_set.connector.name %}{{ result_set.connector.name }}{% else %}{{ result_set.connector.identifier }}{% endif %}</a>
+                </h3>
+                {% endif %}
+
+                <ul>
+                {% for result in result_set.results %}
+                    <li class="pb-4">
+                        <form action="/resolve_book" method="POST">
+                            {% csrf_token %}
+                            <input type="hidden" name="remote_id" value="{{ result.key }}">
+                            <div>{% include 'snippets/search_result_text.html' with result=result link=False %}</div>
+                            <button type="submit" class="button is-small is-link is-light">Import book</button>
+                        </form>
+                    </li>
+                {% endfor %}
+                </ul>
+            </section>
+            {% endif %}
+            {% endfor %}
+            {% if not book_results %}
+            <p>No books found for "{{ query }}"</p>
+            {% endif %}
+            <label class="button is-small" for="fewer-results">Hide results from other catalogues</label>
+        </div>
     </div>
     <div class="column">
         <h2 class="title">Matching Users</h2>