{% load static %}
{% load i18n %}
{% load thumbnail %}
{% load front_tags %}
        <div class="row">
          {% for res in content_results %}
            <div class="span2">
                <a {% if mode == "create" %}class="no-prevent" href="{% url 'composer_new_project' branding=branding iri_id=res.content.iri_id %}"
                   {% else %}href="#" data-url="{{ res.content.url }}"{% endif %}
                   data-title="{{ res.content.title }}"
                   data-description="{{ res.content.description|default_if_none:'' }}" >
                   {% thumbnail res.content.image "140x140" crop="center" format="PNG" as im %}<img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" />{% empty %}<img src="{% static 'metadatacomposer/img/140x140.gif' %}" width="140px" height="140px" />{% endthumbnail %}
                <h5>{{ res.content.title }}</h5></a>
            </div>
          {% endfor %}
        </div>
        <div class="pagination">
            <ul>
            {% if content_results.has_previous %}
                <li><a href="{% url 'composer_content_page' branding=branding %}?page={{ content_results.previous_page_number }}&mode={{ mode }}" class="content_pagination_library">{% trans "Previous" %}</a></li>
            {% else %}
               <li class="disabled"><a>{% trans "Previous" %}</a></li>
            {% endif %}
            {% if content_results.paginator.num_pages > 1 %}
             {% for i in content_results.paginator.num_pages|get_range %}
              {% if i|add:'1' == content_results.number %}
                <li class="active"><a href="#">{{i|add:'1'}}</a></li>
              {% else %}
                <li><a href="{% url 'composer_content_page' branding=branding %}?page={{i|add:'1'}}&mode={{ mode }}" class="content_pagination_library">{{i|add:'1'}}</a></li>
              {% endif %}
             {% endfor %}
            {% endif %}
            {% if content_results.has_next %}
                <li><a href="{% url 'composer_content_page' branding=branding %}?page={{ content_results.next_page_number }}&mode={{ mode }}" class="content_pagination_library">{% trans "Next" %}</a></li>
            {% else %}
               <li class="disabled"><a>{% trans "Next" %}</a></li>
            {% endif %}
            {% if content_results.paginator.num_pages > 1 %}
                <li><a href="{% url 'composer_content_page' branding=branding %}?page=x&mode={{ mode }}" class="content_pagination_library">({% trans "All" %})</a></li>
            {% endif %}
            </ul>
        </div>