src/cover/templates/cover/image_list.html

   1 {% extends "documents/base.html" %}
   2 {% load i18n %}
   3 {% load thumbnail pagination_tags %}
   4
   5 {% block titleextra %}{% trans "Cover images" %}{% endblock %}
   6
   7 {% block content %}
   8 <div class="card mt-4 mb-4">
   9         <div class="card-header">
  10 <h1>{% trans "Cover images" %}</h1>
  11         </div>
  12         <div class="card-body">
  13
  14 {% if can_add %}
  15     <a class="btn btn-primary" href="{% url 'cover_add_image' %}">{% trans "Add new" %}</a>
  16 {% endif %}
  17
  18 <div class="row">
  19 {% autopaginate object_list 100 %}
  20 {% for image in object_list %}
  21 <div class="col-md-3">
  22 <div class="card">
  23   <a href="{{ image.get_absolute_url }}">
  24     {% if image.file %}
  25         <img style="height: 100px; width: auto;" class="card-img-top" src="{% thumbnail image.file "x100" as thumb %}
  26                 {{ thumb.url }}
  27              {% empty %}
  28                 {{ image.file.url }}
  29              {% endthumbnail %}" />
  30     {% endif %}
  31     <div class="card-body">
  32       {{ image }}
  33     </div>
  34   </a>
  35 </div>
  36 </div>
  37 {% endfor %}
  38 </div>
  39
  40 {% paginate %}
  41         </div>
  42 </div>
  43
  44 {% endblock %}