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" %}{% if only_unused %} (nieużywane){% endif %}</h1>
  11         </div>
  12         <div class="card-body">
  13
  14           <div class="mb-4">
  15             {% if can_add %}
  16               <a class="btn btn-primary" href="{% url 'cover_add_image' %}">{% trans "Add new" %}</a>
  17             {% endif %}
  18             {% if only_unused %}
  19               <a class="btn btn-secondary" href=".">
  20                 Pokaż wszystkie
  21               </a>
  22             {% else %}
  23               <a class="btn btn-secondary" href="?unused=1">
  24                 Pokaż tylko nieużywane
  25               </a>
  26             {% endif %}
  27
  28           </div>
  29 <div class="row">
  30 {% autopaginate object_list 100 %}
  31 {% for image in object_list %}
  32 <div class="col-md-3">
  33 <div class="card">
  34   <a href="{{ image.get_absolute_url }}">
  35     {% if image.file %}
  36         <img style="height: 100px; width: auto;" class="card-img-top" src="{% thumbnail image.file "x100" as thumb %}
  37                 {{ thumb.url }}
  38              {% empty %}
  39                 {{ image.file.url }}
  40              {% endthumbnail %}" />
  41     {% endif %}
  42     <div class="card-body">
  43       {{ image }}
  44     </div>
  45   </a>
  46 </div>
  47 </div>
  48 {% endfor %}
  49 </div>
  50
  51 {% paginate %}
  52         </div>
  53 </div>
  54
  55 {% endblock %}