moviewyrm/fedireads/templates/snippets/covers_shelf.html

{% load fr_display %}

<div class="all-shelves content-container">
    {% for shelf in shelves %}
    {% if shelf.books %}
    <div>
        <h2>{{ shelf.name }}
            {% if shelf.size > shelf.books|length %}
            <small>(<a href="/shelf/{{ user | username }}/{{ shelf.identifier }}">See all {{ shelf.size }}</a>)</small>
            {% endif %}
        </h2>
        <div class="covers-shelf {{ shelf.identifier }} ">
            {% for book in shelf.books %}
            <div class="cover-container">
            <div>
                <label for="book-{{ book.id }}-radio">
                    {% include 'snippets/book_cover.html' with book=book %}
                </label>
                <input name="book-{{ book.id }}" type="radio" id="book-{{ book.id }}-radio"></input>
                <div class="compose-suggestion" id="compose-book-{{ book.id }}">
                    <label class="close icon icon-close" for="book-{{ book.id }}-radio-close" onclick="hide_element(this)">
                        <span class="hidden-text">Close</span>
                    </label>
                    <input name="book-{{ book.id }}" type="radio" id="book-{{ book.id }}-radio-close"></input>
                    <div class="content-container">
                        {% include 'snippets/create_status.html' with book=book user=request.user %}
                    </div>
                </div>
            </div>
            {% include 'snippets/shelve_button.html' with book=book %}
            </div>
            {% endfor %}
        </div>
    </div>
    {% endif %}
    {% endfor %}
</div>

{% for shelf in shelves %}
    {% for book in shelf.books %}
    {% endfor %}
{% endfor %}