templates/pages/news-detail.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {# Write blog post information #}
  4. {% set newsDetail = [] %}
  6. {# Match blog post information #}
  7. {% for newsItem in news %}
  8.     {% if newsItem.slug == slug and newsItem.active %}
  9.         {% set newsDetail = {
  10.             "publishDate": newsItem.publishDate,
  11.             "author": newsItem.author,
  12.             "image": newsItem.image,
  13.             "title": newsItem.title,
  14.             "text": newsItem.text
  15.         } %}
  16.     {% endif %}
  17. {% endfor %}
  19. {# Replace some markdown #}
  20. {% set text = newsDetail.text|markdown_to_html|replace({ '<p><strong>': '<h2>', '</strong></p>': '</h2>' }) %}
  22. {# Overwrite title #}
  23. {% block head %}
  24.     {% embed 'layout/head.html.twig' %}
  25.         {% block head_title_title %}<title>{{ newsDetail.title }} - CTC</title>{% endblock %}
  26.         {% block head_previews_ogtitle %}<meta property="og:title" content="{{ newsDetail.title }}">{% endblock %}
  27.         {% block head_previews_ogdescription %}<meta property="og:description" content="{{ newsDetail.text|markdown_to_html|striptags|u.truncate(140, '...') }}">{% endblock %}
  28.         {% block head_previews_ogurl %}<meta property="og:url" content="https://www.ctc-rheda.de/news/{{ slug }}">{% endblock %}
  29.         {% block head_links_canonical %}<link rel="canonical" href="https://www.ctc-rheda.de/news/{{ slug }}" />{% endblock %}
  30.     {% endembed %}
  31. {% endblock %}
  33. {# News detail #}
  34. {% block content %}
  36.     {# Content #}
  37.     <section class="section--content">
  38.         <div class="section--inner">
  39.             <div class="row justify-content--center">
  40.                 <div class="col col-12 col-xs-10 col-m-9 col-l-7">
  41.                     <div class="col-inner">
  42.                         <h1 class="tb2 tb3-m color--black">{{ newsDetail.title }}</h1>
  43.                         <p class="blog-info is--bold">{{ newsDetail.publishDate|date("d.m.Y") }} - {{ newsDetail.author }}</p>
  44.                     </div>
  45.                 </div>
  46.                 <div class="col col-12 col-xs-10 col-m-9 col-l-7">
  47.                     <div class="col-inner">
  48.                         {% if newsDetail.image.path is defined %}
  49.                             <img class="news--banner" src="https://api.ctc-rheda.de/{{ newsDetail.image.path }}">
  50.                         {% else %}
  51.                             <img class="news--banner" src="https://api.ctc-rheda.de/news/ctc-general.png">
  52.                         {% endif %}
  53.                     </div>
  54.                 </div>
  55.                 <div class="col col-12 col-xs-10 col-m-9 col-l-7">
  56.                     <div class="col-inner">
  57.                         <div class="news--content">
  58.                             {{ text|markdown_to_html }}
  59.                         </div>
  60.                     </div>
  61.                 </div>
  62.                 <div class="col col-12 col-xs-10 col-m-9 col-l-7">
  63.                     <div class="col-inner">
  64.                         <a class="btn" href="{{ path('news_index') }}">Zurück zu allen Neuigkeiten</a>
  65.                     </div>
  66.                 </div>
  67.             </div>
  68.         </div>
  69.     </section>
  70. {% endblock %}