templates/news/detail.html.twig line 1

Open in your IDE?
  1. {% extends base_layout() %}
  3. {% block content %}
  4.     <div class="section">
  8.         {% if not editmode and not pimcore_image('publicationHeader').isEmpty() %}
  9.             <div class="position-absolute start-0 top-0 w-100 area-col area-col-news">
  10.                 <div class="area-col-inner area-shape area-shape-news">
  11.                 <img src="{{ pimcore_image('publicationHeader').getThumbnail('newsthumb') }}" class="img-fluid w-100"></div>
  13.                 {#
  14.                 {% if not pimcore_input("publicationHeaderTitle").isEmpty() %}
  15.                     <div class="d-flex overlay text-center h-100">
  16.                         <span class="m-auto">{{ pimcore_input("publicationHeaderTitle") }}</span>
  17.                     </div>
  18.                 {% endif %} #}
  19.                 <svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg">
  20.                     <clipPath clipPathUnits="objectBoundingBox" id="shapegrey">
  21.                         <path d="M0,0.001 v0.979 c0.085,0.012,0.215,0.004,0.431,0 c0,0,0.371,0.05,0.569,-0.007 V0 H0.003 C0.002,0,0.001,0.001,0,0.001 s0 t0 y, l0 e=&quot;, t0 r, a0 n, s0 l0 a0 t0 p, x,-195.0520782470703, p, s0 c0 a0 l0"></path>
  22.                     </clipPath>
  23.                 </svg>
  24.             </div>
  28.         {% endif %}
  30.         <div class="container news-text mb-5">
  31.             <div class="row justify-content-center area-col">
  33.                 <svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg">
  34.                     <clipPath clipPathUnits="objectBoundingBox" id="shapeyellow">
  35.                         <path d="M0.536,0.991 s-0.414,0.038,-0.47,-0.038 C0.013,0.879,-0.009,0.825,0.004,0.696 s0.013,-0.268,0.013,-0.376 C0.018,0.133,0.026,0.017,0.269,0.006 C0.512,-0.005,0.731,-0.001,0.854,0.023 c0.121,0.023,0.14,0.05,0.143,0.241 c0.003,0.192,0.017,0.613,-0.062,0.688 c-0.054,0.051,-0.125,0.042,-0.399,0.038"></path>
  37.                     </clipPath>
  38.                 </svg>
  40.                 <div class="col-10 col-lg-8 area-shape area-shape-default area-col-inner position-relative bg-white p-5">
  41.                     <div class="p-5">
  43.                     {% if editmode %}
  44.                         <div class="alert alert-info" role="alert">
  45.                             {% set message = 'Afbeelding' %}
  46.                             {% include 'includes/basicBlocks/admin/message/tip.html.twig' with {'message': message, 'type' : 'info'} %}
  48.                             {{ pimcore_image('publicationHeader', {
  49.                                 "width": 800,
  50.                                 "height": 200,
  51.                                 "thumbnail": "article_header",
  52.                                 "class": "img-fluid w-100"
  53.                             }) }}
  55.                             {#
  56.                             {% set message = 'Titel op afbeelding' %}
  57.                             {% include 'includes/basicBlocks/admin/message/tip.html.twig' with {'message': message, 'type' : 'info'} %}
  59.                             {{ pimcore_input("publicationHeaderTitle") }}#}
  60.                         </div>
  61.                     {% endif %}
  64.                     <div class="row">
  65.                         <div class="col-8">
  66.                             {% if editmode %}
  67.                                 <div class="alert alert-info" role="alert">
  68.                                     {% set message = 'Publicatiedatum' %}
  69.                                     {% include 'includes/basicBlocks/admin/message/tip.html.twig' with {'message': message, 'type' : 'info'} %}
  71.                                     {{ pimcore_date("publicationDate", {
  72.                                         "format": "d m Y",
  73.                                         'outputFormat': "%d.%m.%Y"
  74.                                     }) }}
  75.                                 </div>
  76.                             {% endif %}
  78.                             {% if not editmode %}
  79.                                 <div class="my-3">
  80.                                     <ul class="list-unstyled d-child-inline-block font-size-4 d-inline-block text-black py-2 text-gray after-bullet mt-3 mb-0 m-md-0">
  81.                                         {% if not pimcore_date("publicationDate").isEmpty() %}
  82.                                             {% set publicationDate = pimcore_date("publicationDate").getData() %}
  83.                                             <li>{{ publicationDate|format_date('none', 'd MMMM Y', null, 'gregorian', app.request.locale) }}</li>
  84.                                             {#                                            <li>{{ publicationDate.format('d') }} {{ publicationDate.format('F')|trans }}#}
  85.                                             {#                                            {{ publicationDate.format('Y') }}</li>#}
  86.                                         {% endif %}
  87.                                     </ul>
  88.                                 </div>
  89.                             {% endif %}
  90.                         </div>
  92.                     </div>
  94.                     <div class="row">
  95.                         <div class="col-12">
  96.                             <h1 class="text-uppercase font-size-9">
  97.                                 {{ pimcore_input('newsTitle') }}
  98.                             </h1>
  100.                             <div class="content py-2">
  101.                                 {% if editmode %}
  102.                                     {% set message = 'Korte introtekst' %}
  103.                                     {% include 'includes/basicBlocks/admin/message/tip.html.twig' with {'message': message, 'type' : 'info'} %}
  104.                                 {% endif %}
  106.                                 {{ pimcore_wysiwyg('newsContent') }}
  107.                             </div>
  108.                         </div>
  109.                     </div>
  111.                     <div class="row">
  112.                         <div class="col-12">
  113.                             {{ include('includes/default-content.html.twig') }}
  114.                         </div>
  115.                     </div>
  118.                     <div class="row">
  119.                         <div class="col-12 text-center">
  121.                                 <a class="btn btn-outline-secondary" href="{% if check_websitesetting('news_document', 'document') %}{{ inotherlang('LocalizedDocument', pimcore_website_config('news_document')) }}{% endif %}">
  122.                                     <span class="material-icons-outlined md-18">arrow_left</span> {{ 'Terug naar het overzicht'|trans }}
  123.                                 </span>
  124.                                 </a>
  126.                         </div>
  127.                     </div>
  129.                 </div>
  130.                 </div>
  136.             </div>
  138.         </div>
  139.     </div>
  140. {% endblock %}