src/UI/WebBundle/Resources/views/Blog/articles_list.html.twig line 1

Open in your IDE?
  1. {% extends 'Common/base.html.twig' %}
  2. {% import 'Common/parts/functions.html.twig' as function %}
  4. {% block title %}{{ 'blog.list_articles.title'|trans }} | {{ parent() }}{% endblock %}
  5. {% block classBody %}blog {{ parent() }}{% endblock %}
  7. {% block javascripts %}
  8. {{ parent() }}
  10. {{ encore_entry_script_tags('wt_list_articles') }}
  12. {% endblock javascripts %}
  14. {% block contents %}
  17. <div class="container-small" ng-controller="listArticlesCtrl">
  18. <nav class="mb-2" aria-label="breadcrumb">
  19. <ol class="breadcrumb mb-0">
  20. <li class="breadcrumb-item"><a href="{{path('web_init')}}">Inicio</a></li>
  21. {% if articleCategory is defined %}
  22. <li class="breadcrumb-item" ><a href="{{path('web_blog_list_articles')}}">Blog</a></li>
  23. <li class="breadcrumb-item active" aria-current="page">{{ articleCategory.title(locale)}}</li>
  24. {% else %}
  25. <li class="breadcrumb-item active" aria-current="page">Blog</li>
  26. {% endif %}
  28. </ol>
  29. </nav>
  31. <h1 class="my-2">{{ 'blog.list_articles.title'|trans }}</h1>
  32. {% if articleCategory is defined %}
  33. <h3 ><a class="text-muted" href="{{url('web_blog_list_articles_category',{ 'categorySlug': articleCategory.slug(locale)})}}">{{ articleCategory.title(locale)}}</h3>
  34. {% endif %}
  36. <div class="row">
  37. {% for article in articlePage %}
  38. <div class="col-12 my-2 py-1">
  39. <div class="card" >
  40. {% if article.headerImageUrl %}
  41. <a href="{{ url('web_blog_show_article', { 'articleSlug' : article.slug(locale), '_locale': locale })}}">
  42. <img class="card-img-top" src="{{ article.headerImageUrl | imagine_filter('whater_blog_header_list_image_1200_200') }}" title="{{ article.title(locale) }}">
  43. </a>
  44. {% endif %}
  46. <div class="card-body">
  47. <a class="text-dark" href="{{ url('web_blog_show_article', { 'articleSlug' : article.slug(locale), '_locale': locale })}}">
  48. <h3 class="card-title">{{ article.title(locale) }}</h3>
  49. </a>
  50. <p class="card-text">{{ article.content(locale) | striptags | u.truncate(350) |raw }}...</p>
  51. <div class="my-1">
  52. <span class="">Categorias:</span>
  53. {% for category in article.categories(locale) %}
  54. <a class="text-muted" href="{{ url('web_blog_list_articles_category', { 'categorySlug': category.slug(locale), '_locale': locale} )}}">{{ category.title(locale) }}</a>
  55. {% if not loop.last %} | {%endif%}
  56. {% endfor %}
  57. </div>
  58. <div class="fs--1 text-muted">{{ article.publishAt | date('d-m-Y') }} - {{ article.publishAt | ago }}</div>
  59. <div class="my-1">
  60. {% for metaKeyword in article.metaKeywords(locale) %}
  61. <a class="text-muted fs--1">#{{ metaKeyword | replace({' ': '-'})}}</a>
  62. {% endfor %}
  63. </div>
  65. </div>
  66. </div>
  67. </div>
  68. {% endfor %}
  70. </div>
  72. {% if articlePage.haveToPaginate() and articleCategory is not defined %}
  73. <div class="row">
  74. <div class="col-12 my-2 py-1">
  75. <div class="d-flex justify-content-between">
  76. {% if articlePage.hasPreviousPage() %}
  77. <a class="btn btn-secondary" href="{{url('web_blog_list_articles',{'page':articlePage.getPreviousPage()})}}">Página anterior</a>
  78. {% else %}
  79. <div></div>
  80. {% endif %}
  82. {% if articlePage.hasNextPage() %}
  83. <a class="btn btn-secondary" href="{{url('web_blog_list_articles',{'page':articlePage.getNextPage()})}}">Siguiente página</a>
  84. {% else %}
  85. <div></div>
  86. {% endif %}
  87. </div>
  88. </div>
  89. </div>
  90. {% elseif articlePage.haveToPaginate() and articleCategory is defined %}
  91. <div class="row">
  92. <div class="col-12 my-2 py-1">
  93. <div class="d-flex justify-content-between">
  94. {% if articlePage.hasPreviousPage() %}
  95. <a class="btn btn-secondary" href="{{url('web_blog_list_articles_category',{'categorySlug': articleCategory.slug(locale), 'page':articlePage.getPreviousPage()})}}">Página anterior</a>
  96. {% else %}
  97. <div></div>
  98. {% endif %}
  100. {% if articlePage.hasNextPage() %}
  101. <a class="btn btn-secondary" href="{{url('web_blog_list_articles_category',{'categorySlug': articleCategory.slug(locale), 'page':articlePage.getNextPage()})}}">Siguiente página</a>
  102. {% else %}
  103. <div></div>
  104. {% endif %}
  105. </div>
  106. </div>
  107. </div>
  108. {% endif %}
  112. </div>
  113. {#
  115. <div class="main-content" ng-controller="listArticlesCtrl">
  117. <div class="ui container">
  118. <h2>{{ 'blog.list_articles.title'|trans }}</h2>
  119. <div class="separator-line"></div>
  120. {% if articleCategory is defined %}
  121. <h3><a href="{{url('web_blog_list_articles_category',{ 'categorySlug': articleCategory.slug(locale)})}}">{{ articleCategory.title(locale)}}</h3>
  122. {% endif %}
  124. <div class="ui stackable two cards">
  125. {% for article in articlePage %}
  126. <div class="ui raised card no_shadow">
  127. <div class="content">
  128. <div class="article-image">
  129. {% if article.headerImageUrl %}
  130. <img class="ui small image" src="{{ article.headerImageUrl }}">
  131. {% else %}
  132. <img class="ui small image" src="{{asset('/assets/images/logo_v2.png')}}">
  133. {% endif %}
  134. </div>
  135. <div class="header"><a href="{{ url('web_blog_show_article', { 'articleSlug' : article.slug(locale), '_locale': locale })}}">{{ article.title(locale) }}</a></div>
  136. <div class="meta">{{ article.publishAt | ago }}</div>
  137. <div class="extra content article-categories">
  138. {% for category in article.categories(locale) %}
  139. <a href="{{ url('web_blog_list_articles_category', { 'categorySlug': category.slug(locale), '_locale': locale} )}}">{{ category.title(locale) }}</a>
  140. {% if not loop.last %} | {%endif%}
  141. {% endfor %}
  142. </div>
  143. <div class="ui ">
  145. </div>
  146. <div class="description">
  147. {{ article.content(locale) | striptags | u.truncate(300) |raw }}
  148. </div>
  149. <div class="extra content article-keywords">
  150. {% for metaKeyword in article.metaKeywords(locale) %}
  151. <a>#{{ metaKeyword | replace({' ': '-'})}}</a>
  152. {% endfor %}
  153. </div>
  155. </div>
  156. </div>
  157. {% endfor %}
  158. </div>
  159. {% if articlePage.haveToPaginate() and articleCategory is not defined %}
  160. <div class="ui right floated pagination">
  161. {% if articlePage.hasPreviousPage() %}
  162. <a class="item" href="{{url('web_blog_list_articles',{'page':articlePage.getPreviousPage()})}}">Página anterior</a>
  163. {% endif %}
  164. {% if articlePage.hasNextPage() %}
  165. <a class="item" href="{{url('web_blog_list_articles',{'page':articlePage.getNextPage()})}}">Siguiente página</a>
  166. {% endif %}
  167. </div>
  168. {% elseif articlePage.haveToPaginate() and articleCategory is defined %}
  169. <div class="ui right floated pagination">
  170. {% if articlePage.hasPreviousPage() %}
  171. <a class="item" href="{{url('web_blog_list_articles_category',{'categorySlug': articleCategory.slug(locale), 'page':articlePage.getPreviousPage()})}}">Página anterior</a>
  172. {% endif %}
  173. {% if articlePage.hasNextPage() %}
  174. <a class="item" href="{{url('web_blog_list_articles_category',{'categorySlug': articleCategory.slug(locale), 'page':articlePage.getNextPage()})}}">Siguiente página</a>
  175. {% endif %}
  176. </div>
  177. {% endif %}
  179. </div>
  181. </div>
  183. #}
  184. {% endblock contents %}