src/cover/templates/cover/image_list.html

   1 {% extends "catalogue/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         <img style="height: 100px; width: auto;" class="card-img-top" src="{% thumbnail image.file "x100" as thumb %}
  25                 {{ thumb.url }}
  26              {% empty %}
  27                 {{ image.file.url }}
  28              {% endthumbnail %}" />
  29         <div class="card-body">
  30
  31         {{ image }}
  32         </div>
  33 </a>
  34 </div>
  35 </div>
  36 {% endfor %}
  37 </div>
  38
  39 {% paginate %}
  40         </div>
  41 </div>
  42
  43 {% endblock %}