breads_index_page.html 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. {% extends "base.html" %}
  2. {% load wagtailcore_tags navigation_tags wagtailimages_tags %}
  3. {% block content %}
  4. <div class="container">
  5. <div class="row">
  6. <div class="col-md-12">
  7. <h1>{{ page.title }}</h1>
  8. <p>{{ page.introduction}}</p>
  9. </div>
  10. </div>
  11. </div>
  12. <div class="container">
  13. <div class="row">
  14. {% for bread in breads %}
  15. <div class="col-xs-12 col-md-6">
  16. <a href="{% pageurl bread %}">
  17. <div class="row">
  18. <div class="col-xs-4">
  19. {% image bread.image fill-180x180-c100 as image %}
  20. <img src="{{ image.url }}" width="{{ image.width }}" height="{{ image.height }}" alt="{{ image.alt }}" class="" />
  21. </div>
  22. <div class="col-xs-6">
  23. <h2>{{ bread.title }}</h2>
  24. <ul class="bread-meta list-inline">
  25. <li>{{ bread.origin }}</li>
  26. <li>{{ bread.bread_type }}</li>
  27. </ul>
  28. </div>
  29. </div>
  30. </a>
  31. </div>
  32. {% endfor %}
  33. </div>
  34. </div>
  35. {% if resources.has_other_pages %}
  36. <div class="clearfix">
  37. <div class="pagination-wrapper">
  38. <ul class="pagination">
  39. {% if resources.has_previous %}
  40. <li class="arrows"><a href="?q={{ query_string|urlencode }}&amp;page={{ resources.previous_page_number }}" class="arrow-left"></a></li>
  41. {% else %}
  42. <li class="arrows disabled"><span class="arrow-left"></span></li>
  43. {% endif %}
  44. {% for i in resources.paginator.page_range %}
  45. {% if resources.number == i %}
  46. <li class="active"><span>{{ i }} <span class="sr-only">(current)</span></span></li>
  47. {% else %}
  48. <li><a href="?q={{ query_string|urlencode }}&amp;page={{ i }}">{{ i }}</a></li>
  49. {% endif %}
  50. {% endfor %}
  51. {% if resources.has_next %}
  52. <li class="arrows"><a href="?q={{ query_string|urlencode }}&amp;page={{ resources.next_page_number }}"><i class="arrow-right"></i></a></li>
  53. {% else %}
  54. <li class="arrows disabled"><span><i class="arrow-right"></i></span></li>
  55. {% endif %}
  56. </ul>
  57. </div>
  58. </div>
  59. {% endif %}
  60. {% endblock content %}