bookwyrm/bookwyrm/templates/groups/group.html

{% extends 'groups/layout.html' %}
{% load i18n %}
{% load bookwyrm_tags %}
{% load markdown %}

{% block panel %}

<div class="columns mt-3">
    <section class="column is-three-quarters">

        {% block searchresults %}
        {% endblock %}

        {% include "groups/members.html" %}

        <h2 class="title is-5">Lists</h2>
        {% if not lists %}
        <p>{% trans "This group has no lists" %}</p>
        {% else %}

        <div class="columns is-multiline">
          {% for list in lists %}
          <div class="column is-one-third">
              <div class="card is-stretchable">
                  <header class="card-header">
                      <h4 class="card-header-title">
                          <a href="{{ list.local_path }}">{{ list.name }}</a> <span class="subtitle">{% include 'snippets/privacy-icons.html' with item=list %}</span>
                      </h4>
                  </header>
      
                  {% with list_books=list.listitem_set.all|slice:5 %}
                      {% if list_books %}
                          <div class="card-image columns is-mobile is-gapless is-clipped">
                              {% for book in list_books %}
                                  <a class="column is-cover" href="{{ book.book.local_path }}">
                                      {% include 'snippets/book_cover.html' with book=book.book cover_class='is-h-s' size='small' aria='show' %}
                                  </a>
                              {% endfor %}
                          </div>
                      {% endif %}
                  {% endwith %}
      
                  <div class="card-content is-flex-grow-0">
                      <div class="is-clipped" {% if list.description %}title="{{ list.description }}"{% endif %}>
                      {% if list.description %}
                          {{ list.description|to_markdown|safe|truncatechars_html:30 }}
                      {% else %}
                      &nbsp;
                      {% endif %}
                      </div>
                      <p class="subtitle help">
                          {% include 'lists/created_text.html' with list=list %}
                      </p>
                  </div>
              </div>
          </div>
          {% endfor %}
        </div>

        {% endif %}
        {% include "snippets/pagination.html" with page=items %}
    </section>

    <section class="column is-one-quarter">
      <div class="block">
          <h2 class="title is-5">Find new members</h2>
          <form class="field has-addons" method="get" action="{% url 'group-find-users' group.id %}">
              <div class="control">
                  <input type="text" name="query" value="{{ request.GET.query }}" class="input" placeholder="{% trans 'Search to add a user' %}" aria-label="{% trans 'Search to add a user' %}">
              </div>
              <div class="control">
                  <button class="button" type="submit">
                      <span class="icon icon-search" title="{% trans 'Search' %}">
                          <span class="is-sr-only">{% trans "Search" %}</span>
                      </span>
                  </button>
              </div>
          </form>
      </div>
    </section>

</div>
{% endblock %}