mirror of
https://github.com/bookwyrm-social/bookwyrm.git
synced 2024-06-03 05:49:35 +00:00
3f67bc3b61
To make it harder to accidentally mess up the tour when making changes to pages, this commit adds ids with 'tour' prefixes to (nearly) all elements used by the guided tour as anchor points. The exception is where an element already had an id that is being used by something else in Bookwyrm. Some minor changes also made to clean up the wording of the tour.
121 lines
4.8 KiB
HTML
121 lines
4.8 KiB
HTML
{% extends 'search/layout.html' %}
|
|
{% load i18n %}
|
|
|
|
{% block panel %}
|
|
|
|
{% if results %}
|
|
{% with results|first as local_results %}
|
|
<ul class="block">
|
|
{% for result in local_results.results %}
|
|
<li class="pd-4 mb-5 local-book-search-result" id="tour-local-book-search-result">
|
|
<div class="columns is-mobile is-gapless mb-0">
|
|
<div class="column is-cover">
|
|
{% include 'snippets/book_cover.html' with book=result cover_class='is-w-xs is-h-xs' %}
|
|
</div>
|
|
|
|
<div class="column is-10 ml-3">
|
|
<p>
|
|
<strong>
|
|
{% include "snippets/book_titleby.html" with book=result %}
|
|
</strong>
|
|
</p>
|
|
<p>
|
|
{% if result.first_published_date or result.published_date %}
|
|
({% firstof result.first_published_date.year result.published_date.year %})
|
|
{% endif %}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endwith %}
|
|
|
|
<div class="block">
|
|
{% for result_set in results|slice:"1:" %}
|
|
{% if result_set.results %}
|
|
<section class="mb-5">
|
|
{% if not result_set.connector.local %}
|
|
<details class="details-panel box" open>
|
|
{% endif %}
|
|
{% if not result_set.connector.local %}
|
|
<summary class="is-flex is-align-items-center is-flex-wrap-wrap is-gap-2 remote-book-search-result" id="tour-remote-search-result">
|
|
<span class="mb-0 title is-5">
|
|
{% trans 'Results from' %}
|
|
<a href="{{ result_set.connector.base_url }}" target="_blank">{{ result_set.connector.name|default:result_set.connector.identifier }}</a>
|
|
</span>
|
|
|
|
<span class="details-close icon icon-x" aria-hidden="true"></span>
|
|
</summary>
|
|
{% endif %}
|
|
|
|
<div class="mt-5">
|
|
<div class="is-flex is-flex-direction-row-reverse">
|
|
<ul class="is-flex-grow-1">
|
|
{% for result in result_set.results %}
|
|
<li class="{% if not forloop.last %}mb-5{% endif %}">
|
|
<div class="columns is-mobile is-gapless">
|
|
<div class="column is-1 is-cover">
|
|
{% include 'snippets/book_cover.html' with book=result cover_class='is-w-xs is-h-xs' external_path=True %}
|
|
</div>
|
|
<div class="column is-10 ml-3">
|
|
<p>
|
|
<strong>
|
|
<a
|
|
href="{{ result.view_link|default:result.key }}"
|
|
rel="noopener noreferrer"
|
|
target="_blank"
|
|
>{{ result.title }}</a>
|
|
</strong>
|
|
</p>
|
|
<p>
|
|
{{ result.author }}
|
|
{% if result.year %}({{ result.year }}){% endif %}
|
|
</p>
|
|
<form class="mt-1" action="/resolve-book" method="post">
|
|
{% csrf_token %}
|
|
<input type="hidden" name="remote_id" value="{{ result.key }}">
|
|
<div class="control">
|
|
<button type="submit" class="button is-small is-link">
|
|
{% trans "Import book" %}
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
{% if not result_set.connector.local %}
|
|
</details>
|
|
{% endif %}
|
|
</section>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
|
|
|
|
{% endif %}
|
|
|
|
<p class="block">
|
|
{% if request.user.is_authenticated %}
|
|
{% if not remote %}
|
|
<a href="{{ request.path }}?q={{ query }}&type=book&remote=true" id="tour-load-from-other-catalogues">
|
|
{% trans "Load results from other catalogues" %}
|
|
</a>
|
|
{% else %}
|
|
<a href="{% url 'create-book' %}" id="tour-manually-add-book">
|
|
{% trans "Manually add book" %}
|
|
</a>
|
|
{% endif %}
|
|
{% else %}
|
|
<a href="{% url 'login' %}">
|
|
{% trans "Log in to import or add books." %}
|
|
</a>
|
|
{% endif %}
|
|
</p>
|
|
|
|
{% endblock %}
|